Узнаете ситуацию? Вы говорите дизайнеру: «Сделай шапку сайта покрасивее и буквы чуть побольше». А он в ответ несет какую-то дичь про «нарушение ритма по сетке» и «воздух».
В итоге вы просто киваете, боитесь уточнить (вдруг это я туплю?), а потом получаете результат, который хотели совсем не так. Знакомо? 90% моих клиентов начинали именно с этой проблемы.
Чтобы вы больше никогда не теряли нить разговора и говорили с профессионалами на одном языке, я собрал «Словарь цифрового этикета». Сохраняйте, чтобы не попадать впросак!
🔤 ТИПОГРАФИКА (про буквы)
· Гарнитура: Это не просто шрифт, а целое семейство. Times New Roman — это гарнитура.
· Начертание: Конкретный «член семьи». Жирный, курсивный, тонкий (Montserrat Bold, Light).
· Кегль: Размер шрифта. То самое «сделай буквы побольше» — это про кегль.
· Интерлиньяж: Расстояние между строчками. Если текст «слипается» — мало воздуха, надо менять интерлиньяж.
· Засечки vs Гротеск: Шрифты бывают с «хвостиками» (Антиква) и без (Гротеск). Первые — про классику и уют, вторые — про современность и динамику.
🎨 КОМПОЗИЦИЯ (как разложить картинку)
· Модульная сетка: Невидимый каркас макета. Как разлиновка в тетради — помогает не скакать по строкам, а писать ровно.
· Воздух: Пустота. Если дизайнер говорит «надо больше воздуха», это не про сквозняк. Это про то, что элементы «душат» друг друга.
· Иерархия: Визуальная лестница: сначала ЗАГОЛОВИЩЕ, потом подзаголовок, потом текст. Если все кричит одновременно — в итоге не слышно никого.
· Доминанта: Главный акцент, на который падает глаз. Большое фото, яркий заголовок, жирная кнопка.
🌈 ЦВЕТ
· Тон: Название цвета (синий, красный, охра).
· Насыщенность: Глубина цвета. От бледно-голубого до ядовито-синего — это изменение насыщенности.
💻 UI/UX (то, чем вы пользуетесь в телефоне)
· UI: Как выглядит интерфейс (кнопочки, ползунки, иконки).
· UX: Как это работает (удобно ли вам тыкать в эти кнопочки).
· Прототип: Черновик функционала. «Скелет» сайта или приложения без начинки.
· Лендинг: Страница-однодневка, созданная, чтобы вы купили прямо здесь и сейчас.
✏️ ГРАФИКА
· Вектор: Идеальная картинка, которую можно растянуть на билборд — качество не упадет.
· Растр: Обычная фотография (из пикселей). Растянешь — будут квадратики.
· Мокап: Футболка, кружка или телефон, на которые «натянули» ваш дизайн, чтобы показать, как круто это будет выглядеть в жизни.
🤫 СЛЕНГ
· Скетч: Быстрый рисунок от руки (на салфетке, в блокноте). Мысль, пойманная за хвост.
· Визуальный мусор: Когда дизайнер навалил в макет всего и сразу, лишь бы не пусто было. Это то, что мы чистим в первую очередь.
🔥 БОНУС-СОВЕТ:
Теперь, когда дизайнер в следующий раз скажет «Здесь не хватает воздуха, и интерлиньяж маловат, нужно поднять по сетке», вы не будете паниковать. Вы скажете: «Ага, понимаю. Давай еще доминанту сместим на кнопку, чтобы купили точно».
Сохраняйте этот пост в «Избранное», чтобы всегда иметь под рукой шпаргалку для общения с дизайнерами!