April 10, 2020

Пошаговая схема создания макета

Итак, есть некоторая схема, как пошагово создать макет для печати
А начинается всё с текста

И первый пункт - иерархия, расставляем всё объекты по макету

Прикидываем якори / точки фокуса зрителей, после чего переходим к следующему

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

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

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

Переходим уже к графической идее, так как мы составили лишь скелет текста

Вот некоторые идеи, прикольные красивые

Так как мы добавили новый, уже графический элемент — распределяем всё по композиции

Прикидываем уже новый элемент графический, добавляем в макет уже как фрейм, а не схематический круг

Добавляем еще дизайн элемент, цвет, повторяемость, графика

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

Добавляем еще детали, добавляем дизайн элемент ( фигуры ), и делаем контраст по форме текст зоомагазин

Проверяем еще раз, как будет выглядеть на мокапе

Это уже целые направления, в которых можно работать, но только если уверены в силах, так как там свои каноны и правила

Ну вроде бы всё