Простые Правила для Дизайнера

1- Ранжирование

Все объекты на экране должны иметь однозначное ранжирование.

Что самое важное и далее по степени важности. Соответственно самое важное должно быть максимально в центре, быть самым ярким, контрастным и большим.

Если вы затрудняетесь в ранжировании уточните у автора задачи: “Необходимо ранжирование объектов в задаче” - Баер обязан вам дать эту информацию!

Примеры разного ранжирования:

---

2- Цвет

Цвет - это ноты для дизайнера, инструмент настроения и обращения к зрителю. Это очень важный инструмент и он гораздо сложнее, чем “красный - символ внимания, а зелёный - символ успокоения”. 

Например разные розовые оттенки для разных целевых женских аудиторий:

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

Цвет, тон и насыщенность можно так же интерпретировать как настроение и энергия, например:

Подбирайте цвета фона или какого-то объекта в дизайне с учётом контекста и месседжа, который надо донести до зрителя. 

ВАЖНО! Собирайте цветовые гаммы, чтобы цвета на экране сочетались, дружили между собой.

Самый просто способ - положите сверху готового дизайна слой любого оттенка, назначьте свойство слоя “Overlay” и поставьте 5-10% прозрачности. Играясь с оттенком, насыщенностью и прозрачностью вы получите очень вкусные результаты.

---

3- Контраст

Чтобы картинка правильно считывалась - нужно акцентировать самое важное на ней с помощью контраста. Именно с помощью применения разных типов контраста вы сможет правильно ранжировать объекты на экране

Контраст бывает нескольких типов:

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

---

4- Шрифт

Почти каждый шрифт имеет свой характер. Обязательно используйте подходящий шрифт. Обратите внимание какой шрифт используется приложением. Сохраняйте аутентичность приложения

Например:

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

Минимальный размер шрифта, который можно использовать - 36 pt

Так он отображается на 1080х1080: 

Старайтесь использовать большие размеры шрифтов, если это позволяет дизайн

---

5- Композиция

Старайтесь использовать простые композиции, чтобы ускорить считывание информации, особенно, когда надо разместить много элементов на экране. Учитывайте ранжирование объектов, используйте контраст. Помните, что считывание происходит сверху-вниз и слева-направо (кроме арабских стран).

Старайтесь, чтобы в композиции было нечётное число объектов - 1, 3, 5 и тп

При построении композиций используйте примитивные фигуры - треугольник, квадрат, ромб, круг.

Можете даже нарисовать их для себя и использовать как направляющие

Избегайте многострочности размещения объектов

---

6- Отступы и выравнивание

Очень много ошибок из-за неправильного ранжирования отступов.

Отступы в группе между одинаковыми объектами должен быть меньше, чем отступ между этой группой и другой группой или внешним объектом, чтоб было видно что к чему относится

Так же, чем дальше мы идём от общего к частному, от больших и общих объектов к составляющим и детализации, тем меньше будут становиться отступы

Например, ошибка по отступам внутри групп: вместо логичной группы картинка и подпись (слева) у нас получились группы фрукты и слова (справа)

---

7- Фильтры, тени и строуки

Это очевидный и ужасный признак слабого дизайнера. Не пользуйтесь этими “приёмами” никогда!

Поэтому если руки тянуться к Drop Shadow или Stroke…