3 элемента красивого дизайна картинки для блога

Итак, я уже говорил, что не являюсь дизайнером и мне неизвестны все тонкости работы с графикой.

Но по долгу службы, мне приходится время от времени, рисовать картинки для своих постов.

И чтобы мои работы не выглядели совсем кустарно, я потратил время, чтобы получить минимум знаний о дизайне изображений.

О своих находках поделюсь в этом посте.

На самом деле, правил больше трех, но я дам лишь те, которые встречаются от картинки к картинке.

Это шрифт, цвет и стиль.

Элемент #1. Шрифт 

Есть два типа шрифтов: serif and sans-serif.

Serif — это тип шрифта с засечками на конце букв (Times New Roman, Georgia). Такие шрифты обычно используют в печатных изданиях (книгах, журналах, газетах).

Sans-serif — эти шрифты не имеют засечек на конце букв, потому что специально разрабатывались для web.

Поэтому, для основного шрифта сайта, блога, изображения лучше выбирать шрифт из семейства sans-serif. Например, на моем блоге основной шрифт Open Sans и PT Sans. Их я использую и на картинках.

А вот дополнительный список шрифтов, которыми я иногда пользуюсь.

  1. Myriad Pro (он по умолчанию установлен в Windows, даже искать не придется)
  2. Proxima-nova
  3. Clear Sans
  4. Geometria
  5. Days Sans Black (жирный и толстый для заголовков)
  6. Core Rhino
  7. Gothem Pro
  8. Bad Script — рукописный
  9. Freezy — рукописный
  10. Open Sans

Хотя шрифтов в списке много, я не использую больше двух на одной картинке, чтобы не перегружать изображение.

Элемент #2: Цвет

Вся сложность выбора цветов сводится к их совместимости друг с другом. Хорошая картинка для поста в блог не должна иметь больше 3 основных цветов.

Существует несколько проверенных сочетаний цветов.

а) монохроматическое

Эта комбинация состоит из одного основного цвета и его различных оттенков. Чтобы найти оттенки цветов можно воспользоваться инструментом Google color tool.

3 элемента красивого дизайна картинки для блога

б) аналоговое

Могут сочетаться разные цвета, но обязательное правило, они должны находится рядом на цветовой палитре.

3 элемента красивого дизайна картинки для блога

Иными словами, выбирается один основной цвет, а дополнительные используются те, которые лежат рядом с ним на цветовой палитре.

в) контрастное

Этот вариант включает контрастные цвета, которые лежат на противоположных сторонах цветового колеса.

3 элемента красивого дизайна картинки для блога

Скажу от себя, что не всегда эти цвета красиво сочетаются, поэтому иногда имеет смысл изменить оттенок одного из цветов для лучшей картинки.

г) триада 

Эта схема включает 3 цвета, которые дополняют друг друга. Как это выглядит на цветовой палитре, смотрите на картинке.

3 элемента красивого дизайна картинки для блога

Чтобы быстро подбирать нужное сочетание цветов, я использую сервис СolorScheme.ru.

Элемент #3. Стиль 

Идея в том, что каждое изображение должно быть выдержано в определенном стиле, которое соответствует вашему блогу, а если пойти еще дальше, то и бренду.

То есть, если решили использовать фотографии для своего сайта, то должны и дальше придерживаться этой стратегии. Если используете графику, то и дальше следуйте этому правилу.

Это относится и к шрифтам. Выбрали 3-4 основных и используете их на каждой картинке.

Аналогично и для размеров картинок. Они должны быть идентичные (по крайней мере, ширина).

С самого начала я этого не понимал, и каждая моя картинка была разной. Это неверно.

В идеале нужно прийти к тому, что читатель должен узнавать автора по его картинка, еще до того, как увидите имя или название сайта на ней.

Держите это в голове, когда будете создавать очередное изображение для сайта.

Удачи.