Получил бриф — и сразу в Pinterest за вдохновением: посмотреть, как оформляют похожие ниши, набрать референсов, определиться со стилем. Дизайн выходит красивым, современным, и почти всегда — как будто про любую другую компанию из этой же ниши, только со своим логотипом.
У дизайна есть три задачи, и «красиво» среди них нет
В методе Протоtips дизайн решает три конкретные задачи: структурировать смыслы и выделить главное — плашками, подчёркиванием, цветом; показать продукт или его результат; передать настроение продукта. Ни одна из них не выполняется, если дизайнер не разобрался в продукте до того, как открыл Figma.
Проверка на «объясни знакомому»
Перед тем как переходить к визуалу, в методе есть простой шаг самопроверки: разобраться в продукте по интервью, реестру смыслов и материалам клиента, а потом попробовать рассказать о нём знакомому человеку и послушать, как он это понял. Если пересказ выходит расплывчатым, значит, и дизайнер ещё не готов расставлять акценты — акцент можно верно поставить только тогда, когда понимаешь, про что вообще продукт.
Стиль ищется в брендбуке, а не в референсах ниши
Если у заказчика есть брендбук — стиль берётся оттуда, а не из подборки красивых сайтов конкурентов. Если брендбука нет, стиль всё равно определяется через продукт: строгий, минималистичный, яркий, позитивный — и уже под этот выбор подбирается палитра, а не наоборот, когда сначала нравится картинка, а обоснование придумывается потом.
Не зарываться в детали раньше времени
Рабочий порядок с иллюстрациями и фото — сначала грубая обработка и проверка, подходит ли картинка по смыслу вообще, и только потом детальная доработка. В методе это описано короткой формулой: «Не зарывайтесь в детали. Найдите себе нашатырь, который приводит в чувства» — то есть регулярно отходить от макета и смотреть на него заново, свежим взглядом, а не полировать один пиксель часами, пока не потерян общий смысл.
Анимация ради смысла, а не ради эффекта
Даже на этапе вёрстки анимация подчиняется той же логике: она должна помогать увидеть важный смысл, а не развлекать сама по себе. Сайт, перегруженный движением без причины, отвлекает от текста ровно так же, как отвлекает картинка вместо текста в заголовке.
Смотреть на реальных проектах
Разбираю, как смыслы конкретного проекта превращаются в дизайнерские решения, в канале — полезно, если сам ловишь себя на том, что дизайн начинается с референсов, а не с продукта.
