Евгения Дычко

Сторителлер фотобанка Depositphotos.

1. Делайте акцент на главном

Один из главных признаков плохого дизайна — это когда с первого взгляда трудно определить главный посыл.

Вчера мой банк прислал презентацию платинум-карты, которая выглядела вот так.

Неприятный фиолетовый цвет типографики, скомканный текст и откровенно постановочные фото. В чём же главное преимущество премиум-сервиса — неясно. Я решила, что точно не буду платить за сервис, который не могут толково представить.

Вы должны выделить основную информацию (фото, фразу, цифру, кнопку) и дать этому объекту самый большой визуальный вес. Это значит привлечь к нему внимание с помощью размера, формы, цвета, текстуры, расположения других элементов.

2. Упорядоченность и пространство

После того как вы выделили в своём дизайне главное, нужно продумать расположение всех остальных элементов таким образом, чтобы они легко читались. Это можно назвать иерархией — упорядоченность элементов по размеру и расположению.

  1. Делите весь контент на чёткие секции. Это могут быть абзацы, пункты, цветовые выделения, рамки.
  2. Повторяйте элементы. Повторы упрощают навигацию и создают единство дизайна.
  3. Оставляйте достаточно пространства. Нет ничего хуже, чем загруженность дизайна элементами.

3. Не играйтесь со шрифтами

Типографика — отдельная серьёзная дисциплина, которую дизайнеры постигают не один год. Тем не менее существует универсальное правило, которое поможет не попасть впросак со шрифтами для текстов. Для заголовков используйте шрифты без засечек (гротеск), для текстовых блоков — шрифты с засечками (антикву).

Когда вы накладываете текст на картинку, убедитесь в том, что он легко считывается. Можно регулировать уровень яркости изображения или накладывать цветные фильтры, чтобы сделать фон более однородным, а текст — более читаемым.

4. Чем проще, тем лучше

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

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

Все красивые эффекты вроде стикеров, градиентов, теней стоит применять очень аккуратно, как приправу к блюду. Стоит чуть-чуть перестараться, и получится «пересоленный» дизайн, который никому не придётся по вкусу.

5. Дизайн должен быть релевантным

Всегда держите в голове, для кого и для чего вы делаете ваш дизайн. Контекст задаёт тон, настроение, стиль, цветовую схему. То, что подходит для детской аудитории — светлые тона, неровные линии, мультики, — совсем не будет работать для блога о digital-маркетинге.

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

6. Используйте шаблоны, заимствуйте идеи

Воруйте как художник! Это не про буквальное воровство готового дизайна, а про вдохновение идеями и применение увиденного в своей работе. Самые крутые дизайнеры делятся своими проектами на Dribbble и Behance.

Чтобы не создавать дизайн с нуля, используйте готовые шаблоны-заготовки. Ниже — о сервисах, в которых вы найдёте изящные готовые решения.

Crello

Crello

Бесплатный графический редактор, 10 000 готовых шаблонов. В Crello можно создать дизайн визитки, хедера для блога, поста в Instagram, плаката и много чего ещё. Достаточно выбрать формат, подобрать понравившийся дизайн, добавить свой текст и изображение. Создание дизайна занимает от силы 5–10 минут. Есть интерфейс на русском и 30 бесплатных кириллических шрифтов.

Crello →

Placeit

Placeit

Бесплатные мокапы экранов всех возможных устройств и в разных контекстах. Незаменимая вещь для тех, кто занимается разработкой мобильных приложений и интерфейсов.

Placeit →

Google Slides, Keynote

Google Slides, Keynote

В этих программах есть готовые темы для презентаций и макеты, которых вполне достаточно, чтобы создать простые и красивые слайды. Для того чтобы увидеть, насколько нескучными и яркими могут быть презентации, запустите в Pinterest поиск по слову keynote.

Google Slides →
Keynote →

Slides

Slides

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

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

Slides →

Бесплатные шаблоны от Creative Market

Creative Market

Creative Market — это гипермаркет готовых дизайнов, шрифтов, презентаций, шаблонов сайтов, интерфейсов и всего того, что теоретически могут создавать графические дизайнеры. Каждую неделю Creative Market устраивает бесплатную раздачу контента: отдают наборы из десятков разнообразных заготовок для постов в соцсети, дизайны презентаций, визиток и даже такие странные штуки, как, например, шаблоны для фирменных штампов. Все шаблоны создают профессиональные дизайнеры со всего мира.

Creative Market →


То, что вы не профессиональный дизайнер, вовсе не отменяет вашей способности создавать эстетически привлекательные материалы. Важно лишь развивать свой визуальный вкус, вдохновляться работами крутых креаторов, а главное — осваивать новые инструменты. Это умение поможет вам самостоятельно заявить о себе, своей работе или своём деле и завоевать доверие нужной вам аудитории. Красивых вам постов, презентаций и рассылок!