새로워진 Material Design 소개 및 Material Design을 활용한 디자인과 개발 이야기

1. Slide Title
Material Design
Build Material Design products across platforms
Material Theme Editor를 활용한 디자인과 개발이야기
김은정 디자이너

5. 타이포그래피
제목의 종류에 따라 다른 굵기와 크기를 가진 폰트를 이용한다.
폰트는 윈도우 환경에서 “맑은 고딕”을 사용하고 OSX환경에서는 “애플 고딕”을 사용한다.

6. 컬러
사이트 전체 배색은 회색톤을 기본으로 한다.
컨텐츠를 묶는 타이틀 바는 진하게 적용한다.
속보 모듈에만 특별하게 붉은 컬러를 사용한다.

7. 헤더
SBS 뉴스 전체 네비게이션 기능을 가진 헤더. 사이트 뎁스는 3단계로 구분된다. 추가
메뉴를 지니기 때문에 뎁스별 메뉴가 추가되는 구조이다.

9. What’s
Material Design?

11. Material Design System offers guidelines

12. Why use
Material Design?

26. What’s new in
Material Design?

31. https://github.com/material-components/

34. Material Design Codelabs

35. Material Theme Editor

36. Material gallery

38. 김은정 Kim Eunjeong
katekim720@gmail.com
Thank you :D