Тенденции веб дизайна 2012

По устоявшейся традиции пишу очередной пост о тенденциях веб дизайна. Теперь уже на 2012 год. Источники, как всегда, буржуйские, т.к. все плохое новое приходит к нам оттуда. Ну, так тому и быть, значит.

Итак, что нас ожидает в плане веб дизайна в начавшемся 2012 году:

1. Дайте мне круглых! То ли с подачи Google+, то ли намекая на форму календаря древних Майя, но факт на лицо: в 2012 году в моде будет все круглое.

trends2012-1.jpg

Тема на самом деле не нова. Во времена повального увлечения дизайном в стиле web 2.0 круги также имели место быть. Но тогда приходилось использовать исключительно картинки. Теперь же с активным внедрением эффектов CSS3 все это стало намного проще.

Круг — очень сильная фигура. Она моментально притягивает взгляд. Использовать нужно аккуратно и знать заранее, чего конкретно вы хотите добиться и что именно акцентировать. Если бездумно округлять все и вся, получится лишь пестрая мишура и конфетти.

2. Сделайте мне хорошо! Популярно нынче выражение Responsive Interface Design — «приспосабливающийся дизайн». Тема на самом деле довольно спорная и непростая. Кстати, вот интересная статья (англ.).

В двух словах это означает, что среднестатистический пользователь становится все ленивее и нетерпеливее. Ему надо быстро и чтобдуракупонятно. Responsive Interface Design — это такой услужливый камердинер, который метнется за пивом, выгладит фрак, постирает носки, загрузит в iPad парочку свежих игрушек и многое другое. И все это быстро, четко и без лишних телодвижений. Наверное, оно и правильно.

Другими словами, пользователь должен ощущать себя комфортно, и это главное. В помощь разработчику — JavaScript библиотеки вроде MooTools и jQuery, которые должны все это обеспечить.

3. Дайте мне ЭТО поторогать! Тачскрины — это уже такая обыденность, как банальный рулон туалетной бумаги рядом с горшком. Соответственно, народ любит шаловливыми ручонками повозюкать по экранчику туда-сюда чего-нибудь. И здесь уже не обойтись без отдельно-специально-заточенной версии сайта для мобильных устройств, реагирующих на прикосновения.

trends2012-2.jpg

4. Стоять! Бояться! Фиксируем главное меню. Чтобы всегда было перед носом, никуда не уплывало и было в тонусе. Вещь, несомненно, удобная. Всегда под рукой и все такое. Опять же jQuery вам в помощь.

5. Кинг-Конг жив! Элвис тоже жив! Крупные векторные персонажи в дизайне сайтов снова в моде. И чем здоровее, тем лучше. Главное — словить эффект «Ухты!»

trends2012-3.jpg

На самом деле нет особой необходимости рисовать громадный mascot. Вполне будет достаточно небольшой, но уникальной фигуры. Часто, особенно дизайнеры, рисуют самих себя любимых (см. мой сайдбар). И это уже устоявшийся тренд.

6. Мир! Труд! Май! Берем шарики и флажки и машем, машем, машем… Менюшки в виде транспарантов — еще один явный тренд.

trends2012-4.jpg

Благодаря массе появившихся уроков по созданию подобных лент, а также возможности слепить подобное на чистом CSS, баннеры и ленты в дизайне снова в почете.

trends2012-5.jpg

7. Шрифт — всему голова! Ну, кто бы спорил. В связи с мега-популярным в 2011 году трендом по встраиванию нестандартных шрифтов на сайтах появился Google Web Fonts, призванный упростить процедуру подобного встраивания. Соответственно, в 2012 эта тенденция сохранится и нам следует ожидать появления массы новых красивых шрифтов.

trends2012-6.jpg

Вот, пожалуй, основные тенденции веб дизайна на 2012 год. Очевидно, что все стремится к поголовной мобилизации, однако этот вовсе не означает, что будет повсеместно царствовать унылый минимализм. Мобильники потихонечку растут, мобильный Интернет все доступнее и быстрее, а значит, графика никуда не исчезнет, а станет еще красивее, интереснее, цветастее & etc.

Также о тенденциях веб дизайна 2012 можете почитать на блогах designonstop.com и ukrainedesign.net

Похожие записи:

Комментарии (8)

  1. naikom blog

    У меня на сайте есть пара хороших статей про реагирующий веб-дизайн (Responsive Interface Design, как по-английски), и они на русском) так что велкам!

    [Ответить]

  2. naikom blog

    хотя нет, ошибся я похоже, я о Responsive Design, о меняющемся в зависимости от девайса, на котором просматривается сайт

    [Ответить]

    Настя Манно

    @naikom blog, не ошибся, как раз о нем и речь. Ссылку в студию! :)

    [Ответить]

    naikom blog

    @Настя Манно, например статья «Что такое реагирующий веб-дизайн» — http://naikom.ru/blog/archives/4959

    [Ответить]

    Настя Манно

    @naikom blog, отлично! Читаю и понимаю, что пора пересматривать свое отношение к “резиновой” верстке

    [Ответить]

  3. nastasy

    Большое спасибо за статью:)
    Понятно и позитивно!)

    [Ответить]

    Настя Манно

    @nastasy, не за что!

    [Ответить]

  4. Маргарита

    Чем проще сайт, тем легче найти нужную информацию. Автор прав народ стал ленивый и он хочет без лишний движений все найти и увидеть. Вывод, хочешь посетителей на свой сайт, делай его удобным.

    [Ответить]

Пожалуйста, оставьте ваш комментарий. Спасибо!