Процесс дизайна: от идеи до цвета

дизайнпрототипшрифты

🔤🔤🔤🔤🔤🔤

сегодня расскажу о процессе

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

на этот скелет далее накидывается текст. потом подбирается шрифт. потом — чб контент в виде фоток. и самый-самый последний шажочек — это цвет.

короче, это прям долгая кропотливая работа. а не просто поиграть со шрифтами 🥲

сейчас работаю над сайтом для школы китайского

мне очень нравится, что можно работать с нестандартной сеткой и максимально креативными рефами 🫥
пока я на середине проекта, но мне хочется поделиться процессом 😀

Доска с референсами и заметками для проекта сайта: миниатюры, скриншоты, пометки и сетки — рабочая визуализация идей и ассоциаций.
Референсы и пометки на доске проекта
Коллаж миниатюр и визуальных рефов: подбор изображений и макетов для чёрно‑белого прототипа и дальнейшей работы со шрифтами.
Подбор рефов и миниатюр
Широкая панорама с упорядоченными референсами, структурой и заметками по сетке — этап мозговой работы и анализа для сайта школы.
Структура референсов и анализ
Наброски и wireframe-страницы в несколько колонок: черновые макеты, скелет будущего интерфейса и расположение блоков контента.
Черновые wireframe-страницы
Двухстраничный макет с размерами блоков и местом для изображений: пример чёрно‑белого прототипа до наложения цвета и шрифтов.
Ч/б прототип перед цветовой проработкой