前言

由於 Material Design 大多數的篇幅都注重在介紹 UI / UX 還有在 Android 中有哪些實用的元件

所以對前端工程師最大的好處應該就是在了解最新實用的元件，而設計師則是去了解 UI/UX 的原則

而讓我最覺得一定要學的原因不只上述這些，Material Design 可以說是前端工程師與設計師相互討論元件的一個管道與標準。在實務上，雙方能透過這個平台去溝通，避免前端對元件完全沒有意見或是設計師過度設計元件的情況，大幅縮減了溝通的成本

所以我認為不論是設計師或前端工程師，只要對 UI 有一定的熱情與想法，非常推薦去閱讀 Material Design，相信收穫 (坑 ) 會非常多

設計與實作

由於 Google 把 Components 的部分拆分為， Design 與 implementation ，代表著設計與實作

所以在介紹每個元件的過程中，都會分成這兩個部份來做介紹，依照篇幅長短，可能會寫在同一篇或是拆分

Design 方面，由於我不是專業的設計師，只會簡單帶過官方在判斷元件設計好壞的一些重點，不會深入到整體 App 的配色、排版或主題

Implementation 方面，會先簡單帶過元件的基本功能，之後會看篇幅可能會有額外的情境應用

在 Design 與 implementation 中，我會細分為許多大綱和小節，依序來介紹元件的使用與設計

Design 方面

1. Usage : 元件在應用上該如何使用
2. Anatomy : 元件的組成
3. Behavior : 元件的操作行為
4. Placement : 元件呈現的位置與大小
5. States : 元件在與用戶互動的情境下，所回饋的不同呈現狀態

Implementation 方面

1. Simple Using : 介紹該元件的簡單基本用法與情境

2. Different Type Using : 介紹更加進階的元件用法與樣式，配合不同情境

3. Anatomy and key properties : 介紹元件的關鍵屬性去控制與改變元件的型態

4. Style :介紹元件所有的風格檔，後續則會實作自定義的風格

小結

由於各個元件特性不同，所以在大綱段落上可能會有些許的不同，甚至有些篇幅很短或不一致，我會盡量整理成同樣格式方便大家閱讀。還有就是 Material Design 中偶爾會提到關於大裝置(平板)的內容，因為我的主題是注重在手機端，所以相關內容都不會提到

最後，如果各位大神發現哪邊介紹的與官方文檔有出入或是誤導，再麻煩提醒見諒 ~