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

1- Ранжирование
Все объекты на экране должны иметь однозначное ранжирование.
Что самое важное и далее по степени важности. Соответственно самое важное должно быть максимально в центре, быть самым ярким, контрастным и большим.
Если вы затрудняетесь в ранжировании уточните у автора задачи: “Необходимо ранжирование объектов в задаче” - Баер обязан вам дать эту информацию!
Примеры разного ранжирования:

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

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

Подбирайте цвета фона или какого-то объекта в дизайне с учётом контекста и месседжа, который надо донести до зрителя.
ВАЖНО! Собирайте цветовые гаммы, чтобы цвета на экране сочетались, дружили между собой.
Самый просто способ - положите сверху готового дизайна слой любого оттенка, назначьте свойство слоя “Overlay” и поставьте 5-10% прозрачности. Играясь с оттенком, насыщенностью и прозрачностью вы получите очень вкусные результаты.
3- Контраст
Чтобы картинка правильно считывалась - нужно акцентировать самое важное на ней с помощью контраста. Именно с помощью применения разных типов контраста вы сможет правильно ранжировать объекты на экране
Контраст бывает нескольких типов:

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

В данном примере один и тот же шрифт, но разное его начертание использованы, чтобы подчеркнуть месседж. Обратите внимание так же на использованный цвет фона.
Минимальный размер шрифта, который можно использовать - 36 pt
Так он отображается на 1080х1080:

Старайтесь использовать большие размеры шрифтов, если это позволяет дизайн
5- Композиция
Старайтесь использовать простые композиции, чтобы ускорить считывание информации, особенно, когда надо разместить много элементов на экране. Учитывайте ранжирование объектов, используйте контраст. Помните, что считывание происходит сверху-вниз и слева-направо (кроме арабских стран).
Старайтесь, чтобы в композиции было нечётное число объектов - 1, 3, 5 и тп
При построении композиций используйте примитивные фигуры - треугольник, квадрат, ромб, круг.
Можете даже нарисовать их для себя и использовать как направляющие
Избегайте многострочности размещения объектов

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

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

7- Фильтры, тени и строуки
Это очевидный и ужасный признак слабого дизайнера. Не пользуйтесь этими “приёмами” никогда!
Поэтому если руки тянуться к Drop Shadow или Stroke…
