[Material Design] UI 설계를 방해하고 싶은 사람을 위한 링크집

Google의 머티리얼 디자인을 주안으로 한 링크 모음입니다.

Google 공식

Material Design

입문+컨셉 복습편

친숙한 머티리얼 디자인 디자인 컨셉
지금도 들을 수 없다?! 5분 안에 알아! 머티리얼 디자인 입문
우선은 이 2개로 이미지를 파악. 그림은 정중하고 훌륭합니다.

처음 머티리얼 디자인 입문
위에서 순서대로 보면 머티리얼 디자인의 개요가 잡는다는 멋진 기사.

Google의 새로운 디자인 가이드 라인 'Material Design'(Developers.io)
공식 문서의 번역과,
머티리얼 디자인의 골, 기본 원칙 등을 정중하게 써 줍니다.
머티리얼 디자인을 어떻게 시작하면 좋을까? 까지의 해설 첨부

구체적인 기준 수치를 파악하자 편

애플과 구글 가이드라인에 배우는 스마트폰 웹 디자인의 요점(슬라이드 첨부)
iOS 휴먼 인터페이스 가이드라인과 머티리얼 디자인 가이드를 비교한 정리입니다.
이것에 모두 써있었다··!!
최소 글꼴 크기, 줄 길이, 문자 사이 등의 구체적인 수치를 정리해 줍니다.
텍스트 정보도 멋지지만 슬라이드가 훌륭합니다. 숙독합시다.

사례집편

materialUp
말하지 않고 모가나의 사례집. 고품질

앞으로 시작하는 사람을 위한 머티리얼 디자인 참고 사이트 정리
독자적으로 서비스를 정리해 줍니다.

iOSUp
머티리얼 디자인은 아니지만, 최근 iOS&Mac 앱집도 나온 것 같아서

편리 도구편

Material icons guide
공식 아이콘 모음 & 가이드

Material Design Community Icons
커뮤니티에서 제공하는 아이콘 모음

material palette
★ 편리! 2 색 선택하면 샘플과 컬러 팔레트를 생성해주는 우수한 것

템플릿 / 프레임 워크

Google 공식
· 템플릿 : Layout templates
· 글꼴 : Roboto & Noto fonts
모두 다운로드 가능

공식:Material Design Lite
해설: 머티리얼 디자인을 간편하게! CSS/HTML/JS 컴포넌트 「Material Design Lite」의 사용법 정리
Material Design Lite는 템플릿처럼 간편하게 사용할 수 있습니다.

Material Design for Bootstrap
Bootstrap 테마도 존재하는 것 같습니다.

공식:Polymer With Material Design
설명 : Polymer는 처음 Polymer를 사용해보십시오.
Polymer는 Google 제창 자바 스크립트 UI 프레임 워크입니다.

material ui
CSS 프레임워크. 화제의 React 대응이라고 합니다

※ Material Design 대응의 사용할 수 있는 CSS・JS 프레임워크집 보다

Android 구성요소

MaterialDesignLibrary
MaterialEditText

덤

Material Design 채용으로 'Domain' 앱 다운로드 수가 44%나 증가한 예
리뷰 : 안드로이드 역사상 최고의 "L", 처음 iOS의 "촉감"을 넘어