ШАГ 4:
Подобрать цветовую палитру и шрифты
Описание шага
[Что делать] Выбери 5 цветов (primary, secondary, accent, neutral) и 2 шрифта (heading, body) для лендинга. Создай стиль-гайд в редакторе.
[Как это работает] Консистентная палитра повышает доверие на 40%, шрифты — читаемость.
[Ожидаемый результат] Гайд стилей для всех 8 лендингов.
[Критерий готовности] Шаг выполнен, когда гайд содержит 5 hex-кодов цветов, 2 шрифта с примерами текста, правила использования.
Как выполнить шаг
1) [Подготовка] Открой wireframe, создай новый артборд 800x600px.
2) [Действие 1] Выбери primary из ниши (синий для tech), добавь 4 вариации в Coolors.
3) [Действие 2] Тестируй контраст: текст на фоне >4.5:1.
4) [Действие 3] Добавь Google Fonts: bold sans-serif для h1, readable serif для body.
5) [Проверка результата] Примени к wireframe — выглядит ли гармонично?
6) [Что дальше] С гайдом детализируй дизайн первого лендинга.
Частые ошибки
1. [Брать >5 цветов]: Хаос в дизайне, бренд размывается. Клиенты чувствуют непрофессионализм. Лимит 5 — правило топ-агентств.
2. [Игнорировать контраст]: Текст сливается, usability страдает. Используй инструменты проверки WCAG.
3. [Один шрифт]: Монотонно. 2 пары — heading/body — баланс креатива и читаемости.
Полезные инструменты
Инструмент подбора цветов, библиотека шрифтов.
🎯 Цель с этим шагом
Создай 8 полноценных лендингов для портфолио. Получи навыки веб-дизайна, которые помогут брать заказы на фрилансе и расти в карьере дизайнера. Реалистичный план для начинающих с ежедневным прогрессом на 1%.
Подробнее о цели →