웹을 통해 새로운 창조를 꿈꾸는 인간 - 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
Mobile Life
HOME WEBDESK Mobile Life
구글 I/O (3) : 웹과 모바일을 ‘머티어리얼 디자인’으로 통합
Posted by kimdirector | 2014.07.07 | Hit : 4243
구글 ,I/O 모바일 머티어리얼 디자인
목록보기이전보기
구글이 구글 I/O 기조연설을 통해 발표한 안드로이드 새 버전 ‘안드로이드 L’의 핵심 중 하나는 ‘머티어리얼 디자인(Material Design)’입니다. 훨씬 역동적이고 입체감이 있고 애니메이션을 많이 적용한 것 같고… 이런 정도는 알겠는데 정확한 컨셉을 알기 어려워 구글 디자인팀이 블로그에 올린 내용을 간추려 전합니다.
 
 
 

모바일 기기가 처음 등장할 때만 해도 ‘모바일’이라고 하면 별 거 아니었다. 화면은 작았고, 접속 속도도 느렸고, 기능도 많지 않았다. 모바일 경험은 (웹에 비해) 덜 풍부했다. 그러나 모바일 기기가 진화함에 따라 더 강력해졌고, 빨라졌고, 더 직관적인 형태가 됐다. 디자인도 이런 변화에 맞춰서 해야 한다.
 
구글과 안드로이드는 새로운 형태의 기기로 영역을 넓혀가고 있다. 그래서 모바일, 데스크톱, 그밖의 기기까지 아우를 수 있는 하나의 일관적인 디자인을 내놓는다. 오늘 구글 I/O에서 머티어리얼 디자인을 소개했다. 이는 표면 질감, 과감한 그래픽 디자인, 유연한 동작을 활용해 아름답고 직관적인 경험을 만들어내는 것을 의미한다.
 
머티어리얼 디자인에서는 표면과 음영이 만질 수 있는 것과 움직일 수 있는 것을 설명하는 기반이 된다. 콘텐트가 전면과 중앙에 자리잡아야 하고, 움직임은 의미가 있어야 한다. 작은 손목시계에서 커다란 TV에 이르기까지 아우를 수 있어야 한다.
 
우리는 안드로이드 웨어, 안드로이드 TV, 안드로이드 오토 등에 이 디자인을 적용했다. 이렇게 다양한 범주의 기기에 적용할 앱과 서비스를 개발해야 하기에 우리는 플랫폼을 막론하고 적용할 수 있는 하나의 통합적인 스타일 가이드라인을 만들었다. 오늘 그 첫번째 버전을 내놓았다. 구글 디자인 사이트(google.com/design)에 올려져 있다.
 



 
 
안드로이드 L에서 머티어리얼 디자인
 
머티어리얼 디자인은 안드로이드 L에서 중요하다. 우리는 새로운 머티어리얼 테마를 추가했다. 에 이 테마를 적용하면 새로운 느낌을 준다. 앱에 원하는 색상을 적용하기도 쉬워지고, 새로운 형태의 위젯이나 화면전환, 애니메이션 방식의 반응 등을 가능하게 해준다. 눈높이를 가늠해 앱에 역동적이고 실시간으로 반응하는 음영을 표현할 수 있다.
 
발표내용은 여기까지… 알쏭달쏭 합니다. 디자인 컨셉 자체가 다소 추상적일 거라고 생각하지만 디자인 문외한한테는 어렵습니다. 간단히 말하자면 손목시계부터 TV, 자동차까지 기기가 다양해지면서 기기 종류와 크기에 유연하게 적용될 수 있는 일관된 디자인, 역동적이고 입체적인 디자인인 것 같습니다. 구글은 G메일, 캘린더 등 자사의 내이티브 앱에 머티어리얼 디자인을 적용해 보여줬습니다. 발표 화면 첨부합니다. (끝)
 







 
Posted by kimdirector | 2014.07.07 | Hit : 4243
Origin http://kwang82.hankyung.com/2014/06/io-3.html
Tags 구글 ,I/O 모바일 머티어리얼 디자인
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=Mobile_Life&no=71

COMMENT
목록보기 이전보기
WEBDESK
Design Review
Webdesign Report
Web Plan Report
Design Inspiration
Mobile Life
Web Standard
Recommend Site
Insight Story
Popular 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
관리 모바일 Caliper GUI 영화 CIP 아이콘 프레임 Draft 경영자 디자인 일러스트 플래시 개발자 디자이너 이벤트 리뉴얼 GNB 프로젝트 관리자 로고디자인 비즈니스 UI 하이터치 아이패드 공모전 신뢰 계획 iOS 구매 윈도폰 모바일 인재 IKONS RIA 배려 웹기획 무료 글꼴 협업