[Google I/O 2018] Material Design의 새로운 것은 무엇일까? (What’s new in Material Design?)

Pratik Shah 저자의 홈페이지 입니다.

모든 새로운 것들이 Google I/O 2018에서 발표되었습니다.

presentation
2014년 Material Design이 출시된 이래로 가장 많이 사용되는 (그리고 사랑받는) 비주얼 디자인 언어였습니다! 이것은 두 가지 주된 이유 때문입니다 :
  1. 통합 : 플랫폼 전반에서 작동하는 시각적 언어.
  2. 직관 : Material Design의 핵심 원리는 "재료(Material)/표면(Surface)"이 어떻게 작동하는지입니다. 이것은 상호 작용에서 일어날 일을 사용자에게 거의 명백하게 알려줍니다.
그러나 구글은 Material Design이 단순히 다른 비주얼 언어 이상이되기를 원하고 있습니다. Google은 디자인 개발 워크 플로를 개선하기위한 도구를 구축하고 있습니다. 올해 Google I/O에서 발표된 내용은 다음과 같습니다.

Material Theming

이번은 Material Design을 크게 업그레이드 한 것입니다! Material Theming은 제품의 브랜드를 보다 잘 반영 할 수 있도록 Material Design을 "체계적으로"사용자 정의하는 기능입니다. 체계적으로 무엇을 의미하는지 설명해 드리겠습니다 :
브랜드는 색상, typography 및 모양으로 시각적으로 표현됩니다.
그래서 우리는 Material Components에서 이러한 것들을 바꿀 수있는 방법이 필요합니다!
이전에 이러한 변경을 수행하기 위해 우리는 Sketch symbols/library를 업데이트하기 위해 여러 플러그인을 사용해야했지만 지금은 "Material Theme Editor"가 있습니다.
presentation

presentation

presentation

presentation

몇 가지 유용한 기능들 :

  1. Change/add/update Colors : 이것에 대해 멋진 점은 색상이 사용되는 곳을 이해하고 그에 따라 shades/tints를 생성한다는 것입니다.
  2. Typography management : 시각적으로 비슷한 유형 계층 구조를 만들 수 있습니다!
  3. Shapes : material(카드/도형)를 업데이트하는 것과 같은 새로운 material design의 핵심 디자인입니다. 브랜드에 따라 사용자 정의 모양을 정의 할 수 있습니다.
  4. New icon styles : icons과 solid 스타일의 제한된 선택으로 짜증이 났던 자신을 좋아합니까? 자, 이제 우리는 다섯 가지 스타일의 아이콘을 가지고 있습니다.

Gallery

작년부터 이것을 기억합니까? 이것은 Google이 디자인 워크 플로우를 능률화할 것이라고 주장한 도구 였지만 사용자가 이미지 버전에 대해 의견을 말할 수 있도록할 수 있었습니다.
presentation

presentation
Google의 Gallery가 멋지게 돌아 왔습니다! 이제는 디자인 핸드 오프 문제를 확실히 해결할 수있는 기능을 제공합니다. 이것이 무엇을 할 수 있는지 보겠습니다 :
  1. Google 문서, 스프레드 시트, 슬라이드를 첨부할 수 있습니다. 따라서 우리는 요구 사항 문서, 사용자 조사에서부터 디자인에 이르기까지 모든 것을 한 곳에 담을 수 있습니다!
  2. 이것은 "프로젝트 및 컬렉션"의 개념을 가지고 있습니다. Sketch 파일과 유사하며 여러 페이지가 있습니다! 우리를 위한 그런 거대한 물건입니다.
  3. 같은 이름의 파일을 업로드하면 해당 파일의 버전이 만들어집니다. 이는 와이어프레임이 어떻게 실제 디자인으로 변하는지 확인하는 데 도움이됩니다. 또는 피드백이 UI를 형성하는 방법을 확인하십시오.
  4. Inspect Mode (Showstopper😎) : Specification generator! 평범한 것이 아니라, 이것은 symbols을 탐지 할 수 있으며, 그 컴포넌트에 대한 코드의 링크를 보여줍니다! 또한 글꼴 군을 식별하고 Google 글꼴에 대한 링크를 보여줍니다!
  5. 그리고 물론, 무료입니다! 더 이상 Sketch Measure, Zeplin, Marvel 또는 Invison 이.....(죄송합니다.)

기타 주요 업데이트

  1. iOS, Android, web 및 Flutter 용 Material Components :
2. Google이 맞춤 Material 테마를 만든 방법 : Google이 Material Design 규칙을 어떻게 다루고 있는지 설명합니다.
3. Material partner studies : Lyft, Genius, NPR, Pocket Casts 및 Zappos와 같은 어플리케이션이 Material의 새로운 표현 기능을 어떻게 활용하는지 알아보십시오.


이 글은 번역 글입니다. 원본 링크입니다.




presentation
안녕하세요! Early adopter입니다.제 번역 블로그를 자주 찾아 주셔서 감사드립니다.페이스북의 [DTF] 디자인 번역 공장 - Design Translation Factory 그룹도 많이 가입해주시길 바랍니다.
"보버"에서 "디자인 번역 공장" 연재를 저와 함께 해주실 분을 찾습니다. 하단 "리뷰", "페이스북" 편하게 메시지 주세요!
PS. 제가 사용하는 블로그 "보버"에 "함께 쓰는 블로그"라는 기능이 요번에 추가됐네요 ㅋ (미디엄에 퍼블리케이션 같은 기능..)
하단 링크 글을 보시면 "디자인 번역 공장"에 어떻게 함께 연재할 수 있는지 자세히 설명되어있습니다. 또는 쉽게 FB 메시지 주세요!