Cветовые эффекты для сайтов

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

Весьма заметный эффект, привлекающий внимание, выглядит ярко.

Смесь черного фона с яркими цветами привлекает внимание.

Световые эффекты в верхней части сайта, выделяют заголовок.

Еще один сайт в минималистическом стиле, где ярко подсвечивается заголовок.

Световые эффекты в видел спиралей выглядят потрясающе.

Простой и красивый фон.

В свою очередь хочется поблагодарить проект designreviver за вдохновение и предоставленную информацию в статье  20+ Sites Using Amazing Lighting Effects. Очень красивая подборка получилась, надеюсь, вам понравилась. Кстати, если у вас сразу появились идеи для реализации советую скачать кисти световые эффекты photoshop – пригодится в работе!

P.S. А еще можете скачать Twitter иконки для своего блога.

Понравился пост? Подпишись на обновления блога по Дизайн Мания RSSRSS, Дизайн Мания RSSEmail или твиттерtwitter!
А еще можно опубликовать ссылку на статью в своем блоге:
Опубликовать в twitter.com        

Комментариев - 17 для поста Cветовые эффекты для сайтов
  1. ]]> Сергей Мишалов ]]> (September 3, 2009)

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

  2. ]]> fastfast ]]> (September 3, 2009)

    Да по моему вообще офигенно выходит…

  3. ]]> СерП ]]> (September 9, 2009)

    крууууууутоОоОо….! Вот бы я умел так дизайнить, сразу же себе блог сделал, а то я не могу норм дизайн сделать, а ведь уже идея есть, всё продумано что да как, а вот реализовать в плане дизайна не могу…Сам я html-верстальщик..)

  4. ]]> wicked_kiD ]]> (September 14, 2009)

    2 СерП: одной верстки тут мало)))

  5. ]]> Kombaseros ]]> (September 16, 2009)

    Хорошие наглядные пособия. Попробую нечто подобное сам сделать.

  6. ]]> Макс ]]> (October 27, 2009)

    Неплохие примеры =)
    2СерП: пиши, нарисую дизайн))

  7. ]]> Sadrizkiy ]]> (November 5, 2009)

    красиво,нравятся такие эффекты

  8. ]]> Андрей ]]> (November 25, 2009)

    Глаза режет, если часто такие сайты посещать, глаза быстро устают!

  9. ]]> Fisher ]]> (December 3, 2009)

    в любом случае – красиво!

  10. ]]> Nevri ]]> (December 9, 2009)

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

  11. ]]> pasha0409 ]]> (December 9, 2009)

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

  12. ]]> Евгений ]]> (January 15, 2010)

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

  13. ]]> Женька ]]> (April 23, 2010)

    Придавать-то придают но это голый дизайн не обращающий внимания на вёрстку. А сайт это не только картинки но ещё и код. Почти все из представленных сайтов огромная головная боль для верстальщика + Резиной их не сделать т.к. например круговые градиенты хер растянешь и ещё много чего. Такое решение хорошо для тех. дизайна и полиграфии но не для сайта.

  14. ]]> Павел ]]> (June 19, 2010)

    Здорово! Сегодня сделал шапку для своего блога – думал получилось весьма неплохо… – а сейчас, после увиденного, мне кажется, что я просто дилетант:DD

  15. ]]> AnniM ]]> (November 12, 2013)

    В 2007 сайт нашей фирмЫ выглядел так же. Это было круто тогда. В 2008 на тренингах pajacu в жж нубы учились так делать, и это было круто. А сейчас…

  16. ]]> AnniM ]]> (November 12, 2013)

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

  17. ]]> AnniM ]]> (November 12, 2013)

    зы. это не градиенты. это пнг с уходящей прозрачностью. )

Оставить комментарий
для статьи Cветовые эффекты для сайтов