Дизайнер интерфейсов

Подумайте об устройствах, которые будут использоваться. Если предполагается значительный мобильный трафик, то следует заранее продумать адаптивный интерфейс. Недаром несколько лет назад была столь популярна концепция Mobile ?rst, предлагающая сделать адаптивный дизайн для мобильных устройств и только после этого приступать к веб-версии.

Продумывая адаптив, заранее решите, как должна вести себя навигация. Самый популярный вариант – свернуть всё в бургерное меню. А что делать, если у него два уровня? В этом случае одно меню можно спрятать, а другое отображать в виде горизонтальной прокрутки. Всё зависит от конкретной задачи.

Делайте первые наброски на бумаге, так как в графическом редакторе трудно избежать перфекционизма и не уделять внимание мелочам. Ваш набросок не должен быть четким (мои вообще, кроме меня, никто не поймет). Главное – отобразить все свои идеи и выбрать от одной до трех наиболее перспективных. Не останавливайтесь на первой попавшейся, а подумайте еще. Многие полагают, что первая идея, пришедшая на ум, – правильная, хотя такая позиция больше смахивает на лень. Первая идея может оказаться лучшей, как и вторая, третья и четвертая. И чем больше их будет, тем лучше. Вполне возможно, в итоге вы соберете микс из нескольких идей, который и возьмете в работу.

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

При разработке фреймворка не нужно придумывать оригинальное решение, – конечно, если вы не ставите своей целью выиграть конкурс. В большинстве случаев лучше использовать работающую структуру, которая прошла проверку в реальном мире. Мы видим много интересных концепций на дизайнерских площадках, но редко встречаем что-либо похожее, скачивая приложение или открывая сайт. Сами подумайте, сделался бы аккаунт Apple популярным на Dribbble, если бы не имя компании? Скорее всего, он набрал бы несколько тысяч подписчиков, но не стал бы суперуспешным, как люди, проектирующие футуристические концепции. Возможно, что-то из этого и будет работать в дальнейшем, но задача дизайнера – решать задачи настоящего, думая о будущем, а не витать в облаках.

8. Поиск визуального стиля

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

Миссия компании Ferrari – создавать спортивные автомобили с итальянским дизайном, которые будут одинаково хороши и на спортивной трассе, и на шоссейной дороге. Таким образом, Ferrari погружает водителя в атмосферу скорости, даже если тому приходится скучать в пробках.

Схожая история со многими модными брендами. Например, рюкзак Louis Vuitton – показатель роскоши, о чем говорят не только подобранные цвета (преимущественно золотой и черный), но и общественное мнение (преимущественно ошибочное). Благодаря правильному обрамлению, когда вы прикасаетесь к бренду, кажется, будто ваш статус повышается.

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

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

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

8.1. Определение посыла

Мне регулярно пишут начинающие специалисты. Часть из них просят прокомментировать портфолио, дабы получить несколько советов. Один человек обратился с просьбой дать оценку его проекту (сайт компании, которая продает матрасы). Несмотря на хорошую логику и визуал, в работе чего-то не хватало. Немного подумав, я понял, что матрасы – вещь воздушная, которая ассоциируется с отдыхом и сном, а из-за выбранного серого фона и грязных теней ощущения легкости не возникало. Я посоветовал тому дизайнеру выбрать более теплые тона и мягкие шрифты, чтобы правильно передать посыл. Потенциальный покупатель даже не задумается об этом, но в подсознании у него, несомненно, сформируется определенный образ. Задача визуального стиля – создать правильное впечатление.

За годы жизни в обществе потребления у нас в голове сформировались цветовые ассоциации, о которых дизайнеру полезно знать. Вот самые популярные:

Красный – опасность, страсть, волнение, энергия.

Оранжевый – свежесть, творчество, авантюра.

Желтый – оптимизм, задор, игривость, счастье.

Зеленый – натуральность, природа, здоровье.

Синий – общение, надежность, спокойствие.

Фиолетовый – величие, духовность, таинственность.

Коричневый – польза, честность.

Розовый – женственность, сентиментальность, романтичность. Черный – утонченность, формальность, роскошь, печаль.

Белый – чистота, простота, минимализм.

Но не нужно становиться их заложником. Когда вы создаете новый бренд, взять нетипичный цвет или стиль будет отличным маркетинговым ходом. Выбрав в качестве своего логотипа яблоко, Apple выделила себя среди конкурентов, коих и тогда было достаточно. Сами посмотрите: прошло уже более сорока лет, но до сих пор яблочный логотип отличается от большинства ИТ-компаний.

Virgin Group, основанная Ричардом Брэнсоном, выбрала красный цвет и взлетающее вверх написание логотипа, чтобы передать черты эксцентричного основателя. В конгломерат входит множество компаний из различных областей (от издательства до космического туроператора), и все они используют одни цвета и один посыл, потому что ключевую роль в определении визуального языка играет не сфера деятельности, а философия бренда.

8.2. Поиск стиля

Определившись с посылом, можно приступать к поиску вдохновения. Но прежде чем перейти к практическим советам, я хочу напомнить одну очень важную вещь.