메뉴 바로가기 본문 바로가기
상단으로 이동

스터디룸

Enjoy our interesting and informative contents.

구글의 새로운 디자인 철학 Material Design

  • 7103
  • 2014-10-24

구글에서 새로 발표한 매터리얼 디자인(Material Design)이 계속 이슈가 되고 있는데

 

혹시 들어 보셨나요??

 

 

 

 

 

도대체 이게 뭘까??라고 생각했었는데요.

 

저처럼 궁금하신 분들을 위해서 자세한 소개 들어갑니다!ㅋㅋ

 

<다양한 플랫폼에서의 Material Design>

 

 

구글의 새로운 디자인 철학 “Material Design”

 

 

구글이 최근 디자인에 중점을 두어 대대적으로 개편한

 

매터리얼 디자인(Material Design)을 발표해 이슈가 되고 있습니다~

 

 

 

 

매터리얼 디자인이란

 

 

 

이름 그대로, 물질의 질감이나 광원 효과, 그림자 효과 등을 통해 깊이감을 더한 것입니다.

 

 

 

화면 안에 종이가 겹쳐있다고 가정하고 이 종이를 접고 구부리고 움직여서 화면을 구성하는 방식으로,

 

스마트폰과 데스크톱 뿐만 아니라 TV, 스마트워치에 이르는 다양한 스크린에서

 

일관된 사용자 경험을 제공하도록 합니다.

 

 


1.색상

 


 

 

 

색상은 현대 건축, 도로 표지판, 노면 표시 테이프, 운동경기장 등의

 

영감을 얻은 주목도가 높은 선명한 색상을 사용하였다. 

 

 

그림자와 하이라이트를 더해 요소를 강조시켰고,

 

대비가 큰 색 조합과 중요도에 따라 특정 요소를 강조하기 위해

 

 색상의 명도와 채도를 달리 사용하였습니다.

 

 

 

 

 

 

2. 타이포그래피

 

 

아이스크림샌드위치가 발표된 이후로 Roboto는

 

 안드로이드의 기본 서체로 사용되어왔습니다. 

 

 

 

이번버전에서는 Roboto폰트가 폭이 좀더 넓어지고 둥글어져서

 

더 많은 플랫폼에 맞게 최적화 되었습니다.

 

 

 

 

 

 

3. 아이콘

 

매터리얼 시스템 아이콘은 심플, 모던, 친숙하지만 때로는 기발한 디자인을 사용합니다.

 

 

 

 

각각의 아이콘은 꼭 필요한 요소만으로 최소화되어 디자인되어,

 

아무리 작은 사이즈라도 선명하게 보일 수 있도록 가독성을 중요시한 것이 특징입니다.

 

 

 

 

 

 

4. 이미지

 


 

 

 

매터리얼 디자인에서 이미지는 자연스러워야 하며, 남용되지 않아야 합니다.

사진이나 일러스트를  사용할 때는 자연스럽고 즐거운 분위기를 표현하는 이미지를 선택합니다.

 

 

 

 

매터리얼 디자인의 스타일은 물질성, 질감, 깊이, 예상치 못한 컬러 조합, 전체적인 디자인 느낌을 강조하였습니다.

 

  

<매터리얼 디자인이 적용 된 이미지> 

 


<사용자와 서로 상호 작용하는 UI> 

 

올해 공개된 매터리얼 디자인은 안드로이드 뿐만 아니라 크롬OS/웹으로 확장될 전망이라는데요.

 

 

 

 

매터리얼 디자인은 최근 디자인 트렌드인 플랫 디자인과 유사하지만

 

그림자를 이용한 깊이감과 다양한 애니메이션은 아이폰의 플랫디자인과 차별점을 가지고 있습니다~

 

 

 

 

 

어떠신가요?

 

많이 본것 같으면서도 새로운...디자인이죠?

 

 

 

 

 

이제까지의 구글의

시도 중 가장 혁신적이고 흥미로운 시도인 것 같아 앞으로 구글의 변신이 기대 됩니다!

 


 


본 리뷰는 지극히 개인적인 관점과 생각으로 작성된 주관적인 글 입니다




이미지, 동영상, 내용을 참고하여 작성하였습니

ⓒ 언제나 맑음 with 꼬대리 

URL 복사