『Material Design 入門學習筆記』前言

mymdeep發表於2017-04-09
Material Design筆記

寫在最前面的話

最開始我在畢業的時候做Android，當時還沒到Android5.0，沒有Material Design，當時的設計都是以立體仿3d效果為主。後來有了扁平化設計，我卻開始了SDK各種功能元件庫的開發，幾乎不涉及到任何介面開發，對Material Design瞭解真的不是很多。網上關於Material Design的學習資料很多，但也很雜，沒有一個成體系的介紹，我打算做一個專題來介紹Material Design。我現在也是邊學習邊總結，所以寫出的文章適合初學者學習，大神請忽略。如果有什麼不對，歡迎指正。

Material Design是什麼

Material Design是一種設計風格，是谷歌為廣大開發者提供的一種全新的設計風格，同事提供了相關的庫方便開發者進行開發。這包括字型，主題，元件等。
如果只適配Android5.0之後的版本，如果需要適配之前的版本，需要依賴一個額外的庫。這個後面會提到。
Material Design的特點是：

  • 扁平化、簡潔
  • 水波反饋
  • 良好體驗的過渡動畫
  • 材料空間位置的直觀變化
    在這裡看一下效果：

『Material Design 入門學習筆記』前言
效果圖

Android Design Support Library

就像上面提到的，如果適配5.0以下的系統，需要新增Android Design Support Library，這可以適配到2.1以上的系統。

 compile ‘com.android.support:design:23.2.1’複製程式碼

元件

Android Design Support Library中包含了一些常用的元件，這些我們都放到後面的文章中介紹，這裡只做簡單的介紹：

  • android.support.design.widget.TextInputLayout 強大帶提示的MD風格的EditText
  • android.support.design.widget.FloatingActionButton MD風格的圓形按鈕，來自於ImageView
  • android.support.design.widget.Snackbar 類似Toast，新增了簡單的單個Action
  • android.support.design.widget.TabLayout 選項卡
  • android.support.design.widget.NavigationView DrawerLayout的SlideMenu
  • android.support.design.widget.CoordinatorLayout 超級FrameLayout
  • android.support.design.widget.AppBarLayout MD風格的滑動Layout
  • android.support.design.widget.CollapsingToolbarLayout 可摺疊MD風格ToolbarLayout

    風格

    其實這篇文章我還暫時沒打算介紹程式碼相關的東西，既然說了是前言，主要是先有個材質設計的概念。
    www.uisdc.com/comprehensi… 這篇文章詳細介紹Material Design的風格很全面。我以下介紹會有一部分內容來自該文章。除了程式設計師，產品經理還是需要看看的，不要一設計就是仿照IOS的風格，Android是有自己的風格的，真的不比IOS差。
    Material Design將物理世界的許多特性帶進了手機世界中。有了各種效果如水波紋，伸縮等，同時引入了Z軸的概念。

相關文章