​​Метафоры в дизайне

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

1. Цвет 🎨 Если мы говорим о брендовых цветах, то тут всё просто. Основные цвета уже должны что-то значить и передавать, например Nike Running Club, который использует яркие и энергичные цвета, такие как оранжевый, желтый и красный, чтобы создать динамичность и атмосферу мотивации. Эти цвета ассоциируются с энергией, активностью и движением, что помогает передать метафору спортивного тренинга и достижения целей. Если взять сам интерфейс, то тут очень важен контраст, поэтому само приложение использует минимум цветов для подложек и всё сильно монохромное.

2. Форм-фактор 🧊 Возьмем самый тривиальный пример, Tinder. Он использует форму «карточки» для отображения профилей пользователей, которые можно листать влево или вправо, чтобы выразить свою заинтересованность или отклонить. Эта форма создает ассоциации с «карточными играми» и добавляет игровой аспект к метафоре знакомств.

3. Композиция и контент 🧺 В Airbnb композиция из объявлений о сдаче жилья, фильтров и отзывов создает метафору «побывать в гостях, как у себя дома» или «жить как местный». Читая про хозяина квартиры, ты можешь погрузиться в его мир и побыть им пару дней в его квартире, но при этом ты не ощущаешь себя на доске объявлений. А инвестиция в фотосъемку дала возможность по-новому посмотреть на обычные квартиры.

4. Анимация 🥊 Реакции в Google Meet, которые не только посылаются, но и группируются и показывают супер-эффект, когда несколько участников отправляют одинаковые эмоции. Это отличная история, которая позволяет передать эмоциональную реакцию аудитории. Сюда также можно добавить реакции на посты из Facebook и Telegram.

На картинке культовый дизайн Eames Lounge Chair, где взяли метафору бейсбольной перчатки.