Нежный Фон: изображения, стоковые фотографии и векторная графика
ФильтрыВсе изображения- Все изображения
- Фотографии
- Векторная графика
- Иллюстрации
- Редакционное
- Видео
- Музыка
- Поиск по изображению
Поиск по изображению
Фон пастельных тонов
Ветви цветущей яблони проявляются водяными знаками на рыхлой бумаге, окрашенной в терракотовый цвет.
Фон в пастельных тонах — текстура грубой мешковины тонирована сепией.
Фон пастельных тонов с виньеткой в гипсовой лепнине.
Зеленоватая заливка оттеняет белые и зеленые силуэты цветущего дерева.
Пастельный фон для фотошопа — цветочный принт на красноватой ткани.
Светлые и темные краски фисташковой палитры образуют полосы с мелким орнаментом.
Оттенки оливкой палитры использованы для пастельного фона с двойным стилизованным рисунком стрекозы над хризантемой.
Фактурная текстура для клипарта из смятого листа пастельного тона.
Старый бумажный листок равномерно раскрашен в цвет молочного шоколада.
Охристое клетчатое пространство густо разрисовано растительными и цветочными мотивами.
Пространство в пастельных тонах расчерчено тонкими лиловыми, красными и коричневыми линиями.
Ноты отпечатаны на слегка смятой странице песочного оттенка с проступающим контурами васильков.
Зеленое поле привлекает красочными кустиками алой поспевающей клубники.
Нотная партитура проглядывает по краям листа, окрашенного розоватой гуашью.
Интересный дымчатый травянистый фон пастельных тонов с объемными эффектами.
Осветленное терракотовое поле для фотошопа украшено вьющимися ветвями с сердечками и цветочками.
Светлые красные обои с большим растительным узором.
Штукатурка кремовой окраски с рельефными силуэтами цветов.
Пастельные тона в веб-дизайне
Пастельные тона в веб-дизайне — это не только недавняя тенденция, но и прием, который дизайнеры используют уже многие годы для создания эффектной визуализации.
С «пастельными» тонами у нас чаще всего ассоциируются бледно-розовый, голубой и желтый, однако пастельная палитра на самом деле гораздо шире. Пастельные цвета отнюдь не спокойные — в сочетании с правильными элементами они могут смотреться достаточно смело и вызывающе.
Итак, давайте взглянем на 10 способов применения пастели в дизайне веб-сайтов.
Пастельная обработка фотографии
Фотографии, обработанные пастелью, или же сделанные при правильном освещении могут стать отличной визуальной основой для сайта. Приглушенный тон изображений дает дизайнеру отличную площадку для размещения других элементов.
Пастельные оттенки могут сыграть контрастом для, например, логотипа или кнопок. Посмотрите, как идеально лого Solasie сочетается с фотографией в пастельных тонах. Также на таком фоне хорошо будет смотреться «прозрачная» кнопка.
Пастельный фон
Выбрав пастельный фон, вы можете использовать много цветов, не боясь переборщить — ведь пастель, как известно, смягчает совмещенные с ней цвета.
Популярный сегодня тренд — использовать на пастельной основе вариации одного оттенка, чтобы получить монохромную цветовую схему, как это сделано на сайте Dear Mum. Оттенки одного цвета прекрасно контрастируют с белым текстом, а своеобразный шрифт придает сайту современный, «хипстерский» вид.
Яркая пастель
Сочетание «яркая пастель» звучит необычно и непривычно и вместе с тем дает вам шанс создать уникальный дизайн.
Отличный пример — сайт Marie Catrib. Пастель на фоне достаточно яркая, но не отвлекает внимания от женщины. Яркость пастельных цветов помогает сфокусироваться на изображении. Более бледны цвет фона был бы не так эффективен, не так ли?
Пастель для настроения
Пастельные тона создают атмосферу легкости, спокойствия и непринужденности. Если вам и вашему делу близки эти слова, то смело применяйте пастель в дизайне своего сайта!
Сайт Sweez на личном примере показывает, как цвет отражает настроение. Глядя на изображение, вы сразу представляете себя в тихом, спокойном местечке с чашкой теплого, вкусного капучино в руках. Не так ли?
Пастель в иллюстрациях
Пастельные тона — отличный выбор для иллюстраций, так как притягивают внимание пользователя.
Пастель позволяет вам использовать иллюстрации там, где их меньше всего ожидаешь увидеть.
Контраст с пастелью
Вопреки распространенному мнению, пастель отлично сочетается с прочими элементами дизайна.
Дизайн сайта Kinder Fotografie — наглядный пример успешного микса пастельных оттенков, ярких фотографий и текста. На пастельном фоне достаточно много мелких деталей, однако первое, что бросается в глаза — фотографии детей и слово «улыбки» (‘smiles’). И только после пользователь уже обращает внимание на прочие милые мелочи.
Пастель для навигации
Пастельные оттенки — отличный выбор для создания инструментов навигации. Обычно дизайнеры обрамляют сайт черными или белыми панелями с навигационными элементами, однако что нам мешает добавить немного цвета?
Плюсом пастельных тонов в этом случае является то, что они не отвлекают внимание от основного дизайна на себя. На сайте Wonderfully Wild, к примеру, первое, что видит пользователь — это фотография. Навигационная панель же сливается с основной областью, но все же заметна благодаря грамотному выбору цвета.
Пастель в плоском дизайне
По сути, современная тенденция использования пастельных тонов вышла как раз таки из плоского дизайна. Многие из ярких пастелей, так любимых дизайнерами, являются упрощенными версиями некоторых супер ярких цветов, бывшими популярными на волне плоского дизайна.
Чем хороши пастельные оттенки в плоских дизайнах? Тем, что при тех же характеристиках, они не бросаются пользователю в глаза и не раздражают. Сочетание пастели и плоских очертаний позволяет легко использовать цвет, чтобы направить пользователя в нужную часть экрана или подчеркнуть важные текстовые элементы.
Пастельный шрифт
Использование пастели не ограничивается фоном или изображениями. Это цветовой стиль также уместен в шрифтах (хотя тут нужно быть осторожней).
Пастель идеальна для крупных, жирных шрифтов на простом и неприметном фоне — для создания необходимого контраста. Формула проста: увеличенный, броский шрифт требует приглушенных цветов остальных элементов.
Пастель для элементов интерфейса
Применение пастельных цветов для оформления элементов пользовательского интерфейса — забавная идея, также взявшая свое начало из плоского дизайна.
На сайте Duy Tran каждый «пастельный» блок на самом деле увеличенная кнопка. Разные цвета помогают пользователям различать блоки и их предназначение, а минималистичное изображение в главной части сайта создает отличный контраст (ни одно изображение слайдера не сливается с кнопками).
В заключение
Ключевая цель использования пастельных тонов в дизайне — это привнести свежесть. Сочетание пастели с глубокими насыщенными цветами, яркими изображениями или белыми контрастными элементами помогает создать эффектную цветовую палитру.
Пастель ассоциируются с расслабленностью и умиротворенностью — если это именно те чувства, которые вы хотите внушить посетителям вашего сайта, смело используйте пастельную палитру. Но не забывайте, что пастель накладывает обязательства на другие элементы вашего дизайна.
Автор: Кэрри Казинз
Источник:designmodo.com
Примеры использования пастельных тонов на посадочных страницах и сайтах
Современные веб-дизайнеры в работе зачастую первостепенной задачей видят создание яркой, отличающейся посадочной страницы или сайта. Для этого используются насыщенные цвета, поскольку это самый простой способ запомниться и выделиться среди других конкурентных ресурсов. Всем дизайнерам и маркетологам, известно, что цвет — это мощный инструмент оптимизации конверсии: цветом можно привлечь внимание, направить его на важную часть страницы, побудить к действию, вызвать определенные эмоции. Впрочем, оказывается не только яркие цвета могут быть эффективными.
В последние время наблюдается тенденция использования в графическом дизайне приглушенной цветовой гаммы. Считается, что пастельные тона создают спокойную и располагающую к комфорту атмосферу. Это идеальный цвет для сайтов и лендингов женской тематики. Например, если речь идет об одежде или в целом о моде.
Возможно, это дань моде или редкое использование так называемой «пастели» связано с тем, что ее не так-то просто реализовать на высоком уровне. Ведь есть опасность получения слишком мягкого, блеклого ощущения. Нужны определенные навыки, чтобы получить правильный баланс между оттенками и цветами. Кроме того, дизайн можно, а в некоторых случаях даже нужно разбавлять яркими цветами. Например, для привлечения внимания к центральному CTA-элементу страницы (лид-формеи т. п.).
В этом посте мы предлагаем вашему вниманию очень удачные примеры использования пастельных оттенков в разных вариантах и на ресурсах различной тематики. Возможно, некоторые из них вдохновят вас на перемены.
Пастельные тона как фон
Пастельные фоны при правильном использовании позволяют оживить посадочную страницу просто одним цветом, не перегружая дизайн всевозможными элементами. Они также помогают создать нужную атмосферу на коммерческом сайте, как это делают Vancleef and Arpels с помощью бледно-розовых оттенков или кафе Evoke, используя успокаивающую голубую гамму. Есть еще один момент, о котором следует сказать — на пастельном фоне фотографии смотрятся выразительнее, чем на ярком.
1. Dearmum.org
Dear Mum — этот лендинг позволяет поздравлять матерей с их днем необычным способом. Указав несколько личных параметров и загрузив мамину фотографию, за пару минут можно создать минисайт-поздравление. Этот трогательный и оригинальный подарок уже оценили тысячи матерей во всем мире.
2. Vancleefarpels.com
Van Cleef & Arpels — французский бренд часов, ювелирных изделий и парфюмерии. Компания была основана в 1896 году и с тех пор прославилась ювелирными украшениями причудливых форм. В разные времена их носили Элизабет Тейлор, Грейс Келли, герцогиня Виндзорская.
3. Cafeevoke.com
Evoke — просторная кофейня в штате Оклахома (США). Джейсон и Дженин Дункан, создатели Evoke, говорят о своем заведении так: «Это прекрасное место для напитков, еды и беседы». И добавляют: «В любом случае вы получите вкусный кофе, великолепного бариста и счастливые воспоминания».
Пастельные шрифты
Пастельные шрифты используются для создания веселой цветной ноты в общем спокойном дизайне. Именно шрифты дают возможность создать по-настоящему уникальный дизайн, который запомнится и понравится многим пользователям. Еще одно преимущество пастельных шрифтов заключается в том, что можно использовать дополнительные цвета — и это не будет выглядеть безвкусно. Примеры перед вами.
4. Petit-mariage-entre-amis.fr
Petit Mariage Entre Amis — французская платформа, позволяющая создавать будущим молодоженам функциональный и привлекательный по дизайну свадебный блог. Блог расскажет вашим друзьям о тематике свадьбы, сроках, возможных изменениях в плане празднования. Представленный функционал помогает в подготовке ко свадьбе. Судя по отзывам, сайт действительно удобный и полезный.
5. Futureofcarsharing.com
Future Of Car Sharing — этот параллакс-лендинг с горизонтальным скроллингом позволяет жителям Северной Америки обмениваться автомобилями на определенный срок. Став членом клуба, американский житель получает доступ к огромному парку автомобилей разных брендов.
6. mariecatribs.com
Ливанка по происхождению Мария Карибс, в семидесятых годах переехала в США, чтобы осуществить свою американскую мечту. Любовь к людям и кухне, которая всегда были в крови у этой жизнерадостной сильной женщины, помогла ей воплотить свои планы в жизнь. Сейчас у Марии ресторан в штате Мичиган с одноименным названием.
«Не теряйте фокус — просто продолжайте делать, — говорит Мари. — Не имеет значения, сколько вам лет. Если вы можете дышать и двигаться — вы сможете сделать то, что задумали.»
Разнообразное меню — вот что в первую очередь привлекает в ресторане. Хотите сочный ростбиф или говядину в ленинградском стиле? Отправляйтесь в Мичиган.
Пастельные логотипы
Использование пастельных тонов при создании логотипа дает возможность эффектно и ненавязчиво передать покупателю смысл вашего бренда. Пастельные тона ассоциируются с современными тенденциями, действуя тоньше, чем яркие. Пастель позволяет создать более современные и светлые логотипы, идеальные для многих компаний (студий веб-дизайна, кондитерских и многих других).
7. Raphspatisserie.com
Raphs Patisserie — именная закусочная Ральфа Севериано Рибейро. От одного взгляда на фотографии тортов, брауни, конфет, выставленных на сайте, текут слюнки. Все они невероятно красиво оформлены.
8. Isadoradesign.com
Isadora Design — студия веб-дизайна в Калифорнии. Работая с клиентами по таким направлениям как брендинг, электронная коммерция, целевые страницы, специалистам студии удается создавать очень персонализированные и качественные ресурсы. Этому во многом способствует девиз команды — максимум творчества и инноваций.
9. Sweez.com.br
Sweez — кафе в стиле пятидесятых. Находится в Бразилии, штате Риу-Гранди-ду-Сул. Включает в себя кондитерскую, магазин шоколада и непосредственно кафе. Успех заведения, по словам основателей Карина Бидез и Габриель Далсото, обеспечивается сочетанием передового международного опыта с бразильскими традициями.
Пастель и плоский дизайн
Плоский дизайн начал становиться популярным с конца 2012 года и как-то сразу стал ассоциироваться с использованием пастельных тонов и прохладных серых оттенков. Пастель, действительно, очень подходит для плоского дизайна. Подобное сочетание дает возможность получить очень аккуратную и чистую веб-конструкцию.
10. Alexandra-kuban-webdesign.de
Александра Кубань — программист и веб-дизайнер из Берлина. Она создает современные сайты и лендинги о моде.
11. Postable.com
Postable — интернетный сервис лояльного маркетинга по созданию креативных открыток. Выбирая из множества дизайнов, используя обширный и удобный функционал платформы, с помощью Postable вы за пару минут сможете создать очень оригинальную открытку и послать ее по почте своему клиенту.
12. Coordinate.org.au
Coordinate — организация, созданная для перевода Библии и канонических текстов, с целью понимания этих текстов всеми народностями, населяющими Австралию.
Пастель и винтажный дизайн (vintage design)
Пастель и винтажные элементы очень близки по восприятию. Пастельные рисунки и бледные цвета воспринимаются не иначе как винтаж. Приведенные ниже примеры используют пастельные оттенки для создания эффекта старины. Можно использовать минимум деталей, как, например, магазин сумок Satchels или задействовать множество винтажных элементов для полного погружения в старину, как это делает бельгийский фотограф Эви Германс.
13. Kinderfotografie-evihermans.be
Эви Германс, фотограф из Бельгии, отдает предпочтение работе с детьми. Она говорит: «У меня комок в горле, когда я смотрю на детские ручки и наблюдаю за их шаткой походкой». Надо ли говорить, что такая любовь к детям позволяет ей создавать фотографии, которые приводят в восторг родителей маленьких клиентов.
14. Satchelsuk.co.uk
Satchels — известный британский бренд сумок. В онлайн-магазине представлены сумки на все случаи жизни: от классического портфеля до оригинального рюкзака. В Satchels умеют создавать модные и качественные вещи.
Пастель и скевоморфный дизайн (skeumorphic design)
Скевоморфизм — это воссоздание формы определенного объекта с использованием других материалов или другими методами. Этот термин пришел к нам из архитектуры, но в настоящее время активно используется в веб-дизайне как противопоставление плоскому дизайну. Объемные изображения позволяют привлечь внимание и создать эффект реалистичности, который замечательно усиливают постельные оттенки.
15. Melonfree.com
Melon Interactive Ideas — веб-студия в Парагвае с широким спектром услуг: создание сайтов, интерактивных форм, мобильных приложений, посадочных страниц.
16. Jacquico.com
Компания The Production Kitchen специализируется на изготовлении тортов и кексов по индивидуальному заказу. С 2009 году в этой уютной сингапурской кондитерской каждый день пекутся десятки аппетитных тортов на любой вкус и кошелек.
17. Aggregift.com
Aggregift — это сервис, который позволяет использовать Facebook для формирования подарочного фонда на день рождения общего друга. Подарки нужно выбирать на Amazon. После окончания сбора денег, получатель может заказать доставку подарка или обменять его на сертификат Amazon.
Высоких вам конверсий!
По материалам blog.usabilla, image source Uiethma
20-01-2014