Половина правок в дизайне появляется не из-за ошибок дизайнера, а потому что заказчик и дизайнер по-разному понимают слова «стильно», «современно» и «минималистично». Эта статья — шпаргалка, чтобы говорить на одном языке и ставить задачу быстро.
Зачем договариваться о стиле заранее
Стиль — это набор решений о типографике, цвете, сетке, фотографиях и анимации. Если он не согласован до макетов, дизайнер выбирает его сам, а заказчик видит результат только на первой презентации. Отсюда «представлял иначе» и лишние круги правок.
Когда стиль назван словами и подкреплён примерами, первый макет попадает в ожидания с первого раза в большинстве случаев.
8 стилей веб-дизайна
Как выбрать стиль для своего сайта
- 1Аудитория. Кто будет пользоваться сайтом и что для них привычно. Финансовому директору и геймеру нужны разные интерфейсы.
- 2Задача сайта. Продать, вызвать доверие, рассказать историю или впечатлить. Стиль должен работать на цель, а не спорить с ней.
- 3Контент. Минимализм без хороших фотографий выглядит пусто, editorial без текстов — бессмысленно. Сначала смотрим, что у вас есть.
- 4Конкуренты. Откройте 5 сайтов конкурентов. Если все в одном стиле, это шанс выделиться — или сигнал, что аудитория ждёт именно его.
- 5Бюджет и сроки. Иллюстрации, 3D и сложная анимация увеличивают срок в 1,5–2 раза. Это нормально, если заложено с начала.
Как поставить задачу дизайнеру
Достаточно ответить на шесть пунктов. Это занимает 10 минут и экономит неделю переделок.
- →Основной стиль. Одно направление из списка выше, максимум плюс одно дополнительное.
- →3–5 референсов. К каждому — одна фраза, что именно нравится.
- →1–2 антиреференса. Чего точно не надо — это сужает поиск сильнее, чем примеры.
- →Характер бренда. Три прилагательных: например, спокойный, уверенный, дорогой.
- →Тема. Светлая, тёмная или обе.
- →Готовые материалы. Логотип, фирменные шрифты и цвета, фотографии.
«Основа — минимализм, блок преимуществ в бенто-сетке. Характер: спокойный, уверенный, дорогой. Нравится типографика на сайте A и фотографии на сайте B. Не хотим тёмную тему и стоковые фото.»
— пример хорошей постановки задачиЧастые ошибки при выборе стиля
- 1«Сделайте современно». Это не стиль, а пожелание, которое каждый понимает по-своему. Замените его названием направления и примерами.
- 2Референсы без объяснения. Ссылка на сайт Apple не говорит, что нравится: типографика, анимация или фотографии. Пишите по одной фразе к каждому примеру.
- 3Пять стилей сразу. Бенто, брутализм и glassmorphism на одной странице спорят друг с другом. Выберите основной и максимум один дополнительный.
- 4Стиль ради тренда. Тренды меняются за год, сайт живёт 3–5 лет. Опирайтесь на аудиторию, а тренд используйте в деталях.
Когда стиль выбран, следующий шаг — тексты и структура. Как их подготовить, разобрали в статье как подготовить тексты для прототипа, а сам процесс — в статье дизайн прототипов по шагам.
Частые вопросы
Как описать дизайнеру желаемый стиль сайта?
Назовите стиль из списка (минимализм, брутализм, editorial и т. д.), приложите 3–5 референсов с пометкой, что именно в них нравится, и перечислите, чего точно не хотите. Этого достаточно, чтобы дизайнер собрал мудборд за один день, а не угадывал неделю.
Какой стиль веб-дизайна самый популярный сейчас?
Чаще всего встречается минимализм с крупной типографикой и бенто-сетки. Но популярность — плохой критерий: стиль выбирают под аудиторию и задачу сайта, а не под тренд.
Можно ли смешивать несколько стилей?
Да, но один стиль должен быть главным. Например, минимализм в основе и элементы бенто для блока с преимуществами. Если стили равноправны, сайт выглядит как набор чужих шаблонов.
Что такое мудборд и зачем он нужен?
Мудборд — подборка изображений, шрифтов, цветов и примеров интерфейсов, которая задаёт настроение будущего сайта. Его согласуют до макетов, чтобы не переделывать готовый дизайн из-за того, что «представлял иначе».
