웹을 통해 새로운 창조를 꿈꾸는 인간 - 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 : 7868
목록보기이전보기
스마트폰을 사용하면서 가끔 느끼는 것들 중에서 재미있는 효과 또는 신기한 효과들을 볼 때면 나도 모르게 감탄사를 연발할 때가 있다. 이런 느낌을 가질 수 있는 것은 이 분야에서 일을 하고 있기 때문일 것이라 생각한다.
 
일반 사용자들에게는 다양한 사용자 경험(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 : 7868
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
UX 접근성 사이트 고독 설정 ColorPicker 로고 기업 UI 플래시 로고 웹 2.0 포토샵 UI 윈도우7 CSS iOS 디자인팝 디자인 데이터 psd 블로깅 프로파일 안드로이드 비즈니스 웹사이트 어플리케이션 기획 캐주얼 디자이너 GUI 협업 효용성 솔루션 트렌드 글씨체 웹디자인 OS X 공짜 혁신 언어 메일폼 로고디자인 네이버 CIP 플랫 디자인 트렌드 이벤트 미래 B2B 웹디자이너 무료 올림픽 홈페이지 목표 유형 서비스 사회적기업
Tags
프로젝트 웹 표준 모바일 디자이너 아웃소싱 마인드 솔루션 리더 윈도우7 김수신 성형외과 인터랙션 Pixel Ruler 안드로이드 2015 홈페이지 삼성 프린터 이벤트 창의력 무료 HTML5 로고 크롬 로고디자인 트렌드 다운로드 사파리 isTalk 포트폴리오 무료 메일폼 관리 명언 디자인 디자인 캘리그래피 파워포인트 사회적기업 BIP 대중 css UI
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