웹을 통해 새로운 창조를 꿈꾸는 인간 - kimdirector
www.kimdirector.co.kr Photo by unsplash.com
kimdirector
Creative Web & Mobile UI/UX Planner and Designer
Humans dreaming of new creation through the UI/UX



WEBDESK
Design Inspiration
HOME WEBDESK Design Inspiration
다양한 형태의 모션을 이용한 디자인 사례
Posted by kimdirector | 2015.03.20 | Hit : 9538
모션 애니메이션 모바일 GIF
목록보기이전보기
스마트폰을 사용하면서 가끔 느끼는 것들 중에서 재미있는 효과 또는 신기한 효과들을 볼 때면 나도 모르게 감탄사를 연발할 때가 있다. 이런 느낌을 가질 수 있는 것은 이 분야에서 일을 하고 있기 때문일 것이라 생각한다.
 
일반 사용자들에게는 다양한 사용자 경험(UX)을 제공하여 보다 쉽게 인지할 수 있고, 재미있는 요소와 흥미를 유발할 수 있다면 좋을 것 입니다. 
 
모바일 환경에서 모션 또는 애니메이션을 활용하여 구현된 다양한 앱들을 소개한다.
 
물론, 실제로 구현되지 않은 것들도 있지만, 충분한 가능성을 가지고 있는 것들일 것이다. 또한, 안드로이드 디자인 컨셉인 머트리얼 디자인을 활용한 구현방식도 눈여겨 볼만한 것들도 있다.
 
다만, 모션이나 애니메이션이 많이 들어갈수록 베터리 소모량이 커질 수밖에 없을 것도 현실이지만 한두가지 정도에서 활용된다면 조금은 나은 모바일 환경을 만들 수 있지 않을까 생각한다.
 
소개하고 있는 GIF 애니메이션으로 만들어진 것들이기에 디자인이나 개발할 때 유용한 참고자료가 될 수 있을 것이다.
 
 
Material Design Menu animations by Virgil Pana
 
 
Sidebar Animation by Jacub Antalik
 
 
Binary Game
 
 
Seconds+
 
 
Delivery Card
 
 
News App
 
 
DodgeIt - The Color Balls Game
 
 
Map interaction by Rally Interactive
 
 
Day/Night Toggle Button by Tsuriel
 
 
Share Results
 
 
Circle Game Menu
 
 
Game Loading Intro
 
 
Large Screen Navigation
 
 
Comic App Design
 
 
Power Chart by Kingyo
 
 
Onboarding for Müzo
 
 
Dashboard
 
 
Survey Platform Graph Design
 
 
Share Animation
 
 
Animated Infographic
 
 
Flat Label Form Interaction
 
 
Pull Down To Refresh
 
 
Energy Predictions
 
 
Contacts Screen
 
 
iOS Card Animation
 
 
Profile Cards iOS App
 
 
Onboarding Animation
 
 
Search Animation
 
 
Animated Check-in Button
 
 
Search Animation
 
 
Animated Tab Bar Icons
 
 
Sign Up Transition
 
 
Chat iPhone App Design
 
 
Chat Screen by Ramotion
 
 
Contact Sync by Ramotion
 
 
Progressive Reduction Swift module by Ramotion.
 
 
Profile Gallery Design
 
 
Balance Graph
 
 
Google Material Design
 
Small Universe Android Wear app design
 
 
City Guides for iPad
 
 
Delayed / On Time
 
Posted by kimdirector | 2015.03.20 | Hit : 9538
TAG 모션 애니메이션 모바일 GIF
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=DesignInspiration&no=71

COMMENT
목록보기 이전보기

WEBDESK
Design Review
Webdesign Report
Web Plan Report
Design Inspiration
Mobile Life
Web Standard
Recommend Site
Insight Story
Best View Contents
Category Cloud
About us Review Portfolio Design Review Leaders Story Mobile UXD  IT Information Web Identity Everyday Story Mobile Life Webdesign
Web Standard Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site
Tags
디자인 벡터 B2B 무료 확장 프로그램 디자이너 Low-code 스마트폰 HTML5 이미지 O2O 인간 홈페이지 공감 관리자 사람 자질 패키지 jQuery UX 자바스크립트 비주얼 인스펙터 모바일 메신저 피싱 브레인스토밍 크리에이티브 간절함 플래시 RIA 속도 퍼블리셔 플래시 윈두우 스마트 관리 소프트웨어 PC 그래픽디자인 플랫폼 두리하나 구글 크롬