2018-6-29 藍藍設計的小編
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
版權申明：本文原創作者UI大課堂，感謝UI大課堂的原創經驗分享！致敬哈
當我們在網上購物，提交我們個人信息都需要用到按鈕。網頁UI設計的增長很快，風格似乎也是一個月一變。最近幾年，我們經歷過從文 本鏈接到擬物化設計再到扁平化瀑布流設計。導航是網頁設計中最重要的元素，并且按鈕是最重要的行為工具。
在這篇文章中，我們來追溯按UI鈕設計的八年發展史。
按鈕的時間線
2009年，成立了一個為全世界設計師提供分享他們設計項目的平臺。通過這個平臺我們可以看到過去八年按鈕設計的趨勢和設 計變化。
我在平臺上找了很多分類創建了下面的按鈕風格時間線:
UI設計
2009
2009年，因特網要慶祝40周歲，第一個種類出現在平臺上。按鈕設計的以灰色為主導。按鈕幾乎都是用微妙的漸變， 圓角，和陰影構成。
UI設計
2010
2010年，Instagram成立。按鈕的風格并沒有大幅度的改變，但是使用了更多的顏色，更多的細節(例如內陰影)，更 多的裝飾排版。
UI設計
2011
2011年，CSS3首次亮相，互聯網使用者大規模增長。擬物化依舊占主導地位，但是有很多設計者開始在這個風格上進行 創新。也許你找尋不到陰影或者高亮的使用規范，但是可以確定的是這些元素依舊是每個項目的主流。
UI設計
2012
2012年，擬物化風格趨勢下降，扁平化風格趨勢開始出現。這一年是擬物化風格發展最快的一年，很多設計師在這種風 格上達到了很高的水平，同時有些設計師開始尋找一些新的東西。
UI設計
2013
2013年，Apple明確的將擬物化使用在iOS7上。毫無疑問的，這一年也出現了新的設計趨勢——扁平化設計。幾乎 Dribbble上每一個獨立的設計師——在同一時間——放棄了在其app或者web頁面上使用三維的按鈕，轉而決定使用平 面設計。
UI設計
2014
2014年，谷歌發布了Material Design。但是很多設計師并沒有完全遵循這種風格。這是一個非常有意思的一年，因為每 個設計師幾乎是突然開始用扁平化風格的按鈕。在Dribbble中就能夠找到很多這種風格。簡而言之就是:兩個像素的邊 框按鈕。
UI設計
2015
在谷歌發布了Material Design的幾個月后，UI設計師們很快的喜歡上了這種風格。扁平的按鈕下方增加了微小的陰影。 很多設計師將這種風格應用到項目中就能證明這種風格對設計趨勢的重大影響。
UI設計
2016
2016年，設計師開始將新的元素與Material和平面設計風格混合。漸變出現在按鈕設計中，不再強調三維感，而是強調 按鈕本身的質感。按鈕開始使用發光的彩色陰影。
UI設計
2017
2017年，一方面極簡主義和扁平化設計已經持續了一年。另一方面，設計師們依舊在尋找新的表現形式。我們正處于一 個在技術上沒有限制，而是局限于潮流和時尚框架的階段。
UI設計
接下來呢?
接下來按鈕的發展是怎樣的?我也不知道。只知道按鈕進化的原因有很多種—技術的改變，設計師設計意識的成長，等等。
不可否認，按鈕已經成熟，可以進行其他方面的更改。隨著手勢交互，AR，VR，或者聲控交互，也許我們使用多年的按鈕是否還會存在 都是一個值得探討的問題?
藍藍設計( m.izc.net.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務