TGViewer
Channel Public Channel
юай

юай

@uimotion

Канал про анимации и взаимодействия в интерфейсах.

Автор @pecherits4 – арт-директор в Beta Disrupt, дизайнер и жюри Awwwards.

dr: dribbble.com/pecherits4
ig: instagram.com/uxdesigner.im
Subscribers
1.34K
Photos
36
Videos
259
Links
114

Showing posts older than #357 · Back to latest

Older Posts 6 shown
Post #351 733
Моушн в деталях • Selection_12

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

← Предыдущая

@uimotion
  • ❤ 13
  • 🔥 7
  • 👍 4
Post #350 557
Следующая подборка "Моушн в деталях" будет ощущаться примерно как вот этот видос 😄
  • 😁 14
  • ❤ 3
  • 👍 3
Post #349 710
Была проделана колоссальная работа, но получилось плохо

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

А что если я вам скажу, что наткнулся на ситуацию, когда все наоборот?

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

Однако, с точки зрения разработки, проект реализован достаточно компетентно. На вопрос «Как много эффектов и анимаций вы хотели бы добавить?» ответ очевидно был «ДА», и в итоге ребята «навалили» просто все что только можно: проявления текстов по символам с искажениями, анимации частиц на некоторых страницах, а также блюры, всевозможные маски и бесшовные транзишены.

Увидеть настолько мощную реализацию у столь безвкусно скомпонованного дизайна было как минимум неожиданно. Этот кейс в очередной раз подтверждает простую вещь — чтобы получить качественный продукт с приятным пользовательским опытом, нужна сильная экспертиза как у команды дизайнеров, так и у разработчиков. Иначе получается одно из двух: либо классный дизайн с топорной реализацией, либо что-то вроде The Obsidian Assembly.

***

Cайт из поста:
https://obsidianassembly.com/

@uimotion
  • ❤ 11
  • 👏 8
  • 👍 4
Post #343 860
Подборка транзишенов 💡

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

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

← Про транзишены

P.S. Ссылки на все сайты из этого поста вы можете найти в комментах.

@uimotion
  • ❤ 10
  • 🔥 9
  • 👍 3
Post #338 749
Моушн в деталях • Selection_11

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

Все это в новой подборке микровзаимодействий.

← Пред (11) След →

@uimotion
  • ❤ 12
  • 🔥 6
  • 👍 4
Post #337 808
Проекты ради портфолио 💫

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

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

Однако, есть дизайнеры, у которых почти все портфолио состоит из таких работ.

Наткнувшись недавно на очередной новый сайт от Victor Work я подумал: «Круто, но это опять сайт для портфолио». Более того, изучив его аккаунт на Awwwards, я увидел, что только 3 из 15 залитых проектов являются клиентскими, а остальные созданы для получения наград на платформе. Да, они прикольные, креативные и визуально сильные, но при этом явно не дают ощутимой отдачи в целом.

Если рассуждать логически, то если эти проекты действительно настолько классные и Victor с них получает огромное количество заказов, то почему же тогда почти каждый новый сайт за последние годы это его личный проект? Где те сайты, что сделаны для клиентов с таким же креативным подходом?

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

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

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

***

Cайт Victor Work из поста:
https://sleep-well-creatives.com/

@uimotion
  • ❤ 12
  • 👍 6
  • 🔥 4
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →