Модные цвета для веб дизайна
Цвета во многом влияют на наше восприятие и настроение: вдохновляют, привлекают внимание, расслабляют. Это сильнейшее оружие в руках грамотного мастера – дизайнера. Примените его правильно, и создадите шедевр, промахнетесь с выбором и обеспечите провал всему проекту.
Как же подобрать нужные цвета для сайта, которые только усилят ваше послание и будут выглядеть профессионально? Учитесь у лучших!
Найти то самое сочетание поможет коллекция цветовых палитр сайтов, отмеченных престижным сайтом 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
Бесстрашное сочетание оттенков синего и красного подчеркнет профессионализм и силу проекта.
#314455 – #644E5B – #9E5A63 – #C96567 – #97AABD
42. Resn
Плоский дизайн в современном небанальном исполнении.
#00887A – #FFCCBC – #FFFFFF – #D3E3FC – #77A6F7
43. Play
Комбинация кофе с небесно-голубым дарит чувство комфорта. Отличный вариант для бизнеса в сфере HoReCa.
#844D36 – #474853 – #86B3D1 – #AAA0A0 – #8E8268
44. details.ch
Утонченная и классическая палитра с современными нотками, подчеркнет серьезность и актуальность проекта.
#5F6366 – #4D6D9A – #86B3D1 – #99CED3 – #EDB5BF
45. stinkdigital
Палитра – лучшее решение для сайтов с небольших количеством элементов. Акцентный фиолетовый поможет привлечь внимание к вашему посланию.
#802BB1 – #2D283E – #564F6F – #4C495D – #D1D7E0
46. EPIC
Приглушенные оттенки синего, красного и зеленого выглядят традиционно и профессионально.
#265077 – #022140 – #494B68 – #1E4258 – #2D5F5D
47. Apart
Гламурный и свежий взгляд на дизайн сайтов, цвета подчеркнут статус владельца.
#806543 – #33266E – #111111 – #542F34 – #A6607C
48. FUTURAMO
Бирюзовый и розовый на фоне приглушенных оттенков привлекают внимание и выглядят профессионально.
#501F3A – #CB2D6F – #CCCCCC – #14A098 – #0F292F
49. Panic
Настоящий взрыв цвета, такой дизайн невозможно пропустить.
#C34271 – #F070A1 – #16FFBD – #12C998 – #439F76
50. madeo
Расслабляющая, но яркая палитра ассоциируется с оптимизмом и энергией.
#026670 – #9FEDD7 – #FEF9C7 – #FCE181 – #EDEAE5
Даже если вы новичок в дизайне в поисках идеальных цветов для своего сайта, эти палитры помогут создать по-настоящему профессиональный и модный проект. Идеи для графического дизайна ждут вас здесь.
Безусловно, разрешаются эксперименты. Но эксперты рекомендуют добавлять яркие цвета лишь для мелких анимаций, чтобы разбавить гамму. Общий вид должны составлять нейтральные цвета.
Другой пример – сайты знакомств. Новые друзья – положительные эмоции. Более того, сайты знакомств часто помогают находить вторую половинку. В конце концов – это маленькая неизвестность. Ведь никогда не знаешь, кого можно встретить по ту сторону экрана.
Долгое время сайты знакомств были склонны к однотонности. Ожидается, что в 2020 они будут более разнообразными и насыщенными. Во-первых, никаких тусклых оттенков. Во-вторых, только яркие цвета, среди которых:
- розовый;
- тиффани;
- желтый;
- оранжевый.
Опять-таки, в случае с выбором цвета нельзя полагаться на свои идеи. Ищите человека, который занимается дизайном всю жизнь. У него портфолио должны быть не меньше этого. Да, он будет выбирать из тех трендов, о которых пишут в сети. Но он сможет наилучшим образом подобрать цвет именно для тематики Вашего проекта.
Культура целевой аудитории
Одна из первых вещей, которую я для себя выделил в дизайне: нет уникального тренда цветового оформления. Исследовательские организации смогут выделить самый оптимальный оттенок. Но даже он не будет уместен во всех случаях.
Первое, что влияет на выбор цвета в данном случае – регион, на который ориентирован проект. Не секрет, что у каждой страны или части света цвета могут иметь разную символику. Примечательно, что направлено никто не будет обращать внимания на мистические связи. Но подсознательно у пользователя появится определенная ассоциация. В интересах разработчика и маркетолога вызвать именно положительные эмоции.
Данная диаграмма четко отображает, какой цвет будет идеальным в одном регионе, и как он может навредить в другом. Очень сложно будет проектам, ориентированным на весь мир. В таком случае неизменный тренд – черный и белый цвета как основа, а также пропорциональное всех остальных оттенков для разнообразия. Примером такой реализации сегодня является сайт Apple.
Нельзя сказать, что это тренд именно 2020 года. Использование (избегание) определенных цветов в зависимости от региона целевой аудитории – вечная тенденция. Причина тому – неизменные традиции каждой культуры, которые укоренялись тысячелетиями.
Главные тренды регионов
Сегодня сформированы примерные направления цветовых трендов в каждом регионе на ближайшие несколько лет. Как я уже сказал, расположение целевой аудитории оказывает большое влияние на использование цветов. Потому хочу рассказать о трендах, которые сформированы нынешними идеями.
Азиатско-Тихоокеанский регион
В поисках базового цвета дизайнеры этого региона ориентировались на утверждение простоты, создание противоречия постоянной занятости. Эти черты очень характерны для восточных стран. Им необходимо чувство спокойствия даже на фоне высокого темпа жизни.
Таким образом, основу любой цветовой гаммы Азиатско-Тихоокеанского региона составит бежевый. Это цвет семян, сухих трав и зерен. Неким образом он знаменует соединение с землей, источниками жизни и связь между людьми.
Также, бежевый – противоположность всего современного. Как я уже упоминал, неотъемлемая часть нашей жизни – технологии, а также из производные. Часто мы видим их в черных и серых оттенках. Но