HOW YOU CAN SUPPORT UKRAINE

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

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

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

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

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

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

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

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

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

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

17 комментариев к статье “Cветовые эффекты для сайтов”
  1. Сергей Мишалов

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

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

  3. СерП

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

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

  5. Kombaseros

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

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

  7. Sadrizkiy

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

  8. Андрей

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

  9. Fisher

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

  10. Nevri

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

  11. pasha0409

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

  12. Евгений

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

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

  14. Павел

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

  15. AnniM

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

  16. AnniM

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

  17. AnniM

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

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

Внимание! Если вы комментируете впервые, текст будет отправлен на модерацию.
Ваш e-mail не публикуется. Обязательные поля помечены *