Тренды в веб-дизайне 2015 года

Плоский дизайн (flat design)

2014 год принес нам это замечательное направление и веб-дизайн в наступающем 2015 будет с вероятностью 99% развиваться под эгидой плоскости.

Полноэкранные фоновые изображения и видео

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

Приятно, что разработчики все больше стремятся использовать на своих сайтах HTML5-ви­део, вместо морально устаревающих flash-роликов. В пользу возможности просмотра на мобильных устройствах игнорировать такой переход невозможно.

«Призрачные» («ghost») кнопки

Если что-ни­будь од­но­вре­мен­но ми­ни­ма­ли­стич­но, при­вле­ка­тель­но и ре­а­ги­ру­ет на на­ве­де­ние мыши, оно про­сто обя­за­но быть на вашей стра­ни­це. «При­зрач­ные» кноп­ки, не имеющие бэкграунда без наведения, со­че­та­ют все эти свой­ства, и это вы­во­дит их в фа­во­ри­ты среди веб-ди­зай­не­ров. Они ве­ли­ко­леп­ны и при­вле­ка­ют вни­ма­ние кли­ен­тов имен­но туда, куда нужно.

Material Design

Многие знают о Material design, представленном Google на Google I/O летом 2014. Что это такое? Разработчики интернет-гиганта характеризуют Material Design как еди­ную кон­цеп­цию по­стро­е­ния ло­ги­ки ра­бо­ты и внеш­не­го вида сер­ви­сов и при­ло­же­ний в новой яркой и от­зыв­чи­вой ма­не­ре. Ее цели и прин­ци­пы вы­гля­дят чер­тов­ски мно­го­обе­ща­ю­ще, и это опре­де­лен­но тот тренд, к ко­то­ро­му стоит при­гля­деть­ся.

Наблюдать его "наступление" можно уже в Play Market и в новой ОС Android 5.0.

Превосходство прокрутки над кликом

То, чего я так долго ждал - наконец-то пользователи поменяли что-то в своем восприятии контента на сайтах, и теперь нет необходимости пытаться "впихнуть" в первый экран максимально много информации. Если вы всё ещё ду­ма­е­те, что нужно обя­за­тель­но уме­стить всё на одну стра­ни­цу, чтобы поль­зо­ва­те­лям не при­ш­лось ни­че­го кру­тить — вы опре­де­лен­но от­ста­ли от жизни. Про­крут­ка дав­ным-дав­но одер­жа­ла без­ого­во­роч­ную по­бе­ду над кли­ком.

Пер­вые стра­ни­цы долж­ны быть на­столь­ко со­дер­жа­тель­ны, на­сколь­ко это воз­мож­но, и тем не менее не перегруженны. Как следствие - среднестатистическая страница в Интернете становится все длиннее. Поль­зо­ва­те­ли на­хо­дят про­крут­ку вниз ин­ту­и­тив­но более по­нят­ной, так как это поз­во­ля­ет про­ве­сти боль­ше ди­на­ми­че­ских вза­и­мо­дей­ствий. Вдо­ба­вок, по­сколь­ку любое мо­биль­но-ори­ен­ти­ро­ван­ное ре­ше­ние неиз­беж­но встре­ча­ет теп­лый прием, про­крут­ку при­ня­ли с рас­про­стер­ты­ми объ­я­ти­я­ми как поль­зо­ва­те­ли, так и ди­зай­не­ры.

Круглая кнопка-индикатор процесса

Кноп­ка, ко­то­рая может вести себя как ин­ди­ка­тор про­цес­са при от­прав­ке дан­ных. Она со­зда­ет ощу­ще­ние немед­лен­ной об­рат­ной связи, и за­од­но эко­но­мит место.

Микровзаимодействия

В сле­ду­ю­щие несколь­ко лет мы уви­дим, что ру­тин­ные дей­ствия типа под­пис­ки на рас­сыл­ку или про­став­ле­ния рей­тин­га, всё чаще будут ре­шать­ся через мик­ро­вза­и­мо­дей­ствия — в про­тив­ном слу­чае для них могли бы по­на­до­бить­ся от­дель­ные стра­ни­цы. Мик­ро­вза­и­мо­дей­ствия уси­ли­ва­ют во­вле­чен­ность поль­зо­ва­те­ля и, по­хо­же, ди­зай­не­ры уже это осо­зна­ли, по­сколь­ку в по­след­нее время по­яви­лось огром­ное ко­ли­че­ство тем и пла­ги­нов с их ис­поль­зо­ва­ни­ем.

Плавные переходы

Это от­лич­ный спо­соб по­ка­зать кар­тин­ки типа «до и после». The Guardian ма­стер­ски ис­поль­зо­ва­ла их в своём ма­те­ри­а­ле о вы­сад­ке со­юз­ни­ков в Нор­ман­дии. Сайты за­строй­щи­ков недви­жи­мо­сти, ди­зайн-сту­дии и т.п. могут ис­поль­зо­вать плав­ные пе­ре­хо­ды, чтобы отоб­ра­жать про­гресс в своей ра­бо­те.