вДля вдохновения

Использование сложных текстур в дизайне (30 примеров)

Сегодня хотелось поговорить о использование массивной графики на сайте, а конкретно о текстурах, паттернах и сложных переходах. На самом деле, здесь главное не переборщить, что к сожалению редко получается. Ниже представлены 30 примеров правильного и гармоничного использование текстур. Конечно же, недостаток есть, такие сайты много весят, а как следствие медленнее загружаются, что очень не любит google, также читабельность таких сайтов как обычно не очень высока. Так что прежде , чем использовать сложный дизайн подумайте, а сможете вы сделать так, чтобы всё было на высоте.

1. Five Cent Stand. Простой, но в тоже самое время наполненный сайт как дизайном так и контентом, использование большого количества графики и текстур не привело к провалу, а наоборот создало что-то гармоничное и необычное.Five Cent Stand

2. Carlos. Тёмный фон полный текстур, плавно вливается в центр экрана.Carlos

3. Team Fannypack. Газетный стиль — один из самых сложных, т.к. эти сайты и так наполнены информации и перегружать их какой-либо графикой не стоит, но не в этом случае. Дизайн получился как нельзя правильным.Team Fannypack

4. Портфолио веб дизайнера Helmy Bern наполнено различными цветами, текстурами и переходами, с одной стороны сайт кажется тяжёлым, а с другой стороны это не мешает ему привлекать внимание.Портфолио веб дизайнера Helmy Bern

5. Студия «3 культура» использует светлый и кремовый гранжСтудия "3 культура"

6. Agency Ball. Использование бумажной текстуры и необычных шрифтов с различными размерами.Agency Ball

7. Tangled Decals. Использование большого, даже можно сказать чрезмерного, количества текстур и цвета.Tangled Decals

8. Джош Суливан использует текстуры вдохновлённые природой.Джош Суливан

9. Dog House Cards. Простой современный дизайн с использованием ненавязчивой текстуры дерева.Dog House Cards

10. Corvus Art. Цветной дизайн с использованием текстур.Corvus Art

11. Snopp. Минималистический стиль, использование текстуры картона в фоне.Snopp

12. Hugs for Monsters. Богат как на цвета, так и на текстуры и графику.Hugs for Monsters

13. Фильм Kim. В шапке используется жёлтый цвет с наложением паттерна, который проглядывается и в тёмных местах сайта.Фильм Kim

14. Графический дизайнер Cooper. Геометрические формы, сложный фон и использование паттернов при создании шапки.Графический дизайн Cooper

15.  Jumbalaya (Приложения для iPhone и iPad). Использование гранжа и текстур.Jumbalaya

16. Всё для дизайна. Правильное использование шумов и текстур.Всё для дизайна

17. Word Refuge. Очень простой дизайн с одной стороны, но с другой стороны использование текстур и паттернов придаёт своего шарма.Word Refuge

18. Get Review App. Использование простого фона в виде бумажной текстуры.Get Review App

19. Vector Stories. Использование свежих и интерактивных элементов.Vector Stories

20.Ecoki. Использование нескольких различных структур.Ecoki

21. Приложение Калейдоскоп. На сайте используется сочетание текстуры и паттернов, а также необычные большие шрифты.Приложение Калейдоскоп

22. Аудио реклама. Сочетание винтажа и кремовых текстур.Аудио реклама

23. Милли Доусет на своём сайте использовал цветочные принты и светлые текстуры.Милли Доусет

24. Франческо Малецци. Использование деликатных бумажных текстур.Использование сложных текстур в дизайне (30 примеров)

25. Kritzelmusic. Простой, выполненный в минималистическом стиле дизайн, наполненный текстурами.Kritzelmusic

26. Bright Creative. Простой, наполненный светло и тёмно коричневыми текстурами дизайн.Bright Creative

27. Justincosgrove. Фон состоит не только из сложных переходов и текстур, но и из теней. Тем самым дизайну придаётся необычный вид.Justincosgrove

28. Kylemkramer. А это прекрасный пример того, как текстура в первую очередь выделяет текст, а не привлекает к себе внимание.Kylemkramer

29. Sprout Fund. Как вы заметили, область под контент не имеет особых дизайнерских вставок, она выполнена в простом стиле, чтобы не мешать пользователям читать, а вот шапка и сайдбар отличились.Sprout Fund

30. Dropr. Использование сложных структур, текстур и графики — придало сайту 3D объёма.Dropr

Автор:

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *