Тенденции дизайна сайтов

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

Давайте рассмотрим основные направления  моды на дизайн сайтов, сложившиеся в последнее время.

Фон из пластика

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

Для создания такого фона широко используются градиенты с мягкими неконтрастными переходами цветов одной цветовой гаммы.  Например, градиент из #EAEAEA в #DFDFDF создает устойчивое впечатление пластика. А если задать через CSS 3 небольшую прозрачность этих оттенков и подложить под них мелкую матовую текстуру, то вид будет просто неповторимый.

Сферические элементы

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

Получить крупные и мелкие круги в оформлении сайта, с приходом в нашу жизнь CSS 3, стало ещё проще. Отпала необходимость использовать изображения в качестве фонов к блокам. Закругленные углы и стопроцентные окружности задаются в  каскадных таблицах стилей, и даже последние версии Internet Explorer отображают их правильно. Однако до сих пор не существует единого правила показа скруглений для всех браузеров. Для каждого из них нужно писать отдельный селектор.

Однако будьте осторожны с кругами! Не перебарщивайте, не «рисуйте» на одной странице слишком много круглых блоков. Это может расстроить утвержденную концепцию дизайна сайта и изменить отношение пользователя к нему.

Фиксирующиеся элементы

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

Создать меню с определенным местом положения можно разными способами, и наиболее распространенный из них – это CSS. В стилевой таблице можно задать «жесткие» координаты блока с помощью специальных, широко распространенных, селекторов.  Можно, так же к таким блокам, для большей привлекательности, присоединить анимацию JavaScript. Оба самых популярных в нашей стране поисковика используют такие блоки на своих страницах для того, чтобы отображать на ней поле ввода поисковой фразы.

Больше интересных «фишек»

О JavaScript мы уже упомянули в предыдущем абзаце. И не случайно. Популярность  этого языка программирования увеличивается с увеличением мощности домашних компьютеров и другой техники, с помощью которой пользователи смотрят сайты. Последним очень нравятся «фишки», реализованные с помощью JS на разных ресурсах. Чего стоят только раздвигающиеся формы поиска, различные переключатели, полосы прокрутки, анимированные элементы навигации и много всего другого, что можно реализовать с помощью этого нехитрого, легкого для освоения инструмента.

Шрифты

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

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

Графические элементы.

Очень модно в этом сезоне при верстке дизайна использовать графические элементы из нашего прошлого. Это могут быть транспаранты, ленты, флажки с неровными краями, развевающиеся баннеры-растяжки. А еще основным трендом этого сезона стали так называемые  крупные контрастные цветные «Маскоты», выполненные в стиле векторной графики начала нулевых годов. Предназначение такой громадной фигуры может быть разным, от простого эффекта «Вау!!!» до выполнения сложного функционала, реализованного через программный код.

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