Тренды web-дизайна

2014 - 2015

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

(«сенсорный дизайн»).

«Плоский» дизайнПерекликается с адаптивным – простота отображения информации и картинок.

Плиточная навигацияТа же песня другими словами – плоско, просто, адаптивно.

Интерактивные эффектыТипа всплывающих табличек, подсказок, описание объекта или увеличение

картинки по наведению курсора и т.п.

Parallax-эффект и анимация прокрутки

Сайт имеет несколько плоских поверхностей одна за другой, за счет чего создается «глубина» изображения при их движении относительно друг друга

(активация колесиком мышки, просто движением курсора).

Вот крутые сайты:artofflightmovie.comlaurentiuswonen.com/jaarvesmartusa.combeetle.comliptonicetea.plmanufacturedessai.itiutopi.comreverenddanger.comnetlash-bseen.behttps://www.naturaplan.ch/de/bio-in-der-schweiz/schweizer-bio-hof/spaziergang-rund-um-einen-schweizer-bio-bauernhof http://www.sweez.com.br/#a_sweez

Большие изображенияНа весь экран – вместо фона. И мало текста.

Гибкая типографика…и «призрачные» кнопки

Технологии – анимация HTML5/CSS3

Расцвет вебграфикиПредоставление информации в графическом виде.

…и по мелочи:Тонкие шрифты Контурные иконки

круги Адаптация под ретину – неразличимые пиксели

Туманные цвета Заливка сплошным цветом

Прилипающая шапка сайта Таймлайн а-ля соцсети (например, для новостей)

Ссылки без подчеркивания Подгрузка контента при скролле

Размытый фон Живой блюр

Видео на фоне Полигональность

Большой интерлиньяж и разрядка

Меню в иконке (из мобайла) Тонирование изображений