Пн, 9/01/17 – 17:44 | One Comment

Окинув взглядом главную страницу, среднестатистический посетитель сайта доверится впечатлению от дизайна, интерфейса, стиля. Оформленное «на коленке» вызовет рефлекторную реакцию закрытия вкладки – такого …

Читать статью »
CSS верстка

Оформление веб-страницы: css3 html5 приемы верстки сайтов

Дизайн

Веб-дизайн: правила создания и лучшие примеры дизайна сайтов

Wordpress

Wordpress сайту: современные и креативные, шаблоны вордпресс

Интернет магазины

Электронная коммерция, новинки и тренды в E-Commerce дизайне

Свой сайт

О создании оформления сайта, как сделать свой сайт лучше

Главная » Web & Тренды, Дизайн

Размышления о современном веб-дизайне

24 марта 2013 Нет комментариев

Размышляя о трендах современного веб-дизайна, давайте заглянем немного вперед. Сегодня развитие происходит стремительно и большими скачками, а перемены в стилях происходят чуть-ли не ежедневно. Огромное влияние оказали доски вдохновления (inspiring board). Если раньше дизайнер показывал разработки своей бабушке, она кивала головой и получив одобрение дизайнер на том успокаивался. Сегодня же существует много качественных досок вдохновления, таких как ( http://dribbble.com/ ) и ( http://www.behance.net/ ) на которые любой может выложить свои работы и заслужить признание или получить критику от сообщества. Тут представлены и современный веб-дизайн, и лучшие дизайны, реально найти и скачать хорошие html шаблоны, а можно проследить и то, как различные направления менялись со временем.

Дизайнеры просматривают работы друг друга и видя результаты голосований и различные комментарии уже могут делать какие-то выводы.

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

Неплохие времена для веб-дизайнеров.

Но каковы современные тенденции в дизайне сайтов и что нам следует ожидать в 2013 году?

Плоский дизайн

Flat дизайн прочно утвердил свои позиции в настоящее время. Его минималистичные принципы и акцент на юзабилити, а также свободное пространство, четкие грани, яркие цвета и 2-D иллюстрации достаточно часто используются в современном сайтостроении несмотря на новизну самого определения тренда.

В стиле Метро (Модерн), Google и многие другие компании стремятся к простоте и более «плоскому» дизайну. Но не подумайте, что такие графические и текстовые эффекты как Inner Shadow (внутренняя тень), Drop Shadow (отбрасывание тени) забыты навсегда. Нам ведь известно, что основные тенденции в дизайне сайтов имеют свойство цикличности. Скорее эти эффекты можно считать кандидатами на будущие тренды в графическом дизайне.

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

плоский дизайнсовременный плоский дизайн сайтасовременный веб-дизайнтренд flat дизайна

CSS3 Анимация — примеры современных сайтов

HTML5 и CSS3 принесли много новых функциональных возможностей. Современные направления – Flat дизайн и технологии CSS3 идут рука об руку.  Мы видим все больше примеров, когда сайты компаний с различными интерактивными презентациями, а так же веб-приложения и стартапы активно используют CSS3.

современный веб-дизайн: css3 анимация дизайн googleсовременный веб-дизайнсовременный веб-дизайнсовременный веб-дизайн

Иконки и Иллюстрации

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

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

Также сегодня востребован стандарт иконок для отображения адаптивного дизайна сайта, позволяющих визуально подчеркнуть полную функциональность сайта.

современный веб-дизайн: адаптивные иконкисовременный веб-дизайн: плоские иконкисовременные иконки: science-iconбесплатные иконки для сайта