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

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



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







 
Posted by kimdirector | 2014.07.07 | Hit : 3475
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
Best View Contents
Tags
폰트 CIP 모니터 사물인터넷 www 웹브라우저 레이아웃 로고 인포그래픽 모바일 웹 2.0 소모품 홈페이지 레이아웃 프로젝트 IT 성공 모바일 구축 illustrator 아이포느 안드로이드 역량 애플 이벤트 포트폴리오 iOS7 산업 디자인 개발자 웹사이트 메타포 바이널 웹디자이너 소비자 방법론 커뮤니케이션 로고디자인 디자인 스마트폰 Scrolling 사용성 HTML5 웹디자인 페이스북 소셜 네트워크 크롬 pantone 창의적 윈도우 접근성 잠재력 프로젝트매니저 퍼블리셔 의사결정 맥월드 로고 브랜드 분석 DB 솔루션
Tags
애플 프로젝트 커뮤니케이션 캘리그라피 고객 OS 튜토리얼 구글 아이덴티티 일러스트 기록 Scrolling HTML5 퍼블리셔 설득 아이콘 kimdirector 로고디자인 하드 드라이브 윈도우8 웹브라우저 인클루시브 디자인 기업 스마트폰 네이버 CIP 모바일 웹 표준 무료 리더 솔루션 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