—»     —»   Эффект «бокэ» в веб-дизайне: 30 великолепных примеров
  Раздел: Web-дизайн   Комментариев: 1  

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров



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

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

01. Frisk Design

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

02. Sebcreation

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

03. Squarespace

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

04. Vogue

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

05. Designed by Dave

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

06. Newism

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

07. Designphunk

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

08. Crush Lovely

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

09. Portable Light

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

10. Lisa Maya

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

11. Webunder

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

12. Tierra Virtual

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

13. KLAR

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

14. Sattom Media

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

15. Shawn Leslie

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

16. Envato

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

17. Zeemi Design

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

18. 72 Thinking

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

19. Bravura

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

20. Moonit

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

21. PSD 2 Ecommerce

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

22. Masérnicka

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

23. RiteBrainr

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

24. Onvo Media

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

25. Constantin Potorac

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

26. Roxanne Labajo

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

27. DIV Playes

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

28. Traffik

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

29. Eighty8Four

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

30. Unuidesign

Эффект «бокэ» в веб-дизайне: 30 великолепных примеров

Появилось желание создать собственный эффект бокэ?

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

* Эффект «бокэ» в Photoshop
* Эффект «бокэ» в Pixelmator

А еще статья для энтузиастов, которые предпочитают все делать своими руками:

* DIY – создайте эффект «бокэ» своими руками

Ну что вы думаете? Будете использовать данный эффект в будущем, или считаете, что его и так уже достаточно по различным сайтам? Не забывайте делиться результатами в комментариях!
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Mysterious Master   Прочитано (раз): 8066   |   Оставлено комментариев: 1
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 14 октября 2010 @ 04:20
Написал: Sebcreation.com — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Thanks guys. I've designed a new version of my Website for the 5th anniversary :)

JS Rocks !
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц February по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Май 2018    »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
28293031