12 красивых веб-сайтов с цветовыми схемами, вдохновленными восходом солнца
Опубликовано: 2020-07-25Чем вы руководствуетесь, когда дело доходит до выбора цветовой схемы для вашего проекта? Бьюсь об заклад, у вас есть некоторые аргументы и принципы. Например, мы все знаем о том, что каждый цвет имеет свою индивидуальность и психологический оттенок, что делает его ответственным за пробуждение определенных эмоций.
Например, синий вызывает доверие и широко ассоциируется с бизнесом. Именно поэтому многие компании и агентства выбирают его в качестве основного. Красный разжигает аппетит – именно поэтому большинство гигантов индустрии продуктов питания и напитков используют его в своих логотипах. Зеленый используется для всего натурального и экологически чистого, и так далее. Нравится нам это или нет, но цвет влияет на наше подсознание. Это важный момент, который следует учитывать.
Также не будем забывать о таких важных вещах, как пользовательский опыт, фирменный стиль и Pantone. Когда дело доходит до UX, цвет играет решающую роль в достижении оптимального уровня читабельности. С точки зрения идентичности бренда, общий имидж вашей компании в реальном мире, безусловно, влияет на ее присутствие в Интернете. А что касается Pantone и их «Цвета года», то, честно говоря, эта номинация почти не влияет на мир веб и мобильных интерфейсов. Тем не менее, иногда бывает действительно полезно следовать мейнстриму и создавать что-то, что считается модным (по крайней мере, в этом году).
Переходим к делу: есть много моментов, которые нужно рассмотреть, прежде чем окончательно остановиться на цветовой палитре. Как правило, большинство команд руководствуются здравым смыслом и не решаются экспериментировать с раскраской. Вместо этого они выбирают какие-то старые, но приятные вещи, такие как нейтральные палитры, черно-белые, синие кнопки в качестве призывов к действию и т. д.
Сегодня мы собираемся изучить дюжину веб-сайтов, которые украшены расцветкой, вдохновленной восходом солнца. Почему восход? Во-первых, он уникален и необычен. Во-вторых, восход солнца – это начало нового дня. Для некоторых это может стать новым стартом; для других это может быть продолжением. И, наконец, включает в себя всю гамму тонов и оттенков, начиная от беззаботного бледно-розового и заканчивая тревожным темно-синим.
Брэндафэр
Мы собираемся начать с Brandaffair, который благодаря своему великолепному горизонтальному градиенту привлекает внимание с самого начала. Аура здесь совершенно завораживает. Градиент, вдохновленный восходом солнца, не только хорошо сочетается с дизайном, но также усиливает слоган и усиливает общее впечатление.
Волшебный прыжок
Вертикальный градиент на главной странице Magic Leap не такой сияющий и веселый, как в предыдущем примере. Тем не менее, это кажется более естественным и реалистичным. Он источает креативность и немного волшебства — именно то, что нужно для поддержки названия, которое гласит «Magic Leap One».
Вексели
Vexels осваивает традиционную реализацию горизонтального градиента, который начинается с синего и заканчивается фуксией. Мы видели многое из этого несколько лет назад. Удивительно, но в наши дни он не выглядит ни устаревшим, ни безвкусным. Действительно, это как глоток свежего воздуха, идеально дополняющий общую светлую эстетику. Это добавляет шарма и изюминки в опыт.
SpringCM
Как и в предыдущем примере, SpringCM также использует градиент, вдохновленный восходом солнца, в качестве фона для раздела. Но с некоторыми маленькими хитростями, которые подразумевают полупрозрачные области наложения. Они избавляют решение от ощущения банальности.
Мерседес-Бенц EQC
Официальный сайт Mercedes-Benz EQC отмечен красивым естественным уклоном. На главной странице изображен великолепный фон фотографии, сделанной на рассвете. Цвета просто великолепные.
Ассоциация IT Украины
На сайте Ассоциации IT Ukraine используется классический способ использования солнечного градиента. Применяется как полупрозрачный накладной экран поверх изображения. С одной стороны, это придает заголовку солидный фон, делая надписи более заметными. С другой стороны, он умело отделяет изображение от контекста.
Хэшворкс
Hashworks консервативен в цветовой гамме. В то время как белый используется в качестве основного тона, синий и пурпурный здесь даже не являются второстепенными. Они используются в основном как акценты, помогающие расставить фокусы, ненавязчиво привлекая внимание посетителей к таким важным вещам, как логотип.
Институт Смита / Rouge on Blue / Evoulve
Зона героев Института Смита использует градиент, вдохновленный восходом солнца, чтобы усилить высокотехнологичную атмосферу проекта. Команды, стоящие за Rouge on Blue и Evoulve, идут по одному и тому же маршруту. Они также сочетают в себе градиент и ультрасовременные 3D-решения, получая интересный эффект.
Таким образом, команда Rouge on Blue стремится создать инновационную атмосферу. Главный экран их веб-сайта встречает посетителей фантастической сферой на основе частиц, которая всегда находится в движении. Явного градиента нет. Однако из-за дисперсии частиц кажется, что грань между двумя тонами стирается.
В основе Evoulve лежит интерактивный глобус. При вращении вокруг своей оси цвет меняется с бледно-голубого на нежно-розовый. Ощущение довольно инновационное и техничное.
Берсерк / ПАО
Тенденция также распространилась на создателей тем WordPress. Давайте посмотрим на ПАО и Креативное агентство Берсерк. Оба продукта получают свою красоту благодаря цветовой палитре солнечных поцелуев, хотя и имеют несколько разных тонов.
Тема «Берсерк» от NikaDevs использует немного холодную схему, вдохновленную восходом солнца, которую можно увидеть в основном зимой. Тем не менее, выбор играет им на руку, так как продукт выглядит деловым с ноткой креатива.
Тема PAO Studio, напротив, отдает предпочтение ярким и игривым тонам, что создает новаторское и энергичное ощущение. Сразу привлекает внимание.
Хотя это всего лишь тематические демонстрации, продуманная расцветка, выбранная для презентации, является одним из факторов, способных помочь завоевать клиентов. В обоих случаях палитра помогает отделить темы от соперничества и вызвать правильную гамму эмоций.
Цветовая концепция с большой гибкостью
Раскрашивание в стиле восхода солнца — универсальный инструмент. Он может вызывать различные эмоции. Нужно ли создать радостную и жизнерадостную атмосферу, как в случае с Brandaffair, высокотехнологичную атмосферу, как в случае с Evoulve, или деловую атмосферу, как в случае с Berserk. Каждый из них позволяет дизайну выделиться из толпы и привлечь внимание пользователей.