Купить за 79 руб.
ПОЛУЧИТЬ БЕСПЛАТНО !

Получите бесплатный комплект иконок

(Время действия акции ограниченно)

Иконок много не бывает, не так ли? Получи этот замечательный комплект иконок на свою электронную почту уже через несколько минут!

Для этого просто заполни форму ниже:

Будь в курсе новостей из мира графического дизайна, а также обновлений графики на нашем сайте. Ты сможешь отказаться от рассылки в любой момент.

Мы уважаем и ценим наших подписчиков и поэтому обещаем, что твой адрес не будет передан третьим лицам.

Присоединяйтесь к нам !

Зарегистрируйте Бесплатный Аккаунт или подключите Безлимитный Доступ всего от 180 руб./мес.

Узнать подробнее

Последние новости из мира веб-графики

Использование пастельных цветов в дизайне веб-сайта

9 Декабря 2014

Дизайнеры в течение многих лет используют пастельные тона в веб-дизайне больше, чтобы создать впечатляющие визуальные эффекты. Когда вы слышите "пастель", то первое что приходит вам на ум это, наверняка, нежно розовый, голубой и желтый цвета. Однако пастельные оттенки могут быть весьма смелым, когда используются в паре с другими элементами соответствующим образом.

В этой статье мы собрали 10 способов использовать пастельные тона в дизайне веб-сайтов.

Пастельные фотографии

Фотографии в пастельных тонах могут придать тонкий и великолепный вид вашему сайту. Постельные фотографии идеально сочетаются с контрастными элементами сайта, таким как кнопки и логотип. Обратите внимание, как красиво логотип Solasie вписывается в фотографию ниже.

постельные тона на сайте

 Пастельный фон

Пастельные палитры идеально подходят для фонов, полностью залитых цветом. Они не раздражают взгляд посетителя из-за более приглушенного оттенка. Как правило при работе с пастельными фонами используют вариации одного оттенка для монохроматической цветовой гаммы,  как например на сайте Dear Mom. Розовый цвет создает сильный визуальный эффект и прекрасно контрастирует с белым текстом. 

постельные цвета на сайте

Яркая пастель

Несмотря на то что понятия "яркий" и "пастель" кажутся вам несовместимыми, палитры такого типа могут помочь в создании яркого дизайна сайта. Сайт Marie Catrib’s является отличным примером такого приема. Пастельные оттенки на этом сайте довольно яркие и они придут глубину, так что вам кажется что женщина выглядывает из разных слоев цвета. Смелость пастели поможет посетителю сосредоточиться на изображении, а приглушенный фон будет создавать меньшее воздействие.

вебсайт

Пастель для создания настроения 

Какое настроение вы хотите придать вашему сайту? Использование пастельных оттенков это прекрасный способ придать сайту чувство спокойствия, релаксации и умиротворения. Если эти характеристики подходят к вашему бренду или продукту, пастельная палитра может быть идеальным выбором.

На сайте Sweez с помощью пастельных тонов великолепно создана эмоциональная связь с посетителем.  Все изображения приглушенного, пастельного оттенка, что заставляет клиентов чувствовать себя в тихом уютном местечке с чашкой великолепного горячего капучино. Отличным пример того, насколько может быть эффективно правильное применение цвета на сайте. 

цвет сайта

Пастель в иллюстрациях

Пастельные цвета это великолепный выбор для иллюстраций сайта. Используйте эту цветовую концепцию чтобы привлечь внимание посетителей.

постельные тона

Контраст с пастелью

Пастельные цвета это отличный инструмент для создания контраста с другими элементами дизайна сайта. На сайте Kinder Fotografie пастельные цвета великолепное сочетаются с яркими изображениями и текстом. Пастельный фон имеет множество интересных деталей, однако когда посетитель впервые заходит на сайт, то в первую очередь он видит фотографии детей и яркое слово Smiles, а уже потом заметает детали постельных элементов.

сайт в постельных тонах

Пастель для меню навигации

Пастель также может быть использована при создании меню навигации, так как они выделяются из основного контента сайта и тем самым хорошо заметны для посетителя, так что он в любой момент может переместиться к нужному разделу. К примеру, зайдя на сайт Wonderfully Wild, клиент прежде всего обращает внимание на фоновое большое изображение. Элементы навигации отлично сочетаются с областью основного контента, но в тоже время не выпячиваются на первый план благодаря плавательной палитре цветов.

пастельные тона

Пастель в плоском дизайне

Что особенно приятно в использовании пастельных цветов в плоском дизайне это то, что цвета придают тоже самое чувство и внешний вид, но при этом не становятся кричащими и не раздражают или подавляют пользователя. 

вебсайт

Пастель в типографике

Пастель также может быть применена в типографике. Наилучшим образом пастельные цвета подходят для ярких крупных заголовков на спокойном фоне для создания контраста. Эта концепция может быть использована для небольшой группы слов или букв на сайте и не применима к основному тексту.

сайт

Пастель для элементов пользовательского интерфейса

Использование пастельных цветов как часть палитры для пользовательского интерфейса это довольно интересная концепция. На сайте Duy Tran’s боксы пастельный цветов представляют собой большие кнопки. Пастельные цвета подсказывают посетителю где какой бокс и отлично контрастируют с минималистическим дизайном главного экрана.

сайт

Пастельные цвета, по своей природе, имеют расслабляющее и успокаивающее действиех. Используйте это в ваших интересах при создании дизайна сайта в постельной цветовой гамме. Также учитывайте как цвета будут взаимодействовать с другими элементами общего дизайна сайта.

 

Источник статьи

Поделитесь с друзьями:

У Вас есть отличная идея, техническое задание и бюджет на ее реализацию ?

Заказать выполнение проекта