웹을 통해 새로운 창조를 꿈꾸는 인간 - 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 : 8975
모션 애니메이션 모바일 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 : 8975
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
데이터 디자인 솔루션 IE6 자바스크립트 린스타트업 모바일 리뉴얼 생각 html 웹사이트 폰트 모바일 앱 디자인 스터디 로고디자인 유저인터페이스 조직 Parallax 일러스트 레이어 갤러리 터치 셔터스톡 BIP 웹브라우저 기업 이커머스 가이드 IT 인포그래픽 어플리케이션 SNS 소프트웨어 웹아이덴티티 홈페이지 벡터 HTML5 kimdirector