o.m.webdesign | обучение дизайну и Pinterest
15.06.2026 09:36 · 👁 49
/
Вдохновение цветом: голубой
Основной цвет сегодняшней подборки вдохновения — именно голубой, не синий💙
Голубой менее резкий и часто более позитивный, чем синий, особенно если синий темный/глубокий. Голубой цвет в дизайне ассоциируется со спокойствием, легкостью и свободой, свежестью. А иногда и нежностью
Давайте посмотрим, как его свойства используют в сайтах ⬇️
🤩 ST education. Автор — если говорить про дизайн и вёрстку, то тут можно рассматривать и брать идеи просто с каждого блока: уменьшение логотипа и стильная менюшка, карточки поверх текста в горизонтальном скролле, жалюзи и крутая анимация карточек, чтобы не было скучно (потому что карточки почти визуально повторяются). Типографика, анимация при ховере и блюр делают дизайн этого сайта завершенным и очень интересным. В общем, мой фаворит в подборке, голубой здесь приятный и легкий 💖
🤩 Stolikfood. Автор — здесь голубой оттенок подобрали прямо особенный — сиренево-голубой в разных тонах, посветлее и потемнее. Простая, но стильная типографика и собирание и прокручивание разных карточек при скролле создают запоминающийся образ сайта.
📌 На заметку: блок этапы сотрудничества выглядит очень необычно — там карточки собираются в центр при скролле. Это простая анимация, но очень эффектная, а блок этапы часто нужен в коммерции.
🤩 Поудобнее. Авторы — на первый взгляд здесь использован достаточно заезженный стиль 3дшек, но я думаю это из-за компаний, для рекламы которых сделан лендинг (в шапке сайта). Поэтому дизайнеры пошли через то, что можно сделать креативнее и сделать сайт реально прям голубого цвета.
📌 На заметку, как сделать креативнее, когда ТЗ явно строгое:
⚪️большой заголовок и текст нестандартного цвета, тут — голубого
⚪️анимация параллакса — объекты реагируют на курсор
⚪️интерактивность в виде теста
⚪️простой футер с акцентом на главном
🤩 Яхт-клуб Соль. Авторы — главная фишка сайта — это полосы, которые ассоциируются с тельняшкой, что отлично подходит теме сайта. С «полосатостью» сайта отлично сочетается блочность и прикольная нестандартная типографика. Голубой тут почти бирюзовый, чтобы была прямая ассоциация с морем и всем морским.
📌 На заметку: я бы взяла с этого сайта работу с ассоциациями. Мы их используем в дизайне всегда (ну, если вы хороший дизайнер) и как раз можно с ними работать на разном уровне. Тут не сильно глубокий уровень ассоциаций, но он очень грамотно использован.
🤩 Aqtaya. Авторы — мой второй фаворит в этой подборке, очень уж необычная и изобретательная тут анимация по скроллу, даже если бы это был творческий проект, а для коммерческого и подавно. На заметку тут тоже можно каждый блок брать, особенно по анимации, очень круто. Голубой цвет здесь явно символизирует свежесть и чистоту🧊
#вдохновение_цвет