Эта статья демонстрирует более 30 потрясающих веб-дизайнов, которые используют невероятный эффект акварели . За витриной следует небольшой выбор ссылок с несколькими учебными пособиями, акварельными текстурами и кистями, которые вы можете использовать в своих собственных проектах.
Viget Inspire
Viget Inspire является одним из самых узнаваемых образцов веб-дизайна в стиле акварели на сегодняшний день; не так много веб-дизайнеров, которые этого не видели! Стиль абсолютно потрясающий, а сочетание акварельного фона, цифрового переднего плана и типографики невероятно хорошо сочетаются друг с другом.
Дебора Кавено
Веб-дизайнер Стена
Web Designer Wall — еще один фантастический веб-дизайн, хорошо известный благодаря использованию акварельных эффектов. Потрясающие акварельные узоры и самодельный вид сайта делают его визуально привлекательным, особенно для его целевой аудитории: креативной индустрии.
Тоби пауэлл
Boompa Shop
Магазин Boompa объединил современный веб-дизайн, такой как минималистичный нижний колонтитул, с некоторыми великолепными акварельными «каракулями», чтобы создать красивый и очень уникальный эффект для дизайна интернет-магазина.
Агами Креатив
Корвус Дизайн Студия
В Corvus Design Studio использовался стиль макета, аналогичный тому, который обычно используется в дизайне портфолио, однако вместо того, чтобы просто и просто привлекать внимание к своей работе, они сделали само портфолио произведением искусства, которого, вероятно, более чем достаточно. убедить любого клиента выбрать его для своего последнего проекта.
Черные Ключи
Ергуван Платин Евлери
Erguvan Platin Evleri одним из первых объединил две популярные тенденции в индустрии веб-дизайна: абстрактные акварельные эффекты и трехмерные модели. В этом случае стили работают очень хорошо вместе, и на них приятно смотреть; будем надеяться, что мы увидим больше как это!
Давиде Савелли
Цвет воздуха
Color of Air — первый веб-сайт в этой витрине, который использует очень тонкую акварель в своем дизайне. Чтобы оживить область содержимого под заголовком, они использовали акварельную текстуру с низкой непрозрачностью под заголовком и под различными областями статьи. Использование визуализированного шума в дизайне в сочетании с тонкой акварелью прекрасно работает.
Sergio Design Trends
Sunrise Design
Вы не часто видите яркие акварельные эффекты, в основном потому, что их довольно сложно осуществить. Sunrise Design, тем не менее, отлично справляются с этим, используя яркие зеленые и желтые цвета на фоне дизайна своего сайта, чтобы создать ощущение счастья и радости.
Большой картель
Volkswagen Escape
Есть также несколько огромных и очень известных компаний, которые в наибольшей степени используют акварельную тенденцию, такие как популярная марка автомобилей Volkswagen. Они используют тонкий, размытый акварельный пейзаж на фоне своего веб-дизайна.
Croquis
Святой Чарльз Мэриленд
Святой Чарльз Мэриленд, как и некоторые другие в этой витрине, использовал легкую акварельную стирку на фоне своего дизайна. Однако на этот раз он используется в разделе основного контента дизайна вместо основного фонового изображения. Это интересная концепция, которая хорошо сочетается с корпоративным имиджем.
Глубокие корни и широкие крылья
тумблер
Toggle — еще одна компания, известная в креативной индустрии своим фантастическим использованием акварели в дизайне своих веб-сайтов. В отличие от других, эффект акварели, по-видимому, случайным образом размещается в центре фона, а не используется для создания полного фонового рисунка или изображения (такого как пейзаж) в большинстве других дизайнов. Он добавляет на сайт отличную «привлекательность» и подчеркивает прекрасную синюю цветовую гамму, которая использовалась в дизайне.
Маленький белый медведь
Брэд Кандулло
Брэд Кандулло использует акварель в своем дизайне портфолио, чтобы добавить немного чего-то дополнительного к фону заголовка, в основном, чтобы привлечь внимание к логотипу своего сайта. Использование акварели, используемой с таким количеством других текстур, как тонкий гранж и дерево, отлично выглядит и выглядит великолепно!
Пять очков Интерактивные
4PSD
4PSD — один из самых минималистичных дизайнов в этой витрине, просто использующий легкую акварель, чтобы отделить область заголовка от остальной части дизайна. Цвета хорошо сочетаются с общей цветовой схемой сайта, а использование пробелов только делает эффект акварели лучше!
Лаборатория К4
Binocle
Binocle — это еще один сайт, который использует яркий акварельный эффект в своем дизайне, на этот раз используя очень ярко-розовый / красный, который медленно сливается с темно-розовым / фиолетовым и волшебным образом превращается в миллион птиц. Эффект великолепен, и он действительно помогает выявить истинную силу розового цвета, используемого в остальной части дизайна.
Happy Cog
Мнимые Моменты
Использование акварели в этом дизайне сайта великолепно! Он очень уникален по сравнению с остальными дизайнами в этой витрине и является одним из моих любимых. Мне нравится, как это было объединено с различными другими изображениями и текстурами, и просто общее впечатление от сайта.
Lebloe
Weberica
Weberica, возможно, самый грубый веб-дизайн в акварельном стиле в витрине. Темные, оливково-зеленые цвета подчеркивают прекрасный градиентный эффект, используемый в логотипе, а эти розовые цветы помогают выделить небольшое количество красной типографики, которая используется в остальной части дизайна.
Футбол сделан в Африке
Тайлор Дж. Реймер
Дизайн портфолио Tylor J. Reimer такой простой, но такой красивый. Яркий эффект акварели в сочетании с нарисованной от руки собакой — это замечательно, а нейтральный фон с низким уровнем непрозрачности помогает отделить иллюстрацию от контента сайта.
Полезные ресурсы
- Создайте дизайн сайта в акварельной тематике с помощью Photoshop
Используйте инструмент Art History Brush Tool и пользовательские кисти, чтобы создать модный акварельный веб-дизайн. - Создайте Вдохновленный Окрашенный Фон Природы в Фотошоп
Изучите несколько полезных советов и приемов, создав собственный веб-дизайн, вдохновленный Viget Inspire . - Дизайн макета блога студии акварельного дизайна
Узнайте, как создать чистый и простой акварельный дизайн блога в Photoshop. - Дизайн меню с эффектом акварели
Используя простые приемы, узнайте, как создать потрясающее акварельное меню для веб-дизайна. - Акварельный обзор: 200+ красивых кистей и текстур
Огромная коллекция акварельных кистей и текстур; все, что вам нужно, чтобы начать создавать свои собственные акварельные дизайны. - 500+ акварельных кистей для фотошопа
Еще одна огромная коллекция акварельных кистей, которые вы можете использовать в своих собственных проектах.
Написать Плюс Учебник
Знаете ли вы, что вы можете заработать до 600 долларов за написание учебника PLUS и / или скринкаст для нас? Мы ищем подробные и хорошо написанные учебники по HTML, CSS, PHP и JavaScript. Если у вас есть такая возможность, пожалуйста, свяжитесь с Джеффри по адресу [email protected].
Обратите внимание, что фактическая компенсация будет зависеть от качества окончательного урока и скринкаста.
- Подпишитесь на нас в Твиттере или подпишитесь на ленту Nettuts + RSS для получения лучших учебных материалов по веб-разработке.