홈페이지 운영팁

혹시, 홈페이지 제작이 고민이신가요? A/S와 서비스 품질이 다릅니다.
인천을 대표하는 IT 기업으로써 고객만족과 기업가치의 극대화를 실현합니다.

홈페이지 상담 문의하기
1566-8667

머티리얼 디자인이란 무엇인가

2021-09-29

머티리얼 디자인이란 무엇인가

 

 

[머티리얼 디자인이란 무엇인가]


구글이 처음 모바일 디바이스를 만들었을 때 부족한 것이 많았습니다.
화면 크기도 작았고, 네트워크 연결 속도도 빠르지 않았고, 기능도 별로 없었습니다.
사용하기에 그다지 편리한 환경은 아니었죠.


하지만 모바일 디바이스는 빠르게 진화했습니다.
성능은 훨씬 더 강력해졌고, 속도는 빨라졌고, 보다 직관적으로 사용할 수 있도록 발전하였습니다.
이제 모바일 디바이스를 위한 UX를 디자인할 때도 이런한 발전을 염두에 두어야 합니다.


오늘은 '머티리얼 디자인이란 무엇인가'에 대해 알아보겠습니다.


- 머티리얼 디자인이란?
머티리얼 디자인(Material Design, 물질 디자인)은 플랫 디자인의 장점을 살리면서도 빛에 따른 종이의 그림자 효과를 이용하여 입체감을 살리는 디자인 방식을 의미합니다.
구글이 안드로이드 스마트폰에 적용하면서 널리 퍼지기 시작했으며 플랫 디자인과 마찬가지로 최소한의 요소만을 사용하여 대상의 본질을 표현하는 디자인 기법인 미니멀리즘을 추구합니다.


머티리얼 디자인은 안드로이드의 여러 앱에서 동일한 사용자 경험(UX)을 제공하기 위해 도입된 것으로 사용자가 웨어러블 와치, 모바일, 태블릿, PC 등 다른 해상도에서 다른 앱을 사용하더라도 쉽게 적용할 수 있도록 체계적이고 직관적인 플랫폼을 유지합니다.


- 머티리얼 디자인 특징
"Build beautiful products, faster."
"Material is a design system - backed by open-source code - that helps teams build high-quality digital experiences."
- Nicholas Jitkoff


(1) 질감이 느껴지는 표면 (tactile surfaces)
(2) 대담하고 선명한 그래픽 디자인 (bold graphic design)
(3) 아름답고 직관적인 사용자 경험을 위한 자연스러운 애니메이션


- 플랫 디자인과의 차이점
플랫 디자인 : 그림자가 없습니다. 표현할 시 단색으로 표현, 진한 대비입니다.
그라데이션이 없습니다.
텍스쳐가 없습니다.
패턴이 적습니다.


머티리얼 디자인 : 그림자가 있습니다. 표현할 시 다양한 기법 사용, 연한 그림자입니다.
그라데이션이 있습니다.
텍스쳐가 없습니다.
심플한 패턴을 사용합니다.


- 머티리얼 디자인의 주요 원칙
가능한 경우 본문 텍스트, 썸네일, 앱 바 제목 등의 요소들은 세 종류의 키라인에 맞추어 정렬되어야 합니다.
스마트폰에서는 왼쪽부터 16dp 와 72dp, 그리고 오른쪽부터 16dp가 기준입니다.
태블릿의 경우에는 24dp 와 80dp 키라인이 사용됩니다.
모든 UI 요소들은 8dp 단위의 베이스라인 그리드를 기준으로 정렬됩니다.


감사합니다.

주소
인천 남동구 선수촌공원로 5, C동 912호
(구월동, 구월테크노밸리)
대표번호
1566-8667
운영시간
평일 오전 9:30 ~ 오후 6:30

사이트 하단 정보

카카오톡 카카오스토리 블로그 인스타그램 페이스북
  • 상호 : 에이디커뮤니케이션
  • 대표 : 우세진
  • 사업자등록번호 : 130-39-21061
  • 고객센터번호 : 1566-8667
  • 팩스 : 02--6924-8414

  • 소프트웨어 사업자 : B11-43345
  • 이메일 : master@ad-com.kr
  • 주소 : 인천 남동구 선수촌공원로 5, C동 912호(구월동, 구월테크노밸리)