웹을 통해 새로운 창조를 꿈꾸는 인간 - kimdirector
www.kimdirector.co.kr Photo by unsplash.com
kimdirector
Creative Web & Mobile UX Planner & Designer


웹을 통해 새로운 창조를 꿈꾸는 인간
Humans dreaming of new creation through the web
WEBDESK
Design Inspiration
HOME WEBDESK Design Inspiration
다양한 형태의 모션을 이용한 디자인 사례
Posted by kimdirector | 2015.03.20 | Hit : 7893
목록보기이전보기
스마트폰을 사용하면서 가끔 느끼는 것들 중에서 재미있는 효과 또는 신기한 효과들을 볼 때면 나도 모르게 감탄사를 연발할 때가 있다. 이런 느낌을 가질 수 있는 것은 이 분야에서 일을 하고 있기 때문일 것이라 생각한다.
 
일반 사용자들에게는 다양한 사용자 경험(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 : 7893
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
Tags
아바타 로고 웹진 벡터 모바일 표현 디자인 로고디자인 솔루션 사용성 HTML5 체크리스트 OS 기획자 파트너 사업계획서 생각 소셜 시대 UX 기획자 LQ 전자칠판 리더십 스포카 인스타그램 애플 전략 iOS 배경이미지 고퀄리티 직무 모바일 isTallk 이메일 저작권 퀄리티 무료 이미지 사이트 웹디자인 인터페이스 프로젝트 웹사이트 Flash 프랭클린 고딕 IT부서 리더십 드림웹 간편결제 프로그래밍 아웃룩 고객 서비스 영감 Example PNG 디자이너 소프트웨어 웹진 커뮤니케이션 이메일 iPhone 제작 도구 성공
Tags
에버노트 SW Effect Pixel Ruler 접근성 스크롤 고객 웹소켓 Mobile 게임 html 웹표준 이벤트 협업 사진 자바스크립트 홈페이지 3D 로고디자인 Social IT 관리자 스케치 엑셀 디자인 HTML5 로고 스마트폰 블로그 웹퍼블리셔 IT 브라우저 PM 칼라 메일폼 배경이미지 Flash 마크업 오페라 CIP 접근성 마크업
Category Cloud
About us Review Portfolio Design Review 
Leaders Story Mobile UXD IT Information
Web Identity Everyday Story Mobile Life
Webdesign Report Web Standard Homepage Work
Web Plan Report Practical Use Tip Design Inspiration
Dowmload Review Recommend Site
Search
Contact us
Phone : 010-8555-0503
E-mail : kimdirector@gmail.com