7 примеров дизайн-концепций с ui анимацией созданных в InVision Studio
Современный дизайн — это сочетание креативности, прорывного мышления и технической смекалки. Нам нравится, что появляется все больше инструментов, которые ускоряют воплощение безумных фантазий и полезных идей в жизнь.
Продуктовый дизайнер (UX/UI), веб-дизайнер и бренд-дизайнер. Опыт проектов в международных компаниях Omega-R (агентство) и iSpring Solutions (продуктовая) и со стартапами по всему миру. Преподаватель курсов «UI-дизайн и анимация интерфейсов» и «Веб-дизайн» в Институте программных систем и godesign.school.
Июн 3, 2020 · 2 мин читать
Иллюстрация Lisa Champ: https://dribbble.com/shots/10188401-Drive-Coffee-Nitro-Cold-Brew-Can
В подборке сегодня дизайн-концепции с Dribbble, все они сделаны в InVision Studio, поэтому заодно посмотрите некоторые фишки этого инструмента в работе. А если хочется насыщенной практики по UI, заглядывайте в новый обзор курсов по UI-дизайну и анимации.
Идея реализации от Rum вполне может пригодится для реализации онбординг экранов в одном из ближайших проектов.
4. Транзишн эффекты
Silvia Sguotti создал интересный эффект, который может позволить себе каждый.
5. Коммуникация с помощью моушн дизайна
Oxygenna создал интересный эффект, который привлекает внимание к проблеме облысения нашей, пока еще зеленой, планеты.
6. Анимация в веб-приложениях
Tyler Wain создал захватывающий моушн-микс из ярких цветов и геометрических фигур для для Designed.org, некоммерческой организации, которая помогает дизайнер развиваться под руководством наставников.
7. Анимация интерактивной инфографики на дашбордах
А в этой анимации Anton Tkachev продемонстрировал, как можно живенько подать сухие факты и привлечь внимание к важным моментам.
Продуктовый дизайнер (UX/UI), веб-дизайнер и бренд-дизайнер. Опыт проектов в международных компаниях Omega-R (агентство) и iSpring Solutions (продуктовая) и со стартапами по всему миру. Преподаватель курсов «UI-дизайн и анимация интерфейсов» и «Веб-дизайн» в Институте программных систем и godesign.school.
«Проводник» в мир UI-анимации. Анимационный процесс, инструменты создания анимации, фундаментальные принципы UI-анимации, передача параметров анимации в разработку. Здесь вы найдете советы, которые помогут оживить макеты, улучшить пользовательские сценарии, создать обратную связь от интерфейса и проработать эмоциональные нюансы взаимодействия с пользователем.
Посты в категории Анимация интерфейсов
Будущее моушн-дизайна в интерфейсах | Глава 4
Ольга Жолудова
4 июля 2020
10
Посты в категории Анимация интерфейсов
Как добавить ui-анимацию в дизайн-систему: обогащаем движением uikit | Глава 3
Ольга Жолудова
4 июля 2020
8
Посты в категории Анимация интерфейсов
Анимация в интерфейсах: 7 фундаметальных принципов UX-анимации | Глава 2
Ольга Жолудова
4 июля 2020
5
19 000+ участников – здесь ваши друзья, напарники и новые идеи