Модное сочетание цветов в веб
Безусловно, разрешаются эксперименты. Но эксперты рекомендуют добавлять яркие цвета лишь для мелких анимаций, чтобы разбавить гамму. Общий вид должны составлять нейтральные цвета.
Другой пример – сайты знакомств. Новые друзья – положительные эмоции. Более того, сайты знакомств часто помогают находить вторую половинку. В конце концов – это маленькая неизвестность. Ведь никогда не знаешь, кого можно встретить по ту сторону экрана.
Долгое время сайты знакомств были склонны к однотонности. Ожидается, что в 2020 они будут более разнообразными и насыщенными. Во-первых, никаких тусклых оттенков. Во-вторых, только яркие цвета, среди которых:
- розовый;
- тиффани;
- желтый;
- оранжевый.
Опять-таки, в случае с выбором цвета нельзя полагаться на свои идеи. Ищите человека, который занимается дизайном всю жизнь. У него портфолио должны быть не меньше этого. Да, он будет выбирать из тех трендов, о которых пишут в сети. Но он сможет наилучшим образом подобрать цвет именно для тематики Вашего проекта.
Культура целевой аудитории
Одна из первых вещей, которую я для себя выделил в дизайне: нет уникального тренда цветового оформления. Исследовательские организации смогут выделить самый оптимальный оттенок. Но даже он не будет уместен во всех случаях.
Первое, что влияет на выбор цвета в данном случае – регион, на который ориентирован проект. Не секрет, что у каждой страны или части света цвета могут иметь разную символику. Примечательно, что направлено никто не будет обращать внимания на мистические связи. Но подсознательно у пользователя появится определенная ассоциация. В интересах разработчика и маркетолога вызвать именно положительные эмоции.
Данная диаграмма четко отображает, какой цвет будет идеальным в одном регионе, и как он может навредить в другом. Очень сложно будет проектам, ориентированным на весь мир. В таком случае неизменный тренд – черный и белый цвета как основа, а также пропорциональное всех остальных оттенков для разнообразия. Примером такой реализации сегодня является сайт Apple.
Нельзя сказать, что это тренд именно 2020 года. Использование (избегание) определенных цветов в зависимости от региона целевой аудитории – вечная тенденция. Причина тому – неизменные традиции каждой культуры, которые укоренялись тысячелетиями.
Главные тренды регионов
Сегодня сформированы примерные направления цветовых трендов в каждом регионе на ближайшие несколько лет. Как я уже сказал, расположение целевой аудитории оказывает большое влияние на использование цветов. Потому хочу рассказать о трендах, которые сформированы нынешними идеями.
Азиатско-Тихоокеанский регион
В поисках базового цвета дизайнеры этого региона ориентировались на утверждение простоты, создание противоречия постоянной занятости. Эти черты очень характерны для восточных стран. Им необходимо чувство спокойствия даже на фоне высокого темпа жизни.
Таким образом, основу любой цветовой гаммы Азиатско-Тихоокеанского региона составит бежевый. Это цвет семян, сухих трав и зерен. Неким образом он знаменует соединение с землей, источниками жизни и связь между людьми.
Также, бежевый – противоположность всего современного. Как я уже упоминал, неотъемлемая часть нашей жизни – технологии, а также из производные. Часто мы видим их в черных и серых оттенках. Но бежевый – это цвет бездорожья, простоты, возвращения к корням. Он передает отчуждение от инноваций, снимая ежедневное напряжение.
Проследите за дизайном одежды или интерьером восточных стран. Бежевый имеет большое преимущество. Потому его целесообразно использовать и веб-дизайне проекта. Который ориентирован на этот регион.
Европейский регион
Существует множество стереотипов о том, что Европа – место «поддельных эмоций». Конечно же это не так. Но стереотипы оказывают свое давление. Потому для них нужно создать противоречие. Необходимо ощущение «реальности».
По мнению экспертов, глиняный цвет с добавлением розового оттенка способен вызвать подобные эмоции. Он передает эффект заземления, позволяя духовно оставаться на связи с окружающей средой. Как по мне, это сильный ход. Ведь статус онлайн окунает нас в виртуальный мир. А глиняные оттенки напоминают, что в сеть мы попадаем из реального мира, но не наоборот.
Североамериканский регион
Главный тренд 2020 года для стран этого региона – зеленовато-желтые оттенки. Первая ассоциация – цвет переменного тока, который символизирует энергию. США, Канада и даже Мексика – страны с высоким уровнем развития, очень быстрыми темпами жизни. Самое главное: эти страны стремительно переходят к автоматизации, которая сегодня основана на использовании тока.
Зеленая и желтая эссенции представляют расширение сфер жизни, которые необходимо освоить. Таким образом, они символизируют сложность будущего. С каждой трудностью необходимо справляться. Иными словами, цветовые тренды североамериканского региона напоминают, что с развитием человечества появляются более сложные проблемы, о которых нельзя забывать.
Вам может показаться, что эти оттенки вызывают негатив, потому их не стоит использовать. На самом деле, этому региону привычно сталкиваться с проблемами. Соответственно, сайты с такой цветовой гаммы создадут ощущение «рыбы в воде».
Латиноамериканский регион
Ключевая тенденция веб-дизайна – восприятие всего с новой точки зрения и четкое определение каждого следующего действия. Согласно мнению специалистов латиноамериканского региона, подобные мысли может вызвать темно-зеленый цвет. Этот оттенок отражает повышенную осведомленность и образованность.
После осознания проблемы приходит мысль, что бездействовать нельзя. Необходимо участвовать в разных процессах, иначе вопрос останется нерешенным. Темно-зеленый оттенок является своеобразным катализатором нового материала, который необходим для поиска ответов.
В конце концов, данный цвет считается символом баланса. Именно к этому показателю стремятся бизнесмены, маркетологи и простые пользователи.
Как видите, цветовой тренд каждого региона имеет одухотворенное значение. Все связано с чувствами, эмоциями и восприятием мира. Это объясняется тем, что цвета сами по себе знаменовали небольшой мистицизм и вызывали множество ассоциаций.
Мятные оттенки – базис 2020
Каждый год характерен цветом, который не принесете вреда как веб-дизайну, так и остальным отраслям. В 2019 такими был голубой оттенок, в 2018 – бледно-розовый. В 2020 самым оптимальным вариантом будет мятный цвет. Об это говорит сообщество прогнозирования трендов WGSN.
Мятные тона символизируют единство науки, технологий и природы. Данный тренд обусловлен последними изменениями в уличной моде, мировыми событиями и даже происходящим в социальных сетях.
Вариации мятных оттенков
Цвет мяты – оттенок зеленого. Как мы знаем, зеленый часто ассоциируют с чем-то новым. 2020 год должен быть точкой отчеты для множества нововведений. Uber планирует запустить летающие такси, NASA начнет миссию «Марс 2020», а в Саудовской Аравии будет введено в эксплуатацию новое самое высокое здание в мире.
2020 – начало новой эры. Потому мятный оттенок будет ключевым трендом на протяжении всего года. Независимо от региона, возраста аудитории и тематики проекта, мятный оттенок не создаст проблем для Вашего сайта.
Градиенты
Этому тренду уже 2 года минимум. Но его эффективность признают все больше веб-дизайнеров. Прежде всего, разработчики до сих пор не раскрыли все его возможности. Градиенты позволяют экспериментировать с цветами самым неординарным образом
Некоторым образом, эта техника использования цветов делает элементы страницы внешне изолированными. Таким образом, дизайн приобретает больше глубины. Опять-таки, смешивание цветов – способность природы, о которой я уже несколько раз упоминал выше.
Поскольку тренд не новый, можно вывести несколько правил его использования:
- подбирать правильные комбинации (в этом поможет Adobe Color Wheel);
- минимализм (допустимый максимум – 5 оттенков, идеал – 3);
- универсальность (не старайтесь повторять то, что видели: градиенты открывают все дороги для творчества);
- плавный переход от темного к светлому.
Градиенты – отличное решение для веб-дизайна сайтов, которые ориентированы на обширную целевую аудиторию, если не на весь мир. Они позволяют создать комфорт для пользователя любого типа. Именно потому они не выходят из трендов веб-дизайна.
Заключение
Цветовые тренды в веб-дизайне будут построены на духовной стороне пользователя. Главная зацепка – достижение спокойствия, которого так не хватает ввиду нынешних темпов жизни. Потому за основу стоит брать те цвета, которые символизируют умиротворение, тишину. Они окажут свое влияние на клиента, заставив его остаться на сайте.
Цвета во многом влияют на наше восприятие и настроение: вдохновляют, привлекают внимание, расслабляют. Это сильнейшее оружие в руках грамотного мастера – дизайнера. Примените его правильно, и создадите шедевр, промахнетесь с выбором и обеспечите провал всему проекту.
Как же подобрать нужные цвета для сайта, которые только усилят ваше послание и будут выглядеть профессионально? Учитесь у лучших!
Найти то самое сочетание поможет коллекция цветовых палитр сайтов, отмеченных престижным сайтом Awwwards. Вдохновляйтесь и смело реализуйте, эти дизайны одобрены гуру индустрии.
Цвета для сайта: 50 палитр
1. Active Theory
В этой палитре сочетаются теплые и холодные оттенки, при этом она выглядит насыщенно, но не перегружено. Отлично подойдет для молодежного и современного дизайна.
#E27D60 – #85DCB – #E8A87C – #C38D9E – #41B3A3
2. Paypr
Здесь оттенки синего и фиолетового сочетаются с ярким красно-оранжевым акцентом, который сразу обращает внимание пользователей на самое важное.
#242582 – #553D67 – #F64C72 – #99738E – #2F2FA2
3. Resn
Цветовая палитра выглядит очень естественно. Идеально подойдет для сайтов, связанных с природой и “зеленой” тематикой.
#8D8741 – #659DBD – #DAAD86 – #BC986A – #FBEEC1
4. Grosse Lanterne
Темно-синий и зеленый сочетаются в лаконичной и нестандартной цветовой схеме. Вместе они успокаивают и располагают к себе.
#05386B – #379683 – #5CDB95 – #8EE4AF – #EDF5E1
5. W&CO
Бросающееся в глаза сочетание кораллового и голубого смотрится достаточно смело. Выбирайте эти цвета для необычного и ультрасовременного проекта.
#FC4445 – #3FEEE6 – #55BCC9 – #97CAEF – #CAFAFE
6. Stinkdigital
Эту технику последнее время используют довольно часто – сочетание темного фона с яркими контрастными оттенками.
#8EE4AF – #EDF5E1 – #5CDB95 – #907163 – #379683
7. Bordel Studio
Элегантная палитра объединяет темные приглушенные оттенки и создает утонченный дизайн.
#5D5C61 – #379683 – #7395AE – #557A95 – #B1A296
8. ReedBe
Красно-коричневый в комбинации с насыщенным красным и лавандовым привлекает своей глубиной и уникальностью.
#2E1114 – #501B1D – #64485C – #83677B – #ADADAD
9. Samsy
Темная и мистическая палитра с яркими синими акцентами в топе дизайн-трендов этого года.
#0C0032 – #190061 – #240090 – #3500D3 – #282828
10. Bryan James
Розовые, красные и серые оттенки отлично смотрятся на темном фоне и ассоциируется с утонченностью и минимализмом.
#1A1A1D – #4E4E50 – #6F2232 – #950740 – #C3073F
11. Anton & Irene
Это красивое сочетание розового, салатового и серого идеально подойдет для создания яркого и располагающего к себе дизайна.
#E7717D – #C2CAD0 – #C2B9B0 – #7E685A – #AFD275
12. Bert
От такого сайта сложно оторвать взгляд, темные оттенки серого в сочетании с бирюзовыми акцентами украсят любой современный проект.
#0B0C10 – #1F2833 – #C5C6C7 – #66FCF1 – #45A29E
13. BrightMedia
В этом дизайне объединились все оттенки красного для поднятия настроения пользователей и создания уникального креативного образа.
#5D001E – #E3E2DF – #E3AFBC – #9A1750 – #EE4C7C
14. Julie Flogeac
Яркое сочетание горчичного, красного и синего дарит легкое чувство ностальгии и отлично привлекает внимание.
#D79922 – #EFE2BA – #F13C20 – #4056A1 – #C5CBE3
15. Epic
Бежевые оттенки с синим и рубиновым выглядят одновременно утонченно и легко.
#EDC7B7 – #EEE2DC – #BAB2B5 – #123C69 – #AC3B61
16. MediaMonks
Эта цветовая гамма подойдет всем, кто планирует создать футуристичный и современный сайт.
#2C3531 – #116466 – #D9B08C – #FFCB9A – #D1E8E2
17. eDesign Interactive
Три ярких цвета на темно-сером фоне приковывают к себе взгляды и вдохновляют энергичностью.
#272727 – #747474 – #FF652F – #FFE400 – #14A76C
18. HAUS
Эту палитру стоит выбрать для элегантного и футуристичного сайта, она добавит ему динамики и утонченности.
#2F4454 – #2E151B – #DA7B93 – #376E6F – #1C3334
19. Gusto Ids
Цвет яичной скорлупы, насыщенный ванильный и серый в сочетании с акцентным красным смотрятся лаконично и ассоциируются с теплотой и гостеприимством.
#EAE7DC – #D8C3A5 – #8E8D8A – #E98074 – #E85A4F
20. FCINQ
Идеальный пример цветовой схемы для модного сегодня стиля киберпанк. Яркие неоновые оттенки и грамотно подобранные акценты выведут любой сайт на новый уровень.
#D83F87 – #2A1B3D – #44318D – #E98074 – #A4B3B6
21. Change Digital
Оттенки голубого и фиолетового выглядят в этой палитре особенно свежо, они одновременно заряжают энергией и успокаивают.
#5680E9 – #84CEEB – #5AB9EA – #C1C8E4 – #8860D0
22. Watson/DG
Если вы ищете более классический бизнес-вариант, обратите внимание на эту сдержанную палитру.
#88BDBC – #254E58 – #112D32 – #4F4A41 – #6E6658
23. Supremo
Насыщенные оттенки синего делают этот дизайн сдержанным, но в то же время интересным. Отличный выбор для корпоративных и образовательных проектов.
#25274D – #464866 – #AAABB8 – #2E9CCA – #29648A
24. Umwelt A/S
Эта простая, но эффективная комбинация выглядит профессионально и стильно.
#17252A – #2B7A78 – #3AAFA9 – #DEF2F1 – #FEFFFF
25. Waaark
Яркая и элегантная цветовая схема сочетает в себе сразу несколько бросающихся в глаза оттенков: современно и со вкусом.
#F8E9A1 – #F76C6C – #A8D0E6 – #374785 – #24305E
26. Five Hundred
Игривая и полная жизни палитра отлично дополнит смелые проекты.
#A64AC9 – #FCCD04 – #FFB48F – #F5E6CC – #17E9E0
27. Immersive Garden
И снова яркий цвет на темном фоне, в этот раз в главной роли зеленый. Выглядит элегантно.
#61892F – #86C232 – #222629 – #474B4F – #6B6E70
28. SMFB
Здесь яркий акцентный желтый эффективно привлекает и направляет внимание пользователей.
#FAED26 – #46344E – #5A5560 – #9D8D8F – #9B786F
29. Nurture Digital
Палитра – лучший выбор для проектов, в которых объединяется технологичность и натуральность.
#182628 – #65CCB8 – #57BA98 – #3B945E – #F2F2F2
30. Born05
Сочетание оттенков зеленого и синего ассоциируется с природой, стабильностью и надежностью.
#687864 – #31708E – #5085A5 – #8FC1E3 – #F7F9FB
31. Stinkdigital
Яркий дизайн в оттенках розового и фиолетового дарит чувство свежести и легкости.
#A1C3D1 – #B39BC8 – #F0EBF4 – #F172A1 – #E64398
32. AILOVE
Необычное сочетание темно-красных и синих цветов выделяется и захватывает внимание.
#59253A – #78244C – #895061 – #0677A1 – #2D4159
33. Superhero Cheesecake
Сочные цитрусовые оттенки – лучший выбор для сайтов о спорте и экстриме.
#1F2605 – #1F6521 – #53900F – #A4A71E – #D6CE15
34. Burocratik
Яркие оттенки голубого с оранжевым акцентом громко заявляют о себе и заряжают энергией.
#10E7DC – #0074E1 – #1B9CE5 – #6CDAEE – #F79E02
35. Google Brand Studio
Сочетание красного и синего смотрится интересно и подчеркивает уникальность проекта.
#4285F4 – #5C2018 – #BC4639 – #D4A59A – #F3E0DC
36. Details
Неожиданное и современное решение поможет любому сайту стать лучшим в своей нише.
#080F5B – #0D19A3 – #15DB95 – #F4E4C1 – #E4C580
37. Cher Ami
Энергичная и оптимистичная палитра создана для ярких проектов.
#FBE8A6 – #F4976C – #303C6C – #B4DFE5 – #D2FDFF
38. Leavingstone
Удивительно, как это сочетание цветов одновременно ассоциируется и с холодом, и с теплом. Оптимальный вариант для праздничного дизайна.
#B23850 – #3B8BEB – #E7E3D4 – #C4DBF6 – #8590AA
39. Elespacio
Насыщенная, яркая палитра объединяет в себе оттенки желтого, синего и розового. Прекрасный минимализм.
#F78888 – #F3D250 – #ECECEC – #90CCF4 – #5DA2D5
40. SFCD
Всего пара элементов и правильно подобранные цвета делают из простой страницы образец качественного дизайна.
#19181A – #479761 – #CEBC81 – #A16E83 – #B19F9E
41. Great Works Copenhagen
Бесстрашное сочетание оттенков синего и красного подчеркнет профессионализм и силу проекта.
