Невозможно не заметить влияние Интернет-технологий на нашу повседневную жизнь. Сложно представить успешный бизнес, у которого бы не было страницы в глобальной сети. Но у медали есть и обратная сторона – ведь нужно как-то выделиться среди миллионов сайтов, переполняющих web пространство.
Говорят, книгу не судят по обложке. А вот пользователи сайт по внешности и удобству судят. Поэтому специалисты в области web дизайна постоянно расширяют арсенал своих «трюков», чтобы получать все более качественный результат.
Все чаще дизайнеры используют векторную графику. Все потому, что файлы мало весят и, при этом, отлично масштабируеются и выглядят на экранах с любым разрешением (включая суперчеткие экраны xxhdpi). Единственное проблема — они не поддерживаются некоторыми старыми версиями браузеров.
Навигация
Продуманная и удобная навигация делает сайт дружественным к пользователю, позволяя убедиться, что каждый быстро найдет то, что ищет. Современные дизайнерам нравится использовать:- Необычную, Креативную навигацию, которая позволяет создать уникальный способ перемещения по разделам сайта.
- Мега — Меню. Занимает много места, но позволяет увидеть больше. Это хорошее решение для сайтов с большим количеством уникального контента.
- Простую/Минималистичную навигацию – наверное, самый модный вариант. Довольно часто встречается. В отличие от предыдущего тренда, этот посвящен сочетанию максимально эффективного использования пространства и удобства. Скорее всего, эта тенденция вдохновлена мобильными устройствами. Такие меню быстро сворачиваются, разворачиваются лишь при необходимости и зачастую используют иконки вместо текста.
- Фиксированные навигационные меню особенно актуальны для сайтов, использующих скроллинг – еще один мега-популярный тренд. Обеспечивают молниеносный доступ к меню в любом месте в любое время.
Скроллинг
- «Бесконечный» скроллинг отправит Вас в путешествие по странице, которое никогда не закончится. Ну или почти никогда. Часто этот прием используется на сайтах, где много изображений, которые постепенно подгружаются при продвижении к нижнему краю страницы. Популярность этого тренда также можно объяснить всеобщим фокусом на мобильных устройствах. Правда, стоит задуматься, оправдано ли использование бесконечной прокрутки в Вашем конкретном случае.
- Параллакс-скроллинг — новая фишка, которую сложно сделать хорошо. «Лучше один раз увидеть, чем 100 раз услышать».
Стильная типографика
Сегодня дизайнеры стремятся использовать красивые, креативные и уникальные шрифты. Они также отдают предпочтение большим размерам, чтобы текст был легко читаем, и responsive оформлению, заботясь о владельцах мобильных устройств.- Рукописные
- Mix & Match
- Плоские
Плоский дизайн
Он повсюду — это просто король трендов! Плоский дизайн действительно IN и позиции свои сдавать, похоже, не собирается. Как и у большинства последних тенденций, смысл в том, чтобы получить «clean look», фокусируя внимание на содержании.Цветовые схемы
- Яркие решения, в которых используется большое количество ярких оттенков. Обычно такую схему используют в сочетании с плоским дизайном.
ImaginaNasFerias
- Монохром. Это вариант для ценителей простого и гениального. Дизайнеры также используют трехцветные комбинации, добавляя к классическому сочетанию «белый + черный» яркий цветовой акцент.
Одностраничные сайты/Целевые страницы
Новый растущий тренд – создание «продающих страниц» или же «landing pages». В основном такие сайты носят рекламный характер и по сути являются развернутым коммерческим предложением. Выглядят они обычно очень ярко и активно побуждают к действию.
Разнообразный контент
Никому не захочется задерживаться на скучных однообразных текстовых страницах, если только вы – не Wikipedia. Сейчас можно встретить сайты и приложения, которые содержат минимум текстовой информации. Самый разумный подход к типу контента – использовать широкий арсенал средств, чтобы донести информацию. Стоит включить и изображения, и видео, и текст, добавить немного скроллинга – посетители вашего сайта наверняка останутся довольны.Больше движения!
Анимация и видео-бэкграунды делают страницу более живой и динамичной. Это затягивает посетителей и подталкивает к взаимодействию с сайтом.
Allwomestalk
Большие изображения
Это даже не тренд, а какая-то новая традиция. Часто на изображения накладывают фильтры с эффектом размытия, похожие на те, что так востребованы модными пользователями социальных сетей.Lunet Eyewear
Плитка
Плиточный лэйаут завоевал сердца современных пользователей и дизайнеров. И, кажется, это надолго. Он очень удобен для размещения большого количества медиа, а также отлично работает в рамках адаптивной верстки. Добавляем красивых шрифтов, используем четкие картинки, гармонично их сочетаем – и готово. «Дешево и сердито».Мыслим мобильно
Ни минуты без смартфона! Мобильный трафик растет как на дрожжах, поэтому сайты просто НЕОБХОДИМО адаптировать. Свежая концепция «mobile first» даже подразумевает создайние дизайна сначала для маленьких экранов, а потом уже — для больших. Кому-то нравится, кому-то — нет, однако этот подход позволяет оставить только самое необходимое, избавившись от «еще вот этих трех картинок». В целом, есть три пути решения «мобильного вопроса»:- Респонсив — контент автоматически адаптируется под размер экрана. Самый простой и наименее затратный вариант.
- Мобильная версия — на входе пользователя перебрасывает на мобильный сайт с отдельным URL. По факту у вас будет 2 сайта, которые надо поддерживать.
- Мобильное приложение, которое нужно устанавливать на устройство. Лучший вариант для сайтов, где посетитель активно взаимодейтсвует с содержимым, выполняет действия (пример — eCommerce).
Минимализм
Отсутствие лишних деталей, присущее минимализму помогает подчеркнуть то, что действительно важно. Маленькие аккуратные иконки, простые меню навигации… Такие сайты выглядят просто, в них много воздуха и свободного пространства. У этого подхода есть еще один немаловажный плюс: сайты загружаются довольно быстро, что особенно актуально при невысокой скорости работы Интернет-соединения.