a little bit about web-design 2014-2015

1. Тренды web-дизайна
2014 - 2015

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

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

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

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

6. Parallax-эффект и анимация прокрутки
Сайт имеет несколько плоских поверхностей одна за другой, за счет чего
создается «глубина» изображения при их движении относительно друг друга
(активация колесиком мышки, просто движением курсора).
Вот крутые сайты:
artofflightmovie.com
laurentiuswonen.com/jaarvesmartusa.com
beetle.com
liptonicetea.pl
manufacturedessai.it
iutopi.com
reverenddanger.com
netlash-bseen.be
https://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

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

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

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

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

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

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

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

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

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

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

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

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

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