[Design] Material Design

공부를 하며 작성하는 포스트입니다. 완벽하진 않지만 최대한 이해하고 작성하려고 합니다. 잘못된 점은 알려주세요.

다시한번 원문을 읽으며 느낀 점은 읽는데 무리없도록 영어도 계속해서 공부해야겠습니다.

---

Android 사용자는 앱이 플랫폼과 일관된 방식으로 보이고 동작하기를 기대합니다. 개발자는 시각적 패턴 및 탐색 패턴을 위해 머티리얼 디자인 가이드라인을 준수해야 할 뿐만 아니라 호환성, 성능, 보안 등을 위해 품질 가이드라인을 준수해야 합니다.

다음 링크에서는 고품질의 Android 앱을 디자인하는데 필요한 모든 것을 제공합니다.
머티리얼 디자인 가이드라인
앱 품질 가이드라인

출처 : https://developer.android.com/design

1. Introduction

Material Design은 기술과 과학의 혁신으로 좋은 디자인의 고전적인 원칙을 종합한 시각적 언어입니다.

 

Goals : 목표

Create : 기술과 과학의 혁신과 가능성을 바탕으로 우수한 디자인의 고전적 원칙을 합성하는 시각적 언어를 만듭니다.

Unify : 플랫폼, 장치 및 입력 방법에서 사용자 경험을 통합하는 단일 기본 시스템을 개발하세요.

Customize : Material의 시각적 언어를 확장하고 혁신과 브랜드 표현을위한 유연한 기반을 제공하세요.

Principles: 원칙

• Material is the metaphor
  머티리얼 디자인은 빛을 반사하고 그림자를 드리우는 방법을 포함하여 실제 세계와 텍스처에서 영감을 얻었습니다. 재료 표면은 종이와 잉크의 매체를 재구성합니다.
• Bold, graphic, intentional
  머티리얼 디자인은 typography, grids, space, scale, color and imagery와 같은 인쇄 디자인 방법에 따라 안내되어 경험에 시청자를 몰입시키는 계층, 의미 및 초점을 만듭니다. 
• Motion provides meaning
  모션은 미묘한 피드백과 일관된 전환을 통해 주의를 집중시키고 연속성을 유지합니다. 요소가 화면에 표시되면 새로운 변환을 생성하는 상호 작용으로 환경을 변환하고 재구성합니다.
• Flexible foundation
  머티리얼 디자인 시스템은 브랜드 표현이 가능하도록 설계되었습니다. 구성 요소, 플러그인 및 디자인 요소를 원활하게 구현할 수 있는 사용자 지정 코드베이스와 통합되었습니다.
• Cross-platform
  머티리얼 디자인은 Android, iOS, Flutter 및 웹에서 공유 구성 요소를 사용하여 플랫폼에서 동일한 UI를 유지 관리합니다.

Getting around : 둘러보기

구글의 포괄적인 지침을 통해 아름다운 제품을 더 빠르게 만들 수 있습니다. 사용자 정의 머티리얼 및 작업 공유를위한 새로운 도구를 사용하여 설계 및 제작하고 머티리얼 스터디에서 영감을 찾고 머티리얼 테마로 제품의 고유한 정체성을 표현하세요. 

 

다음 세 섹션을 탐색하여 필요한 것을 찾으세요.

 

• Material Systeme
  확장 및 개선 된 설계 시스템은 재료 도구 및 구성 요소와 통합되어 설계와 개발 간의 워크 플로우를 향상시킵니다.
• Material Foundation
  머티리얼 디자인 아키텍처를 사용하여 앱을 구축하는 방법을 디자인하고 전략을 세우면서 머티리얼 디자인을 뒷받침하는 원칙과 이론을 배우세요.
• Material Giudelines
  디자인부터 코드까지 제품 전체에 걸쳐 고유한 재료 테마를 체계적으로 사용자 정의하고 구축하세요.

 

이전 머티리얼 가이드라인을 살펴볼 수 있습니다.

Up next

• MATERIAL STUDIES : About
• ENVIRONMENT : Elevation
• SHAPE : About Shape

References

• 머티리얼 디자인