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

Навигация с помощью прокрутки становится всё популярнее

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

Главная страница — не единственное место, где навигация с помощью прокрутки становится всё более популярной. Поскольку чрезвычайно длинные сайты с прокруткой (то есть одностраничные сайты) становятся популярнее, преимущества прокрутки растут, и эта модель начала появляться во многих местах помимо главной страницы, таких как страницы «О нас» и страницы товаров, и все они стали простыми способами отображения различного контента. Например, веб-сайт iPhone 6 от Apple использует навигацию с помощью прокрутки во многих разделах, чтобы продемонстрировать различные функции и производительность продукта. Кроме того, веб-сайт iPhone 6 также добавляет плавные анимации, чтобы сделать опыт прокрутки визуально более привлекательным.

Сторителлинг + интерактивность

Для веб-сайта наличие потрясающего контента всегда критически важно, а использование этого контента для рассказа истории — большое преимущество. Веб-дизайн в 2015 году, вероятно, будет сосредоточен на том, как рассказывать истории пользователям. Например, сайт Space Needle (знакового ориентира в Сиэтле, США) очень красив: он знакомит с фактами о Space Needle через сторителлинг, поддерживаемый дизайном со скроллингом. Space Needle также демонстрирует ещё одну тенденцию 2015 года — интерактивность. Веб-дизайн добавляет больше интерактивных и анимированных элементов, чтобы помогать представлять контент уникальными и увлекательными способами. Добавление интерактивности и анимации в веб-дизайн может привнести в ваш сайт элемент неожиданности. Например, сайт Impossible Bureau очень интерактивен и реагирует на ваш скроллинг и наведение курсора.

Отсутствие фоновых изображений hero

В последние несколько лет фоновые изображения hero были очень популярны в веб-дизайне, часто с текстовыми подписями поверх них, и они — первое, что видят большинство посетителей при просмотре веб-сайта. Если фоновые изображения hero так популярны, как ваш сайт может выделиться? Пойдите противоположным путём. Некоторые сайты, появившиеся недавно, идут против тенденции, не используя фоновые изображения hero. Полагаю, они делают это не только потому, что не хотят следовать тенденции, но и потому, что стремятся улучшить производительность и скорость своего сайта. Сайт New Wave Company воплощает эти характеристики. Он приветствует посетителей крупным заголовком, большим текстом, выровненным по центру страницы, но за заголовком нет большого фонового изображения. Это элегантный подход, и он не менее эффективен, чем другие популярные дизайны сайтов, использующие большие фоновые изображения.

Удалите ненужные элементы дизайна

Существует философия дизайна, согласно которой дизайн сайта завершён, когда удалены все несущественные элементы. В 2015 году, я думаю, мы увидим, что эта философия будет отражена лучше, поскольку всё больше сайтов пытаются упростить свой дизайн, удаляя ненужные элементы оформления. Удаление больших фоновых изображений на сайте New Wave Company — один из лучших примеров. Ещё один отличный пример удаления ненужных элементов оформления для обеспечения чистого сайта — сайт Rareview Digital Agency, который также не использует большие фоновые изображения в шапке для приветствия посетителей. Дизайнеры фактически устранили многие элементы оформления, популярные на современных сайтах, такие как фоновые цвета, многочисленные изображения и сложные макеты. Вместо этого они выбирают более ясный, простой дизайн сайта, который выделяется среди современных сайтов, ориентированных на дизайн, изображения и цвета.

Центрированный макет сайта фиксированной ширины

За последние несколько лет большинство сайтов использовали макет на всю ширину, который позволяет изображениям или визуальным расширениям полностью отображаться по всей области просмотра браузера. До того как эта тенденция стала популярной, большинство сайтов имели фиксированную ширину, содержимое центрировалось на странице, и можно было видеть края сайта с обеих сторон. Тенденция фиксированной ширины, похоже, возвращается в более современном виде, за исключением того, что сайт и его содержимое больше не находятся у краёв области просмотра; некоторые сайты выбирают максимальную ширину, чтобы их содержимое оставалось центрированным в области просмотра. Так обстоит дело с сайтом Michele Mazzucco.

Профессиональная высококачественная фотография на заказ

Стоковые фотографии всё ещё занимают своё место в дизайне, но на большинстве современных сайтов их заменяет высококачественная профессиональная фотография, обычно уникальная и созданная на заказ специально для сайта. Использование фотографий на заказ — это более значительный шаг вперёд в дизайне, чем просто подбор стоковых фото; это делает ваш сайт уникальным, и другие сайты не могут использовать те же фотографии. Например, пользовательские фотографии на сайте Grain and Mortar используются в его hero-секции, что создаёт персонализированный эффект, потому что люди и офисные сцены на фотографиях — реальны в Grain and Mortar; в конце концов, не существует стоковых фото фальшивых офисных пространств!

Всплывающие/выезжающие меню в стиле приложений

Адаптивный веб-дизайн популярен уже довольно давно, но до недавнего времени большинство веб-дизайна было сосредоточено на том, чтобы сайты лучше выглядели на настольных устройствах, оставаясь лишь приемлемыми на телефонах или планшетах. Независимо от устройства, адаптивный веб-дизайн движется к лучшему пользовательскому опыту. Мы видим, как этот элемент дизайна переходит на мобильные устройства и используется всё шире. Например, 24ways и Rawnet демонстрируют эту концепцию, добавляя адаптивные меню в стиле приложений ко всему сайту, а не только к устройствам с меньшими вьюпортами. В этом случае эти два сайта выбирают вертикальные меню, выровненные слева или справа, а не горизонтальное меню вверху, что заставляет их вести себя больше как всплывающие/выезжающие меню приложений. Этот приём позволяет использовать веб-приложения и адаптивный дизайн на меньших вьюпортах.

Скрытое главное меню

Это очень похоже на всплывающие/выдвигающиеся меню приложений, о которых говорилось выше. Я ожидаю, что всё больше сайтов могут скрывать главное меню от посетителей, зашедших впервые. Эти скрытые меню показываются только тогда, когда посетитель готов продолжить и нажать соответствующую иконку. Этот приём адаптивного дизайна начинает появляться в дизайне сайтов, не только при меньших размерах области просмотра. Новый сайт Brian Hoff Design — лучший пример. Он использует иконку-гамбургер в правом верхнем углу сайта, чтобы скрывать навигацию, пока посетитель не нажмёт на неё. За последние два года такое поведение постепенно стало приниматься, и посетители привыкли делать это в веб-приложениях или мобильных приложениях. Он применяет этот шаблон на своём сайте, что помогает сделать сайт простым и полностью функциональным независимо от размера области просмотра.

Очень крупные шрифты

В 2014 году типографика играла важную роль во многих дизайнах сайтов, и я не вижу признаков того, что эта тенденция изменится в ближайшее время. Но в 2015 году, я вижу, что заголовки и шрифты на сайтах становятся всё больше и больше. Если утрировать, даже самолёты в небе, возможно, смогут увидеть текст на земле. Когда вы посещаете сайт Tiny Giant, вы увидите очень крупные шрифты. По сути, это заявление, которое трудно не заметить. Крупная типографика продолжит играть важную роль в веб-дизайне в 2015 году как способ усилить визуальную иерархию для посетителей. Посетители сначала видят самые крупные шрифты, потому что они первыми привлекают ваше внимание.

Производительность и скорость

Многие тенденции дизайна обусловлены необходимостью ускорять загрузку сайтов и снижать потребление трафика. Большинство тенденций, обсуждаемых в этой статье, могут требовать уменьшения размера сайтов, чтобы найти более быстрые способы загрузки для пользователей мобильных телефонов, планшетов или медленных сетей. Веб-дизайнеры и разработчики всё больше осознают вес своих сайтов и то, как пользователи взаимодействуют с ними. Адаптивный веб-дизайн помог смягчить эти проблемы. Такие факторы, как низкая скорость сети и типы устройств, заставляют дизайнеров и разработчиков уделять пристальное внимание размеру файлов и сайта, а скорость загрузки сайтов варьируется в разных сетевых условиях. Неудивительно, что 2015 год требует бесшовных сайтов, которые загружаются быстрее и не имеют задержек.

Источник: Tencent Technology