Тренды веб-дизайна // Дизайн в цифровой среде

#7. Тренды современного веб-дизайна

Приемы и принципы веб-дизайна, которые помогут вам создать современный сайт

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

Контент - это главное

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

Разрабатывая сайты, дизайнеры ориентируются на контент: что нужно сказать? И уже исходя из этого, рисуют интерфейс.

Контент - это и текст сам по себе, и внимательное отношение к редактированию содержания - что человек читает, как и какой объем он способен усвоить.

Пример хорошей подачи содержания. Скриншот сайта buro247.ru

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

Пример хорошей подачи текста: страница не перегружена спецэфектами, но информация легко воспринимается за счет уместных илюстраций, выделения названия раздела и заголовка и разбиения на абзацы.

Сторителлинг

Сразу же ремарка: в данном случае сторителлинг мы рассматриваем не с точки зрения сюжета, не как попытку воспроизвести законы театра или кино. Под сторителлингом мы понимаем то, что люди начали рассказывать о себе. Если раньше было достаточно написать небольшой формальный текст, то сейчас появилось желание рассказать о себе подробне.

"Сторителлинг" дизайн-студи Gin Lane из Нью-Йорка.

Раньше дизайнеры выкладывали несколько макетов в портфолио, подписывали название проекта, указывали заказчика и, в лучшем случае, обозначали цель. Сейчас принято рассказывать, из каких этапов состоял процес дизайна, кто участвовал, какие были найдены интересные решения и почему в итоге получилось так, как есть.

Описание рабочего процесса разработки раздела "Расходы" в интернет-банке "Альфа-Клик". Студия FunkyPunky.

В бизнесе такая же ситуация. Если компания - эксперт, то она не просто обозначает это дежурными фразами, а раскрывает причины и доказывает, почему е сотрудники профессионалы своего дела. Рассказывает основные принципы и этапы работы, объясняет, чем она отличается от других и почему е услуги столько стоят.

В онлайн-журналистике неслучайно стал популярным формат лонгрида. Когда материал действительно интересный, то хочется не просто выложить текст с картинками, а подойти к подаче осознанно и сделать значимый продукт.

Введение

Задача и идея

Дизайн-исследование и фокусировка

Оcновы графического дизайна

Прототипирование

Контент

Дизайн

Чтобы читать дальше, оплатите годовую подписку на Тильду и получите курс в подарок!

Также в этом курсе