Эмоциональный Саша

Эмоциональный дизайн на сайте Apple 🍎
#emo_app, ep. 17

Релиз iPhone Duo – отличный способ пересмотреть лендосы на сайте Эпла и понять, что тащат они не только качественными 3D-рендерами, но ещё и топовыми решениями:

✦ Метафоры для продуктов, которые усиливают впечатление от продукта: айфон про – надёжный, как швейцарские часы сталь, и яркий, как отражение метала (слайд 3);

✦ Яркая и динамичная типографика: анимация в шрифтах, которая отражает характер девайса;

✦ Бесшовный сторителлинг: много текста упаковано так, чтобы его хотелось листать дальше, а пользователь не терял фокус и сфокусировался на желании приобрести продукт Эпл.

Так что знаменитое «Сделать как у Apple» – это не просто сделать вращающиеся тридешки и добавить кучу анимаций. Важно передать вайб и усилить лучшие стороны продукта, чтобы его хотелось скорее приобрести 🥸

Бесшовный сторител как можно крутить новый айфон – вайб 🤩

Неправильно ты, дядя Фёдор, молоко выбираешь 😈

Вышка эмодизайна в Bump 🤩

Вам не нужен эмоциональный дизайн, если он ради ✅

Если хочется визуально улучшить макеты, то добавлять иконки в текст стоит осмысленно:

✦ Иконки усиливают текст – так мы считываем смыслы легче и снижаем когнитивную нагрузку с чёрного полотна текста;

✦ Иконки заменяют часть текста / слово – это когда вместо «Карта доставлена» пишем «💳 доставлена».

Удачные примеры лежат тут →

Ну и сволочь ты, Человек-Паук 😡

⚡️ Открываю набор на курс «Практика эмоционального дизайна в мобильных приложениях»
10 мест • Старт 16 августа • 2,5 недели

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

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

Именно этим мы будем заниматься на курсе:
✦ Погрузимся в современные тенденции создания лучших интерфейсов на рынке (почему одни приложения мы любим и помним, а другие даже не замечаем)
✦ Изучим эмоциональный дизайн в теории и на практике
✦ Будем создавать свой проект на выбор с 0
✦ Научимся генерить вайбовые идеи и применять их на экранах
✦ Положим в своё портфолио 7+ экранов

На интенсиве я дам понятный маршрут, как и где можно применять приёмы эмоционального дизайна, чтобы вы собирали проекты, которые украдут сердечко не только пользователей, но и других дизайнеров и эйчаров 😺

🏁 Все места забронены, следующий поток скорее всего в октябре

Whoop напоминает нам, что все наши большие достижения и перемены начинаются с маленького шага 🔥

5 визуальных подходов при создании концепции интерфейса с нуля 🤩
Или отрывок из 4-й лекции к практике эмоционального дизайна

В Choice Studio было главное требование к сотруднику: надо быть универсальным солдатом:
— Тридешник должен уметь в анимацию и знать After Effects;
— Графический дизайнер – рисовать от руки, собирать брендинг и придумывать нейминг;
— Дизайнер интерфейса – придумывать визуальный стиль и айдентику для сайтов и приложений (я был тут).

С готовыми компонентами в фигме, продуктовой частью и дизайн-системами всё понятно – хорошо, когда они есть и заказчик всё прислал😺

А что делать, когда дизайн-системы ещё нет, нет нового брендинга, картинок, 3D, шрифтов, цветов, а есть только задача и белый лист 375 на 812? Везде использовать белый фон и серые плашки с 3D-картинками???

Тут-то и начинается главный затык дизайнера и страх белого листа: в какой концепции мне работать, какой визуальный стиль подойдёт этому сервису? И тут единственного правильного ответа нет – тут больше про ощущения, позиционирование продукта и тенденции рынка.

И если понимать разницу между стилистиками, то правильный выбор визуального направления поможет построить отличную эмоциональную связь с пользователем за счёт кайфовой эстетики 🔥