Говорите громко.
Цвет является настолько фундаментальной частью нашего восприятия мира, что мы часто принимаем его как должное. Задумайтесь: от моложавого и яркого оранжевого цвета на чьей-то одежде до серого и мрачного неба над нами - цвета обладают способностью формировать наше восприятие других людей и даже обстоятельств, в которых мы оказываемся.
Вот почему одним из самых мощных инструментов в арсенале дизайнера является цвет. Это может как улучшить, так и испортить дизайн; это может стать определяющим фактором в привлечении или потере зрителей.
Я не являюсь профессиональным дизайнером, поэтому мне часто бывает трудно найти подходящие цвета для моих любительских проектов. Независимо от того, создаю ли я простое изображение для поддержки своего контента или более сложные проекты, такие как слайд-шоу или инфографика, я часто трачу много времени на поиск идеальной цветовой гаммы. Я задаю себе такие вопросы, как: хочу ли я, чтобы мой дизайн был привлекательным? Провокационным и смелым? Или интеллигентным и элегантным?
Если вы не опытный дизайнер, требуется время и усилия, чтобы найти цветовую комбинацию, которая будет соответствовать принципам дизайна вашего веб-сайта, вот почему команда дизайнеров Visme решила предоставить нашим пользователям удобный список красивых цветовых схем с веб-сайтов, которые были отмечены Awwwards - самой престижной наградой для веб-дизайнеров и разработчиков.
Получив множество положительных отзывов о нашем первом руководстве по сочетанию цветов, мы поняли, что наша аудитория по достоинству оценит еще одну серию великолепных палитр на выбор.
Вы можете легко применить их к любому из ваших проектов Visme, используя hex-коды, указанные справа от каждого изображения, как показано на GIF-изображении выше.
СВЯЗАННЫЙ: Красивые цветовые схемы: 50 цветовых комбинаций в дизайне
Теплые и прохладные оттенки сочетаются в этой красочной, но не кричащей палитре. Эта цветовая гамма - от привлекательного и яркого голубовато-зеленого до землисто-терракотового - хорошо подходит для молодежного и современного дизайна.
Оттенки синего и фиолетового сочетаются с сочными красными и оранжевыми акцентами. Обратите внимание, как контраст между ярко-синим фоном и красно-оранжевыми акцентами сразу привлекает внимание к нужным местам - от верхней части страницы до видео внизу.
Эта очень "приземленная" цветовая гамма сразу же вызывает ощущение того, что вас окружает успокаивающее голубое небо и умиротворяющая картина на открытом воздухе. Идеально подходящее для дизайнов, связанных с природой, это приятное цветовое сочетание может пригодиться для проектов, которые подчеркивают экологическую сознательность.
Королевский синий и изумрудно-зеленый цвета сочетаются в этой гамме, создавая чистую и освежающую палитру. Напоминающее об океане или любом другом месте, связанном с водой, это сочетание идеально подходит для дизайна, призванного передать спокойный и надежный образ.
Привлекательное сочетание кораллово-красного и бирюзового цветов, наряду с другими оттенками синего, является одновременно ярким и дерзким. Прохладный синий цвет чудесно компенсируется смелым цветовым решением, что делает его идеальной цветовой гаммой для любого дерзкого и современного дизайна.
Этот веб-сайт отличается привлекательным контрастом черного фона и ярких акцентных цветов - типичная техника для современных сайтов. В этом случае оттенки красного, такие как киноварь и каштановый, дополняются уникальным русским зеленым цветом.
Данная элегантная цветовая гамма сочетает в себе темные приглушенные тона, создавая чистый и утонченный образ. Его оттенки серого и синего идеально подходят для более консервативного дизайна.
Оттенки темного красновато-коричневого в сочетании с глубоким тосканским красным и старой лавандой создают уникальную палитру, которая привлекает своей теплотой и глубиной. Эта цветовая схема идеально подходит для элегантных изделий, в которых требуется нотка энергии и богатства.
Темная и загадочная цветовая гамма с ярким синим акцентом соответствует преобладающей тенденции веб-дизайна: использование темных фоновых цветов с яркими и смелыми акцентными цветами.
Привлекательная комбинация розового, красного, черного и серого цветов вызывает ощущение роскоши, изысканности и минимализма.
Красивое сочетание карамельно-розового, зелено-желтого, лавандово-серого и пастельно-коричневого цветов идеально подходит для дизайнеров, стремящихся создать яркий и привлекательный образ.
Трудно отвести взгляд, когда сталкиваешься с таким минималистичным, но в то же время ярким дизайном, как этот. Темный дымчато-черный фон в сочетании с ярким синим цветом электрик делают эту цветовую гамму выигрышной и полезной для самых разных проектов.
Используя красный польский флаг в качестве основы для своей цветовой гаммы, этот привлекательный веб-сайт сочетает темно-алый цвет с темно-розовым на светло-сером фоне. Он живой и креативный и, в то же время, изысканный в использовании минималистичной цветовой гаммы с различными оттенками одного и того же цвета.
Красочное сочетание золотистого, киноварного, темно-синего и голландского белого цветов воплощает в жизнь этот вычурный и креативный дизайн онлайн-архива музыкальных произведений.
Уникальное сочетание оттенков кожи и более элегантных цветов, таких как королевский синий и рубиновый, делает эту цветовую гамму идеальной для утонченного дизайна. Сдержанный, но простой; утонченный, но живой: именно такой посыл эффективно внедряется в наше подсознание с помощью этого приятного для глаз сочетания.
Привлекательное сочетание синего сапфира, серого цвета оружейного металла и платины, с одной стороны, и персиково-оранжевого и коричневого - с другой, создает современную и элегантную цветовую гамму. Используемые здесь для создания футуристического образа холодные металлические цвета эффективно смягчаются более человечными, землистыми тонами.
Эффектное сочетание портлендского оранжевого, ярко-желтого и нефритового цветов на темно-сером, почти черном фоне привлекает внимание. Смелое и полное энергии, это цветовое сочетание идеально подходит для создания современного и дерзкого образа.
Темная охра, древесный уголь и всплеск бледно-красного фиолетового делают эту цветовую гамму незаменимой для тех, кто ищет элегантный, футуристичный и в то же время динамичный внешний вид. Это цветовое сочетание достаточно универсально, его можно использовать в самых разных проектах - от современных корпоративных отчетов до журналов и редакционного контента в целом.
Белый цвет яичной скорлупы, темная ваниль и темно-серый с оттенками красного драже сочетаются в этом минималистичном, но в то же время теплом и привлекательном оформлении. Всплеск энергичных цветов во всем дизайне делает этот сайт элегантным и в то же время привлекательным.
Темно-вишневый, королевский фиолетовый и темный сланцево-синий цвета гармонично сочетаются на этой красивой и привлекательной странице. Насыщенный вишневый цвет выступает в качестве акцента на темно-фиолетовом фоне, привлекая внимание зрителей к навигационному меню, как только они попадают на сайт.
Оттенки синего и фиолетового на этом веб-сайте особенно приятны для глаз и пробуждают энергию и умиротворение одновременно. Черничный и небесно-голубой цвета искусно сочетаются с аметистом, создавая освежающее и приятное цветовое сочетание, подходящее для любого дизайна, призванного пробуждать положительные эмоции.
Если вы ищете более приглушенный и корпоративный образ, то данная цветовая гамма сочетает в себе оттенки зеленого, синего и коричневого, которые передают как профессионализм, так и надежность. Зеленый фталоцианин, темный сланцево-серый и оловянно-голубой - вот лишь некоторые из используемых здесь цветов.
Гамма синих оттенков, от яркого лазуритово-голубого до цвета морской волны, создает сдержанную, но красивую цветовую гамму. Ее можно использовать в самых разных визуальных эффектах, от приглушенных корпоративных до креативных дизайн-проектов.
Красивый миртово-зеленый и голубой цвета сочетаются здесь с лазурно-белым и обычным белым в простом, но эффектном сочетании.
Яркая и элегантная цветовая гамма сочетает в себе очень насыщенный светло-холодный синий цвет с другими оттенками, такими как темный сланцево-голубой и бледно-васильковый. Это сочетание искусно дополнено ярким оттенком розового.
Игривая и красочная гамма сочетает в себе несколько ярких оттенков: ярко-бирюзовый, мандариново-желтый и темно-орхидный.
Данный утонченный и ультрасовременный сайт может похвастаться элегантным и привлекающим внимание сочетанием с эффективным контрастом. Яркий желто-зеленый цвет хорошо сочетается с черным и серым на заднем плане.
Это еще один пример сайта, который эффективно использует яркий акцентный оттенок, чтобы разметить информацию для посетителей. В данном случае ярко-желтый цвет привлекает внимание сначала к заголовку, затем к тропинке, ведущей в гору, и, наконец, к кнопкам с призывом к действию внизу страницы.
Сочетание океанического зеленого, аквамаринового и цвета морской волны идеально передает концепцию современности и в то же время жизни и плодородия, что полностью соответствует некоторым понятиям в основном посыле сайта: «цифровой», «насыщать» и «расцветать».
Землистое сочетание зеленого с различными оттенками синего, от бледно-лазурного до бирюзово-голубого, идеально подходит для консервативного дизайна, призванного создать образ стабильности, надежности и изобилия.
Данный оживленный сайт сочетает в себе яркий малиново-розовый цвет с более мягкими цветами, такими как пастельно-голубой и светлый пастельно-фиолетовый. В результате получается удивительно свежая и беззаботная цветовая гамма.
Это необычное сочетание темно-розового с голубым можно использовать для целого ряда проектов в различных областях.
Свежая цитрусовая смесь светлого зеленовато-желтого, лаймово-зеленого и черного цветов является фаворитом среди брендов, связанных со спортом с высоким содержанием адреналина и энергетическими напитками.
Яркий бирюзовый фон и оранжевая кнопка призыва к действию на этом сайте могут показаться некоторым посетителям немного кричащими, но это сочетание определенно передает сильные эмоции, которые контрастируют с изображением на заднем плане.
Гамма розовых и красных оттенков с ярко-синей кнопкой призыва к действию создает большой визуальный интерес и сразу привлекает к себе внимание.
Смелое и уникальное сочетание королевского синего и золотого цветов с яркими голубыми бликами сразу привлекает внимание. Это неожиданное и несколько нестандартное решение выводит данный сайт в топ.
Голубой, синий и оранжевый цвета на странице делают этот дизайн особенно привлекательным и энергичным. Его также можно применять к проектам с оптимистичным и поднимающим настроение посылом.
Зимнее сочетание красного и синего цветов вызывает одновременно прохладу и тепло, подобно образам, связанным с зимними праздниками.
Яркое и насыщенное цветовое сочетание объединяет яркий желтый, синий и розовый цвета в этом красивом минималистичном дизайне, который можно использовать в оживленных, но профессиональных проектах.
Данный сайт отличается привлекательным минималистичным дизайном и хорошо подобранной цветовой гаммой. Розовых, умеренно-зеленых и желтых геометрических фигур на черном и сером фоне достаточно, чтобы привлечь внимание зрителя.
В данном эффектном цветовом сочетании используются оттенки синего и красного для создания ощущения смелости и ярого профессионализма, что идеально подходит для дизайна, стремящегося передать мощь и компетентность.
Даже если вы не знакомы с термином "плоский дизайн", вы, вероятно, видели его раньше: веб-сайты без теней, без градиентов, без скосов; короче говоря, без трехмерных элементов.
В то время как сайт выше добавляет немного эффекта тени к мальчику справа, технически это можно квалифицировать как вариант плоского дизайна, который является не чем иным, как добавлением нескольких очень тонких трехмерных эффектов.
Как видно здесь, цвета плоского дизайна, как правило, очень яркие и насыщенные.
Уникальное сочетание кофейного тона с небесно-голубым и различными оттенками коричневого создает успокаивающую цветовую гамму: что-то напоминающее о вашей любимой кофейне или лаундже.
Сочетание розового цвета камеи, синего цвета Калифорнийского университета в Лос-Анджелесе и гранитно-серого напоминает о том, какую одежду носят обеспеченные, опрятные студенты колледжа. Хотя в этом есть смысл, учитывая целевую аудиторию сайта, данную схему также можно использовать в любом дизайне, который требует как серьезности, так и немного живости.
На сайте Spotify идеально использован акцент виноградного цвета на фоне очень темного блеклого фиолетового. Данную цветовую схему можно использовать для любого проекта, где у вас есть несколько элементов или основной посыл, который вы хотите донести.
Оксфордский синий цвет с несколькими яркими синими и красными вкраплениями делает этот сайт очень традиционным и корпоративным. Синий и зеленый цвета, которые передают профессионализм и стабильность, обычно используются в корпоративных отчетах.
Сочетание золотого, фиолетового и черного цветов вызывает в памяти такие слова, как богатство и экстравагантность. Соответственно, данное сочетание может быть применено к проектам, связанным с модой, роскошью и изделиями высокого класса.
Красивое сочетание сине-зеленого и пурпурного оттенков на темном фоне создает повышенный визуальный интерес и привлекает зрителя с первого взгляда. Смелое, но профессиональное сочетание цветов при правильном использовании может быть применено даже к корпоративному дизайну.
В то время как предыдущая цветовая гамма была привлекательной, но не слишком яркой, это сочетание намеренно кричащее, до такой степени, что может оттолкнуть некоторых зрителей. Однако, если вы хотите сделать смелое заявление, эта комбинация может хорошо сработать, если все сделано правильно, как в данном случае.
Расслабляющее, но в то же время жизнерадостное сочетание лимонного, желтого, мятного и темно-голубого цветов делает данную цветовую гамму идеальной для любого послания, призванного передать энергию, оптимизм и, в то же время, гармонию и рост.
Создайте дизайн бренда для своего бизнеса, независимо от вашего уровня подготовки.
Попробуйте Visme бесплатно
