起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識按鈕設計8年發展史
今天的文章是關于按鈕的視覺發展史。畢竟現在AI，VR，AR等，太多因素的出現，按鈕以后的發展將會何去何從也是一個很值得探討的問題。
當我們在網上購物，提交我們個人信息都需要用到-按鈕。網頁設計的增長很快，風格似乎也是一個月一變。最近幾年，我們經歷過從文本鏈接到擬物化設計再到扁平化瀑布流設計。導航是網頁設計中最重要的元素，并且按鈕是最重要的行為工具。
在這篇文章中，我們來追溯在Dribbble上按鈕設計的八年發展史。
按鈕的時間線
2009年，成立了一個為全世界設計師提供分享他們設計項目的平臺-Dribbble。通過Dribbble我們可以看到過去八年按鈕設計的趨勢和設計變化。
我在Dribbble上找了很多分類創建了下面的按鈕風格時間線：
2009
2009年，因特網要慶祝40周歲，第一個種類出現在Dribbble。按鈕設計的以灰色為主導。按鈕幾乎都是用微妙的漸變，圓角，和陰影構成。
2010
2010年，Instagram成立。按鈕的風格并沒有大幅度的改變，但是使用了更多的顏色，更多的細節（例如內陰影），更多的裝飾排版。
2011
2011年，CSS3首次亮相，互聯網使用者大規模增長。擬物化依舊占主導地位，但是有很多設計者開始在這個風格上進行創新。也許你找尋不到陰影或者高亮的使用規范，但是可以確定的是這些元素依舊是每個項目的主流。
2012
2012年，擬物化風格趨勢下降，扁平化風格趨勢開始出現。這一年是擬物化風格發展最快的一年，很多設計師在這種風格上達到了很高的水平，同時有些設計師開始尋找一些新的東西。
2013
2013年，Apple明確的將擬物化使用在iOS7上。毫無疑問的，這一年也出現了新的設計趨勢——扁平化設計。幾乎Dribbble上每一個獨立的設計師——在同一時間——放棄了在其app或者web頁面上使用三維的按鈕，轉而決定使用平面設計。
2014
2014年，谷歌發布了Material Design。但是很多設計師并沒有完全遵循這種風格。這是一個非常有意思的一年，因為每個設計師幾乎是突然開始用扁平化風格的按鈕。在Dribbble中就能夠找到很多這種風格。簡而言之就是：兩個像素的邊框按鈕。
2015
在谷歌發布了Material Design的幾個月后，UI設計師們很快的喜歡上了這種風格。扁平的按鈕下方增加了微小的陰影。很多設計師將這種風格應用到項目中就能證明這種風格對設計趨勢的重大影響。
2016
2016年，設計師開始將新的元素與Material和平面設計風格混合。漸變出現在按鈕設計中，不再強調三維感，而是強調按鈕本身的質感。按鈕開始使用發光的彩色陰影。
2017
2017年，一方面極簡主義和扁平化設計已經持續了一年。另一方面，設計師們依舊在尋找新的表現形式。我們正處于一個在技術上沒有限制，而是局限于潮流和時尚框架的階段。
接下來呢？
接下來按鈕的發展是怎樣的？我也不知道。只知道按鈕進化的原因有很多種—技術的改變，設計師設計意識的成長，等。
不可否認，按鈕已經成熟，可以進行其他方面的更改。隨著手勢交互，AR，VR，或者聲控交互，也許我們使用多年的按鈕是否還會存在都是一個值得探討的問題？
END
原文作者：Wojciech Dobry
原文地址：https://blog.framer.com/button-design-over-the-years-a-dribbble-timeline-5eb138b09b91
譯者：小船，微信公眾號【漁夫和Ta的靈魂】
本文由 @小船 翻譯發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自unsplash，基于CC0協議
都一個樣在我來說就是換個背景顏色，我一般都是用圖片 ?? ，我是程序猿
??
在我看來都是一個樣，我是產品，哈哈哈 ?? ??
哈哈哈哈哈哈 最后呈現的效果對產品應該也是有影響的吧~ ??
原型圖不考慮最后效果，那是ui的事情，我只關注功能