Привет! Я Катя, мне 26, и я только начинаю путь в веб-дизайне.
Уже сделала пару первых проектов и хочу делиться своими находками, ошибками и советами.
Сегодня - про цвета. Это кажется простым, но на деле - легко создать сайт, который "режет глаза".
Я сама так сделала на первом этапе 😅
В этой статье:
- почему цвета важны в дизайне
- как я испортила свой первый сайт
- и как теперь подбираю палитры, чтобы сайт выглядел красиво и удобно
Почему цвет важен?
Цвет влияет на:
- восприятие сайта (читаемость, комфорт)
- эмоции (аппетит, доверие, интерес)
- структуру (выделение кнопок, заголовков)
Если выбрать его неправильно - сайт будет казаться "непрофессиональным", даже если он функциональный.
Моя первая попытка: кошмар в браузере
Я решила сделать landing page для доставки роллов. Хотела показать "эстетику и вкус".
Выбрала такие цвета:
- Фон: тёмно-серый
- Текст: тёмно-бордовый
- Акценты: золотой
Результат?
Текст почти не почитался.
Фон и текст сливались.
Кнопки терялись.
В общем, красиво, но бесполезно.
Пример до
Что я поняла после первой ошибки
1. Контрастность важнее красоты
- Текст должен чётко выделяться на фоне
- Кнопки должны быть заметны
2. Не нужно много цветов
- Достаточно 2-3 основных
- Остальное - оттенки и градиенты
3. Чёрный + красный - работает!
- Особенно если разбавить светлыми элементами
Как я начала подбирать цвета
1. Начала использовать инструменты
Contrast Checker - проверяет контраст текста и фона
2. Выбрала свою "рабочую" палитру:
- Основной: бежевый
- Акцент: красный
- Фон: черный
- Дополнительно: светло-серый
Пример после
Советы от новичка новичку
✔ Не бойтесь пробовать
✔ Проверяйте контрастность
✔ Используйте готовые палитры
✔ Экспериментируйте, но не переборщите
✔ Если сомневаетесь - выбирайте минимализм
Хочешь, чтобы я разбирала реальные сайты или показывала свои проекты до и после?
Напиши в комментариях - и я сделаю разбор.
Подписывайтесь, если вам интересно учиться вместе со мной.
Делитесь своими ошибками в комментариях - мы учимся вместе!
Буду рада каждому ❤
🍀Бонус: Чек-лист "Как подобрать цвета для сайта"
Чтобы сделать сайт визуально приятным:
✅ Выбери 2-3 основных цвета
✅ Проверь контрастность цвета и фона
✅ Избегай слишком ярких сочетаний
✅ Используй инструменты (палитры, проверка контрастности)
✅ Сделай тестовый экран и посмотри на него через 10 минут
✅ Покажи знакомым - спроси, что они чувствуют
💡Совет: Сохрани этот чек-лист - он пригодится перед каждым новым проектом.
Что дальше?
Я планирую:
- делать больше практических статей
- рассказывать о шрифтах, UX/UI, карточках товаров
- учиться работать с клиентами
- и, конечно, делиться этим с вами
Если хочешь, чтобы я рассказала о чём-то конкретном - пиши в комментариях. Мне важно знать, что вам интересно!
__________________________________________________________________________________________
#вебдизайн #цветоваяпалитра #дизайнсайта #учусьдизайну #начинающийдизайнер #uxui #figma #минимализм #какподобратьцвета #дизайнсоветы #коучингдизайна #дизайндляновичков #работасцветами #цветавдизайне