11 основных трендов в веб-дизайне в 2011 году по версии Webdesignledger
21
Наташа Клевер
Веб-дизайн / Тренды
02-02-2011
Обстоятельный обзор от Webdesignledger о том, какие тенденции в веб-дизайне нас ждут в 2011 году. Вообще, я давно заметила, что веб-дизайн очень чутко реагирует на технические новшества в мире. Так 2010 принес нам 3d технологии в фильмах, нашествие айподов и айфонов, фотошоп CS5, а значит и направление развития веб-дизайна будет соответствующее. Поэтому давайте последовательно рассмотрим все основные тренды.
1. Больше CSS3 и HTML5 технологий
Специалисты предполагают, что в 2011 году будет бум использования CSS3 и HTML5 технологий в веб-дизайне, которые неумолимо будут замещать и вытеснять flash технологии. Поэтому сейчас самое время ознакомится поближе с возможностями CSS3 и HTML5, возможности которых очень широки.

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

3. Мобильный дизайн
Головокружительный объем предлагаемых мобильных устройств для потребителей видоизменяет и мобильные стандарты для веб-сайтов. Это значит, что веб-дизайн должен быть адаптирован под различные мобильные гаджеты. Тем более, что аналитики предсказывают превышение в 2011 году количества смартфонов над персональными компьютерами, правда пока не в России.
4. Параллакс эффект
Параллакс эффект – это изменение положения объекта относительно фона, в зависимости от угла зрения смотрящего. Проявляется при скроллинге страницы. То есть создается 3d эффект для пространства на сайте. Делается это чудо помощью простых приемов CSS или JQuery плагинов, например Spritely.


5. Тачскрин вместо мыши
Юзабилити технологии переходят от абстрактных к тактильным ощущениям. Это значит, что теперь для навигации используется не мышь, а кончики ваших пальцев. Достаточно революционное изменение, поскольку весь предыдущий веб-дизайн создавался исключительно для мышек.

6. Трехмерность дизайна
Как и предполагалось, вслед за «Аватаром» Кэмерона 3d технологии перебрались и в веб-дизайн. Сейчас ведущие дизайнеры и студии вовсю пользуются технологиями, воссоздающими глубину и трехмерный объем на экранах мониторов, когда одни элементы на сайте выглядят ближе, а другие дальше.

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

8. Новые доменные имена
Зона .com уже давно потеряла привлекательность, поскольку приходится придумывать названия чуть ли не на языке нави, чтобы найти ту область, которая еще не охвачена зоной .com. Поэтому в 2011 году ожидается подключение более причудливых доменов, таких как .me или us.

9. Электронная визитка QR (Quick Response)
Эти квадратные штрих-коды начинают появляться на сайтах, визитных карточках, журналах. А если сфотографировать этот код мобильной камерой вашего телефона, то с помощью специальной программы телефон распознает в этом коде урл вашего сайта. Также можно использовать и в качестве аватара, например.

10. Предпросмотр страниц в браузере
В поисковой выдаче Google теперь можно посмотреть внешний вид найденной страницы. Для этого достаточно нажать на значок лупы напротив сайта и во всплывающем окошке появится уменьшенный предпросмотр всего сайта. Стоит отметить, что под удар попадают сайты, сделанные на flash технологиях. Поэтому целесообразно замещать некоторые функции flash технологиями CSS3 и HTML5.

11. Социальная активность
В последнее время стало доброй традицией рассказывать о своей онлайн активности и предпочтениях. А именно Твиттер трансляции, присутствие в социальных сетях, всевозможные лайки, каналы следования, аудио и видео предпочтения, онлайн портфолио на различных сервисах. Вся жизнь на виду, как того требует время.

Написать комментарий с помощью формы ВКонтакте
Написать комментарий с помощью формы Facebook
Комментариев (21)
|
Отличная подборка. Ответить | |
|
Спасибо, Наташа, как всегда твои замечательные подборки позволяют держать в курсе новинок и тенденций в веб-дизайне. Даже все больше подумываю о социальной активности. Ответить | |
|
@Vadiem: @Ласочка: @Maria Trudler: Ответить | |
|
@Maria Trudler Ответить | |
|
@Наташа Клевер: На сайте Олега Art-stream я сама ставлю наиболее интересные посты. Замечательный проект, очень мне нравится. Про Твиттер думаю уже серьезно. Аккаунт в фейсбуке у нас был (не лично мой), но не удержались, вытерли. Не могу еще врубиться во все его прелести. Ответить | |
|
@vadiem: Ответить | |
|
@Maria Trudler Ответить | |
|
@Maria Trudler: @Vadiem: Ответить | |
|
@Наташа Клевер Ответить | |
|
@Vadiem: Ответить | |
|
HTML5 и CSS3 не перестает радовать. Понятно что за ними будущее. Единственное что беспокоит это скорость распространения браузеров поддерживающих данные технологии, но думаю года два и уже можно будет без страха и риска использовать у себя. Ну а в целом кончено согласен со всеми пунктами. Только думаю это больше тенденции буржунета а не рунета, хотя мы подтягиваемся )) Ответить | |
|
@Timich: Ответить | |
|
Эта подборка меня просто потрясла! Если о №1 я еще слышала краем уха, то о №4 и 9 даже не догадывалась! Вот теперь даже и не знаю, стоит ли продолжать изучение flash, если мода на него сходит на нет.. Ответить | |
|
@Марина: Ответить | |
|
Второй пункт больше визуально похож на ретро-стайл. Потому что цвета не такие простые (открытые), а очень даже наоборот, к тому же с эффектами потертости. А гаммы – так вообще – старые афиши. Ретро импонирует. PS (очень долго думала, сколько будет 8+9 Ответить | |
|
@Виктория: Ответить | |
|
мои любимые пункты 2, 6(который не обозначен) и 7. ну и в 8 пункте «or» в конце следует перевести) Ответить | |
|
@Паша: Ответить | |
|
Как мне кажется, некорректно говорить о полной замене flash на html5 и css3… Можно говорить о частичной замене flash в каких-либо базовых элементах, в несложной анимации, в простых эффектах, которые раньше можно было реализовать только посредством flash, что в принципе, и написано в статье. Поэтому лучше изучать и то и другое, чтобы можно было реализовать любую задумку. Ответить | |
|
@Виталий: Ответить | |















Ответить
Вордпресс шаблон за 950 руб!
Это все замечательно, привлекательно и прогрессивно. Согласен практически со всем, что тут написано.
…Но, с пунктом 2 – не соглашусь ))) Никакие доводы, пожелания и советы не смогут меня убедить что бело-черно-серая гамма заканчивается в 2011! На это я пойтить не могу! (с) )))