今天我們要來介紹Angular Material按鈕(button)的使用方法，按鈕可以說是一切互動介面的基本，只要按下了按鈕，所有事情都可能會發生，也因此設計良好的按鈕是非常重要的，除了讓事情發生外，也要讓使用者能夠明確的知道按鈕背後的意義，今天就讓我們看看Material Design中按鈕的設計思維，以及如何在Angular Material如何輕易地達到這些設計的目標吧！

今天是第一天正式介紹Angular Material的相關元件，就讓我們先從比較簡單輕鬆的Icon來開始，雖然說是比較簡單輕鬆，但其實裡面也是有不少學問的，透過今天的介紹，你會發現其實Angular Material提供的Icon元件也是非常強大的！

今天我們將開始正式邁入Angular Material的世界，要學習使用Angular Material打造高品質及高質感的網頁，當然要從安裝Angular Material套件開始，本篇文章就來介紹基本的Angular Material安裝步驟，並簡單加入一個元件來體驗一下有質感是怎樣的一個感覺！

從Angular第2版正式release後，根據全球最大工程師討論區StackOverflow的統計，從2016開始的Angular討論度就不斷竄升，甚至超越了React，直到了2017年，甚至擺脫了前一代Angularjs的陰影，躍升成為最熱門的前端議題！可以見得Angular這個前端框架確實具有它值得學習的地方，而在2017年底Angular正式邁向第5版，隔天Angular Material就從breaking changes不斷的beta版正式升到趨於穩定的rc版，沒幾個禮拜就直接正式release了！

一個是由Google推出的前端框架，一個是由Google推出的設計語言的Angular實作，兩者結合想必能加乘產生N倍以上的爆發力！接下來的日子，我們將一步一步地學會所有Angular Material的元件及特性、Angular CDK及一些進階的技巧，今天第一天就讓我們以比較輕鬆的節奏來認識所有的基礎知識吧！

首先，我們先來談談Material Design，Material Design是由Google推出視覺語言，或可以說是一種設計準則，其中定義了基本的樣式、排版、元件等等的設計方向，目標是希望藉由一致的設計樣式規則，讓平面的UI更具立體感，卻又不失操作流暢度，提高使用者體驗(User Experience)，例如設計一個Icon，要怎麼做比較好呢，就可以參考https://material.google.com/style/icons.html 裡面的說明；一個Menu的呈現方式該如何呢？https://material.google.com/components/menus.html 也有詳細的說明。