Подготовка к созданию сайта Прочее

Каким будет веб-дизайн в 2017?

4_via_6

Если Вы – разработчик или заказчик лендингов, Вам наверняка хочется, чтобы конечный результат выглядел привлекательно и современно, а также эффективно привлекал новых клиентов. Поэтому структура и оформление сайта имеют огромную важность. Новые приемы появляются постоянно. На какие из них обратить внимание в 2017 – читайте в нашем сегодняшнем материале.

2016 год стал годом победившего «плиточного» веб-дизайна, минимализма и скроллинга. Какие из этих и других трендов сохранят свою популярность, а какие канут в небытие? Попробуем разобраться.

Вертикализация

Мобильные устройства находятся в центре внимания веб-разработчиков уже пару лет. Именно из обязательной оптимизации под маленькие узкие экраны и растут ноги у поднадоевшего уже засилья вертикальных паттернов. Не поймите неправильно, когда пользователь скроллит – это прекрасно. И когда Ваш сайт выглядит одинаково красиво и на широкоэкранном ноутбуке, и на смартфоне – это тоже замечательно. А вот когда во имя гаджетов Вы жертвуете удобством всех остальных и просто помещаете текст с изображениями по центру, оставляя по бокам огромные полосы пустого места – это не дизайнерский ход, это халтура. Так что «вертикализуйте» с умом!

Скриншот 2017-02-10 10-37-59

Вот так, например, организовывать информацию явно не стоит! Посмотрите, сколько пространства пустует

Больше плиток

Блочные интерфейсы, тысячи их, и не только в интернете. Старый ход художников «замени все объекты квадратами и посмотри, что получится», используемый ими для построения композиции будущей картины, неожиданно пошел в народ и стал популярен сам по себе. И вроде бы, с какой стороны ни посмотри – одни плюсы:

  • Упорядоченно, стильно, модно, молодежно.
  • Удобно для просмотра на планшетах и прочих айфонах (по крупным кнопкам проще попасть пальцем, чем по текстовым ссылкам).
  • Бесшовно работает на любых экранах.

Короче говоря, рекомендуем. Только не забудьте про умеренность и чувство вкуса.

example_of_design

Только ситхи возводят блоки в абсолют

Видео, анимация, иллюстрация

Люди любят глазами. Эту простую истину создатели веб-страниц наконец-то приняли к сведению и начали активно применять на сайтах любой сложности: от многостраничных порталов до простеньких landing pages. Помните, лучше один раз увидеть, чем сто раз услышать!  Так что советуем не отставать и взять на вооружение видеоролики, наглядно демонстрирующие преимущества Вашего товара изображения (как фотореалистичные, так и нарочито схематичные), а также разнообразные симпатичные фишки наподобие анимированных переходов между экранами-слайдами и эффектов, появляющихся при нажатии на отдельные элементы.

Само собой разумеется, все вышеперечисленное должно быть профессионально нарисованным/сфотографированным/снятым, поэтому не экономьте на визуальной составляющей. О том, что бывает, когда хочется «дешево и симпатично», мы уже писали (спойлер: ничего хорошего).

b0004fcdff-original

Вы же не хотите, чтобы Вашу продукцию ТАК рекламировали? Тогда не жадничайте

Из этой же оперы – повальное увлечение иконками. Они, безусловно, хороши в качестве небольших иллюстративных элементов, органично дополняющих Ваш текст. Но есть одно «но» — никакие, даже самые выверенные и самоочевидные (на Ваш взгляд) условные графические обозначения не должны существовать на Вашей странице сами по себе. Почему? Потому что используемые Вами символы – суть знаковая система, однако отнюдь не универсальная. Откуда посетителю знать, что именно Вы (а скорее, Ваш дизайнер) подразумевали под тем или иным значком? Вот и мы думаем, что неоткуда. Так что не забывайте про пояснительные надписи – за ними будущее.

Интерактив повсюду

А вот это реально классный тренд. Без шуток. Все мы любим исследовать – используйте это прекрасное свойство человеческой души! Всплывающие подсказки, 3d-модели, которые можно повертеть и покрасить в разные цвета, онлайн-игры – все это и многое другое позволит сделать ваш веб-сайт более интерактивным, а значит, более интересным для пользователя. Превратите посещение сайта в приключение! Звучит несколько претенциозно, но это вполне решаемая задача.

TetraPak_max_800x0px_viki

Интерактивности покорны все: от производителей  упаковки для молока…

FRmyY6k1

…до краевых администраций

И наконец…

The last but not the least, как говорят англичане, пятый тренд наступившего года – типографика (или тайпографика, или даже фонтографика – кому как нравится). Это каллиграфия двадцать первого века. Шрифты становятся важным элементом веб-дизайна, не теряя при этом своей утилитарности. Красиво, но в то же время удобочитаемо – вот первая заповедь нового года при выборе начертания букв. Никакого Times New Roman (если только Вы не планируете набрать им длинный текст, тогда можно), и, Боже упаси, никакого Comic Sans без нужды! В большинстве случаев лучший выбор – что-нибудь минималистичное. Если берете несколько разных шрифтов, следите, чтобы они сочетались между собой. Чтобы не получилось вот так:

Screenshot_1

 

Итак, что же мы имеем в итоге? Большинство тенденций этого года – логическое продолжение того, что было на пике популярности в прошлом сезоне. Если вы еще не применяли описанные нами техники, самое время начать, чтобы не оказаться в числе аутсайдеров. А относительно того, как именно это сделать, VIA может дать Вам только один совет: знайте меру и опирайтесь на здравый смысл. А лучше всего обратитесь к профессионалам, которые точно приложат к созданию Вашего лендинга все усилия!

comments powered by HyperComments
Похожие записи
5_via_3
Как веб-дизайн способствует конверсии?
4_via_3_5
Как сформулировать и продать свою ценность
Семь главных веб-технологий для современного лендинга | Блог
2017-02-21 11:11:22
[…] Вам добиться всего вышеперечисленного, мы недавно писали. Сегодня предлагаем поговорить о более технической […]