10 трендов в веб-дизайне на 2015 год
![](https://static.wixstatic.com/media/72c0b2_af1b1c4cfd354f9fa69804688c45ac07~mv2.png/v1/fill/w_51,h_29,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_af1b1c4cfd354f9fa69804688c45ac07~mv2.png)
Праздники закончились, а значит, пришла пора взбодриться и подумать про планы на будущее, грядущие проекты и перспективы. Мы в Wix всегда, сколько себя помним, ждем нового года с волнением и любопытством. Впереди — 2015-й, и он наверняка принесет немало интересного в сферу веб-дизайна.
Разумеется, мы не можем предсказать все, что случится, но кое-какие догадки у нас имеются. Вы же помните, что Wix не только удобная, но и современная платформа, поэтому мы внимательно следим за всем, что происходит, и знаем, куда дует ветер перемен.
Пристегните ремни, дорогие друзья, путешествие в будущее начинается! В этом году нас ждут очень любопытные тренды:
![](https://static.wixstatic.com/media/72c0b2_1cb051278b774c0e81a6fb54d0a9db55~mv2.png/v1/fill/w_65,h_40,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_1cb051278b774c0e81a6fb54d0a9db55~mv2.png)
Материальный дизайн
Разновидность «плоского» дизайна, придуманная компанией Google. В основе идеи лежат традиционные техники дизайна и реальные физические явления, адаптированные под веб. В результате получаются многослойные интерфейсы, способные передавать особенности материалов, освещения и имитировать движения из реального мира. Пример того, как это выглядит, можно посмотреть по ссылке.
Анимация
В течение нескольких лет веб-дизайнеры убеждали онлайн-отрасль избавиться от анимации раз и навсегда, а сейчас она вдруг резко вошла в моду. Что же изменилось? Во-первых, анимационные эффекты стали осмысленными и аккуратными, и дизайнеры поняли, как ими нужно пользоваться. Во-вторых, сейчас эти эффекты делают акцент на движении, переходах и неназойливых подсказках, которые обозначают какое-то действие. Вот здесь можно почитать о том, как добавить анимацию на Wix-сайт.
![Привлекает внимание, правда?](https://static.wixstatic.com/media/72c0b2_4b0ed41849714c8db59fa3903e65a999~mv2.gif)
Призрачные кнопки
Забудьте о ярких кнопках, призывающих к действию. Сейчас в моду входят простые и прозрачные элементы, отделенные от фона тонкой рамкой. Они, как правило, больше, чем стандартные кнопки и находятся на самом заметном месте страницы. Скромный внешний вид вовсе не означает, что такие кнопки никто не замечает и не нажимает, наоборот, людям очень нравится их изящная простота и уместность. У нас, кстати, есть готовый шаблон как раз с такими элементами (а на сайте Urban Cup этот тренд уже используется во всю).
![Призрачные кнопки.](https://static.wixstatic.com/media/72c0b2_582a9e5c2c0e4f3bb42766935dcb4b14~mv2.jpg/v1/fill/w_117,h_71,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_582a9e5c2c0e4f3bb42766935dcb4b14~mv2.jpg)
Сторителлинг
Сторителлинг в веб-дизайне означает, что сайт должен рассказывать посетителям историю — не в буквальном смысле, конечно, а через ощущения, которые возникают у человека в момент просмотра. Для этого можно использовать связанные по смыслу картинки и тексты или интерактивный скроллинг, чтобы читатель был не просто зрителем, но и участником. Существует масса способов рассказать историю при помощи дизайна, и мы надеемся, что в 2015 году этот тренд станет еще популярнее. Отличный пример сторителлинга можно увидеть на этом Wix-сайте.
![Сторителлинг — как передать историю при помощи дизайна.](https://static.wixstatic.com/media/72c0b2_7981f081337a48caa9e3418029b4b004~mv2.png/v1/fill/w_65,h_80,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_7981f081337a48caa9e3418029b4b004~mv2.png)
Карточный дизайн
Более гибкая и демократичная версия так называемого «плиточного дизайна», о котором мир впервые узнал в 2010 году благодаря сервису Pinterest. Карточки сейчас используются в качестве отправной точки для движения по сайту: это анонс того материала, который откроется при клике. В наступившем году карточный дизайн будет развиваться дальше, появятся новые стили и интерактивные опции. Если вы хотите сделать такой сайт, то рекомендуем взять за основу этот шаблон.
![Карточный дизайн.](https://static.wixstatic.com/media/72c0b2_105816e23fd341f8b506321650b457d4~mv2.png/v1/fill/w_65,h_40,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_105816e23fd341f8b506321650b457d4~mv2.png)
Видео в качестве фона
Красивые видео, не ограниченные рамкой видеоплеера, классно смотрятся и вытесняют традиционные фоновые изображения. И неудивительно — это свежо, красиво, с видео можно придумать что-нибудь новенькое и оно хорошо сочетается с идеей сторителлинга, о который говорится выше. Такой фон определяет концепцию всего сайта, оживляет его и создает динамику. Посмотрите сайт Zenit и оцените, насколько это красиво.
![Видео в качестве фона.](https://static.wixstatic.com/media/72c0b2_acca538f20074b2f82259435dbf4dee0~mv2.png/v1/fill/w_65,h_40,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_acca538f20074b2f82259435dbf4dee0~mv2.png)
Скроллинг вместо кликов
Хороший пример того, как мобильные интерфейсы повлияли на веб-дизайн. Распространенность тач-устройств изменила способ взаимодействия со страницами: прокрутка теперь действие привычное, а «кликанье» — менее интуитивный и естественный способ навигации. Сейчас принято размещать контент на отдельной вертикальной странице и делить его не на разделы, а на «экраны». Сайт Madsschou, сделанный на Wix, отлично эту мысль иллюстрирует.
![Интерактивный скроллинг.](https://static.wixstatic.com/media/72c0b2_e453ff2e4ecd4f219148a74f0f6a0590~mv2.png/v1/fill/w_65,h_60,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_e453ff2e4ecd4f219148a74f0f6a0590~mv2.png)
Микровзаимодействия
На веб-дизайн в этом году повлияют новые способы заинтересовывать посетителей сайтов. Логика такая: каждый раз, когда вы просите человека выполнить какое-то действие, рождается взаимодействие. Переход в сторону микровзаимодействий — это попытка создать как можно больше поводов для каких-то небольших действий. Классические примеры — это окошко для e-mail-подписки или фича, с помощью которой можно ставить оценки. Появится ли что-то новое в 2015 году? Готовы спорить, что да.
![](https://static.wixstatic.com/media/72c0b2_e316219cb9c441abbabc1d8b8e7014e9~mv2.jpg/v1/fill/w_117,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_e316219cb9c441abbabc1d8b8e7014e9~mv2.jpg)
Рисунки от руки
Иллюстрации всегда были важным элементом веб-дизайна, но сейчас мы наблюдаем, что предпочтение отдается изображениям, словно нарисованным от руки. Нет, они не выглядят любительскими, а подчеркивают индивидуальность и привносят что-то авторское — то, чего так не хватает «выглаженным» работам профессиональных иллюстраторов. Наши пользователи Джо и Лиза поняли это и украсили свой сайттакими рисунками.
![Иллюстрации на сайте.](https://static.wixstatic.com/media/72c0b2_0141cc1195814fb7b03ca27af12ac877~mv2.png/v1/fill/w_65,h_55,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_0141cc1195814fb7b03ca27af12ac877~mv2.png)
Спрятанные меню
Еще один пример того, как мобильные устройства изменили мир веб-дизайна. На экранах смартфонов и планшетов, как мы знаем, не так много места, а навигационное меню спрятано за иконкой в углу экрана. Дизайнеры попробовали сделать то же самое на большом экране и увидели в этом эстетический и практический смысл. Меню не видно до тех пор, пока в нем нет надобности, а когда есть, то его легко активировать один кликом мышки или просто наведением курсора.