Градиент в интрефейсе

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

Фон
Часто вижу в онбордингах или на фоне общего контента внутри интерфейса. Но нужно быть осторожным, чтобы не переборщить и не получить сложно воспринимаемую штуку.

Карточки
Хорошо смотрятся с крупным текстом и цифрами.

Кнопки
Опасная история, но если нужно выделить какую то очень важную кнопку, например, покупка подписки, то будет выглядеть эффектно и привлекать внимание.

Иконки
Обычно в крупных используют 40x40, где градиент идёт подложкой, а сама иконка монохромная.

Анимация
Понравился переливающийся текст в Airbnb, привлекает внимание к инфе. Так же классно градиент смотрится в loader при загрузке.

❤️ — полезно
🔥 — люблю градиенты
🤚 — не люблю градиенты

Вчера гуляла по вот такой локации, называется «Кроличья нора». Впечатлили тоннели внутри которых транслируют видео. Если вы присмотритесь то, увидите соединённые между собой экраны, они прикреплены на полу, стенах и потолке.

Такие пространства дизайнеры проектируют по схеме: сначала отрисовывают 3D модель тоннеля, чтобы встроить его в интерьер, затем делают развертку поверхности в плоскую 2D карту, примеряют на неё сделанную в After Effects анимацию, чтобы всё было чётко в размер. Готовую анимацию режут на части под каждый экран, учитывая разрешение и ориентацию.

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

❤️ — красиво
🔥 — интересно

Психологические эффекты в проектировании интерфейсов

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

Эффект Зейгарник
Люди лучше запоминают незавершённые действия или прерванные, чем завершённые.

Например, видят прогресс-бар в профиле и стремятся заполнить инфу на 100%; выполнить до конца все задания и получить приз. Везде, где будет что-то не завершённое, послужит триггером для пользователя довести начатое до конца.

Эффект IКЕА
Люди ценят больше то, что сделали самостоятельно или хотя бы чуть-чуть поучаствовали в создании.

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

Эффект ореола
Общее впечатление влияет на восприятие всего остального.

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

Эффект дефицита
Люди придают больше ценности труднодоступным и ограниченным вещам.

Наверняка встречали в интерфейсах, надписи в карточке товара «осталось 3 шт» или «акция проходит только сегодня», так вот это оно.

Вау-эффект
Эффект, который вызывает у человека сильные положительные эмоции.
Например, классная анимация или новая крутая функция в приложении.

Какой эффект вам нравится больше всего?

❤️ — использую эти эффекты
🤚 — буду использовать
🔥 — полезно

Друзья-коллеги

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

Да, и вообще общий метч заряжает делать классные штуки и превращает работу в удовольствие. Особенно вот эти моменты, когда решаешь навести суеты, подходишь или пишешь внезапно коллеге: «Вот у меня есть идея, как думаешь сможем?» И он тоже загорается и отвечает: «Конечно, давай делать!».

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

Работа это всё-таки не только задачи и проекты, но и, конечно, люди. Если после ухода в другое место остаются добрые знакомые, это успех я считаю!

А как у вас рассказывайте, остаётесь на связи с коллегами из прошлых мест работы? Есть чатики, где продолжаете общаться?

❤️ — остаюсь на связи
🔥 — есть чатик
⭐️ — попрощались и забыли друг друга

Это было не просто смело…

Команда из Омска, решила соединить скевоморфизм, градиент и Liquid Glass в дизайне интерфейса финансового трекера.

Для кошелька с картами можно самому выбрать текстуру. На нём так же замечены жидкие кнопки, а ещё они есть в TapBar.

В целом выглядит аккуратно. А вы что думаете?

❤️ — красиво
🔥 — смешанные чувства
⭐️ — плохо