22.11.2021
Новости школыКрасивые примеры фиолетовых сайтов
Где-то рядом с финалом романа Элис Уокер « Пурпурный цвет », получившего Пулитцеровскую премию, есть красивая фраза, в которой один из главных героев, Шуг, говорит: «Я думаю, это бесит Бога, если вы проходите мимо фиолетового цвета где-нибудь в поле и не замечаете его». Как один из самых сложных цветов спектра , фиолетовый всегда считался особым удовольствием для глаз, великолепным, величественным и торжественным явлением в мире природы.
Традиционно воспринимаемый как «королевский» цвет и символ богатства (из-за высокой стоимости производства пурпурного красителя), особенно в западном мире, фиолетовый передает ощущение высокого класса и богатства . Это также цвет волшебства и фантазии - вы не можете представить единорога в любом другом цвете, не так ли?
Наше восприятие фиолетового также обусловлено тем фактом, что этот цвет на самом деле представляет собой комбинацию красного и синего. Каждый из цветов привносит в смесь свой характер: красный приносит страсть, энергию и энтузиазм, а синий - доверие, спокойствие и умиротворение.
Говоря об использовании пурпурного в веб-дизайне, важно помнить, что не все пурпурные цвета одинаковы . В то время как темные оттенки могут использоваться для передачи власти, авторитета и богатства, светлые и пастельные пурпурные цвета больше говорят о нежности, женственности и романтике. Тем не менее, даже если цвета несут определенное значение и создают определенные психологические эффекты, это не означает, что их использование должно осуществляться в соответствии с каким-то строгим каноном. Так же, как мы видели в нашей подборке лучших розовых веб-сайтов, правила предназначены для того, чтобы подвергать сомнению и, если это имеет смысл, нарушать. В конце концов, цвета приобретают новое значение в зависимости от множества факторов - от контекста до того, как они сочетаются с другими цветами и другими элементами макета.
Итак, давайте взглянем на некоторые из лучших примеров использования фиолетового цвета в современном веб-дизайне. Вот веб-сайты, которые мы собираемся пройти:
Girlgaze
Girlgaze - это глобальное онлайн-сообщество, которое объединяет женщин, идентифицирующих женщин и небинарных креативщиков с брендами и предприятиями по всему миру. Он работает, предлагая креативщикам платформу для демонстрации своей работы и связывая их с ведущими мировыми компаниями, брендами и командами. Миссия платформы - помочь преодолеть гендерный разрыв и обеспечить видимость и доступ к возможностям для творцов , идентифицирующих женщин , которым до сих пор, возможно, было отказано в этих шансах из-за своего пола.
Веб-сайт открывается разделом, посвященным героям, демонстрирующим работы представленных креативщиков, с большим логотипом сети. Выделение заголовка имеет красивый сиреневый оттенок пурпурного , и при наведении на него он меняется на желтый. Тот же сиреневый оттенок повторяется для одной из кнопок, ссылающихся на внутренние страницы (в частности, раздел веб-сайта, предназначенный для бизнес-части сети), и мы также можем видеть его в разделе карусели с логотипом клиента на главной странице. Эта часть страницы имеет динамический градиентный фон от желтого до розового и фиолетового., палитра, которая повторяется на всем сайте. Общий характер веб-сайта - современный и женственный, умный и остроумный, а хроматическая сложность пурпурного цвета определенно является одним из факторов, способствующих этому персонажу.
Midwam
Midwam - это дизайнерская компания из Саудовской Аравии, стремящаяся предоставить своим клиентам иммерсивный опыт, основанный на трех основных факторах человеческого поведения - желании, эмоциях и знаниях. Интерактивный веб-сайт представляет собой путешествие по этапам человеческого опыта и точкам человеческого тела, где они формируются, с следованием за трехмерной фигурой человека, залитого цветами, напоминающими цвета традиционных чакр - ярко-желтым и оранжевым, огненно-красным, синий и зеленый.Среда для этого путешествия представляет собой простой темно-фиолетовый фон, почти черный, уравновешенный элементами интерфейса, которые либо белого, либо темно-оранжевого оттенка, напоминающего латунь или даже золото. Это элегантное, продуманное отображение миссии и философии компании, дополненное реальными примерами их постоянных, виртуальных и всплывающих проектов.
Шаровары
Чтобы закрыть наш список веб-сайтов, которые превосходно и инновационно используют фиолетовый, мы представляем вам Bloomers, консалтинговое агентство по брендингу из Сан-Паулу. На веб-сайте агентства особое внимание уделяется уникальному подходу к услугам - чтобы построить мир, который наступит после будущего, нужно вернуться назад, исследовать и исследовать прошлое . Такой подход виден с самого начала, поскольку веб-сайт открывается красивой винтажной фотографией пляжа 19 века. Остальная часть веб-сайта также приправлена винтажными изображениями и иллюстрациями, которые, по логике, одноцветны. Однако сайт далеко не бесцветный. Фактически, цвет, который абсолютно доминирует в дизайне, - прекрасный яркий оттенок фиолетового.. Сначала он появляется в логотипе агентства, в огромной типографии в верхней части веб-сайта, затем в качестве одного из цветов фона, наряду с черным и серебристо-серым, а также в значках, навигационных ссылках и тексте. Этот конкретный оттенок удивительно хорошо сочетается с серебристо-серым, используемым для некоторых типографских работ, и придает дизайну немного ретро-нотки.
Дни цифрового дизайна
Digital Design Days (DDD) - это глобальное место встречи международной индустрии цифрового дизайна. Конференция, основанная в 2016 году, проходит в Милане, Италия, и собирает самых лучших профессионалов, работающих в области цифрового дизайна, цифровой стратегии, виртуальной реальности, визуализации данных, эмпирического маркетинга, цифрового повествования и многих, многих других областей индустрии цифрового творчества. Для конференции «Re-Start» DDD выбрал яркий, оптимистичный дизайн, основанный на фиолетовом и бирюзовом цвете.. На главной странице преобладает плавающий сегментированный трехмерный объект бирюзового цвета, который можно вращать вместе с пространством, в котором он находится, перемещая мышь. По мере того, как мы прокручиваем вниз, фон и плавающий объект распадаются на мириады фиолетовых и бирюзовых фрагментов, раскрывая дополнительную информацию, в данном конкретном случае - перенос сроков проведения конференций в прямом эфире. Палитра теперь перевернута - то, что было темным в начальном разделе, теперь светлое, но в элементах и деталях интерфейса остались фиолетовый и бирюзовый. Даже фотографии участников конференции имеют бирюзовую накладку. Фактически, единственный цвет за пределами палитры фиолетового, бирюзового, черного и не совсем белого - это желтая кнопка PayPal. С таким хроматическим балансом и симметрией, а также с большим количеством воздухопроницаемого пространства в макетах., дизайнеры создали функциональный, современный и практичный веб-сайт, который сопротивляется желанию выставлять напоказ - недуг, который так часто поражает нишу цифрового дизайна.
Заключительные слова
Фиолетовый не всегда был популярным выбором цвета в веб-дизайне. Однако в последние годы все больше и больше дизайнеров выбирают этот универсальный цвет, осознавая его потенциал как основного, так и акцентного цвета. Эта растущая тенденция привела к появлению поистине потрясающих творений, о некоторых из которых мы говорили в этой статье.
От технологий и бизнеса до брендинга и рекламы до дизайна, культуры и искусства, фиолетовый - это, безусловно, цвет, который легко найдет свое место в веб-дизайне. Он бывает невероятно широкого диапазона оттенков и оттенков и прекрасно сочетается с другими цветами этого спектра. Благодаря этому фиолетовый ни в коем случае не является агрессивным или ярким цветом, как некоторые могут подумать. Фактически, в зависимости от того, как он используется и сочетается, это может быть нейтральный безопасный цвет, который добавляет легкости и воздушности дизайну. С другой стороны, конечно, он также может быть довольно смелым, даже электризующим. Как бы то ни было, фиолетовый - это всегда цвет, придающий дизайну изысканность и класс.
Источник Muzli.