Итак, я уже говорил, что не являюсь дизайнером и мне неизвестны все тонкости работы с графикой.
Но по долгу службы, мне приходится время от времени, рисовать картинки для своих постов.
И чтобы мои работы не выглядели совсем кустарно, я потратил время, чтобы получить минимум знаний о дизайне изображений.
О своих находках поделюсь в этом посте.
На самом деле, правил больше трех, но я дам лишь те, которые встречаются от картинки к картинке.
Это шрифт, цвет и стиль.
Элемент #1. Шрифт
Есть два типа шрифтов: serif and sans-serif.
Serif — это тип шрифта с засечками на конце букв (Times New Roman, Georgia). Такие шрифты обычно используют в печатных изданиях (книгах, журналах, газетах).
Sans-serif — эти шрифты не имеют засечек на конце букв, потому что специально разрабатывались для web.
Поэтому, для основного шрифта сайта, блога, изображения лучше выбирать шрифт из семейства sans-serif. Например, на моем блоге основной шрифт Open Sans и PT Sans. Их я использую и на картинках.
А вот дополнительный список шрифтов, которыми я иногда пользуюсь.
- Myriad Pro (он по умолчанию установлен в Windows, даже искать не придется)
- Proxima-nova
- Clear Sans
- Geometria
- Days Sans Black (жирный и толстый для заголовков)
- Core Rhino
- Gothem Pro
- Bad Script — рукописный
- Freezy — рукописный
- Open Sans
Хотя шрифтов в списке много, я не использую больше двух на одной картинке, чтобы не перегружать изображение.
Элемент #2: Цвет
Вся сложность выбора цветов сводится к их совместимости друг с другом. Хорошая картинка для поста в блог не должна иметь больше 3 основных цветов.
Существует несколько проверенных сочетаний цветов.
а) монохроматическое
Эта комбинация состоит из одного основного цвета и его различных оттенков. Чтобы найти оттенки цветов можно воспользоваться инструментом Google color tool.
б) аналоговое
Могут сочетаться разные цвета, но обязательное правило, они должны находится рядом на цветовой палитре.
Иными словами, выбирается один основной цвет, а дополнительные используются те, которые лежат рядом с ним на цветовой палитре.
в) контрастное
Этот вариант включает контрастные цвета, которые лежат на противоположных сторонах цветового колеса.
Скажу от себя, что не всегда эти цвета красиво сочетаются, поэтому иногда имеет смысл изменить оттенок одного из цветов для лучшей картинки.
г) триада
Эта схема включает 3 цвета, которые дополняют друг друга. Как это выглядит на цветовой палитре, смотрите на картинке.
Чтобы быстро подбирать нужное сочетание цветов, я использую сервис СolorScheme.ru.
Элемент #3. Стиль
Идея в том, что каждое изображение должно быть выдержано в определенном стиле, которое соответствует вашему блогу, а если пойти еще дальше, то и бренду.
То есть, если решили использовать фотографии для своего сайта, то должны и дальше придерживаться этой стратегии. Если используете графику, то и дальше следуйте этому правилу.
Это относится и к шрифтам. Выбрали 3-4 основных и используете их на каждой картинке.
Аналогично и для размеров картинок. Они должны быть идентичные (по крайней мере, ширина).
С самого начала я этого не понимал, и каждая моя картинка была разной. Это неверно.
В идеале нужно прийти к тому, что читатель должен узнавать автора по его картинка, еще до того, как увидите имя или название сайта на ней.
Держите это в голове, когда будете создавать очередное изображение для сайта.
Удачи.
Здравствуйте, Артём! Я, Анатолий Никулин. Пенсионер. Увлекся созданием сайта и создал недавно. Но испытываю трудности в создании контента (написания статей) для него (блога). Эта рассылка, надеюсь, мне поможет в этом деле – написании уникальных текстов, а также в создании картинок для постов. Я делаю их с помощью программ Paint или диспетчера Рисунков (это для сжатия картинок). Сами картинки делаю в Pover Point.