八年中，按鈕設計經歷了怎樣的變遷？
按鈕，是當我們在網路上購物、登錄銀行app，以及提交那些填滿我們個人信息的表格時都需要用到的一個組件。網頁設計正以驚人的速度增長著，風格似乎也是一個月一變。最近幾年，我們經歷了從文本鏈接到擬物化設計，再到扁平化設計的變遷。按鈕作為最重要的行為工具，它的設計風格變化也是值得設計師們觀察的。
在這篇文章中，我們通過觀察Dribbble上的設計作品，來追溯按鈕設計的八年發展史。
按鈕的時間線
2009年，為全世界設計師提供分享他們設計項目的平台——Dribbble成立了，現在Dribbble已經發展為最大的全球設計作品分享平台之一。通過Dribbble，我們可以看到2009-2017這八年間按鈕設計的趨勢和設計變化。
在瀏覽了幾千個按鈕設計作品之後，我創建了下面的按鈕風格時間線：
2009
2009年，網際網路慶祝了它的40周歲，Dribbble上也出現了第一種按鈕設計。這類按鈕設計以灰色為主導，精緻的漸變、 圓角、和陰影幾乎出現在了所有按鈕上。
設計師Wojciech Dobry, Dan Cederholm,
Josh Bryant, Dribbble,
Sarah Parmenter, Matthew Smith的作品
2010
2010年，Instagram成立。按鈕的風格並沒有大幅度的改變，但是使用了更多的顏色、更多的細節（例如內陰影）和更多的裝飾排版。
設計師Wojciech Dobry, Morgan Allan Knutson,
Troy Bergland,Claudiu Cioba,
Liam McKay, Jared Christensen的作品
2011
2011年，CSS3首次亮相，互聯網使用者大規模增長到了十億。擬物化依舊佔主導地位，有很多設計師開始在這種風格上進行創新。也許你找尋不到陰影或者高亮的使用規範，但是可以確定的是這些元素存在在每個作品中。
設計師Wojciech Dobry, Julien Renvoye,
Claudiu Cioba,Meagan Fisher,
Josh Hemsley,Jonathan Moreira的作品
2012
2012年，擬物化風格趨勢逐漸衰落，扁平化風格也默默地出現了。這一年是擬物化風格最後的巔峰，很多設計師在這種風格上達到了很高的水平，同時有設計師開始尋找一些新的設計方向。
設計師Wojciech Dobry, Eduardo Santos,
Mike | Creative Mints,Maykel Loomans,
Ian Collins,Dawid Liberadzki的作品
2013
2013年，Apple明確地從擬物化設計中走出，發布了iOS7。毫無疑問地，扁平化設計成為了新的設計風潮，並一直延續至今。在Dribbble上，幾乎每一位設計師都在同一時間放棄了在app或者web頁面上使用三維按鈕，轉而決定開始扁平的二維設計。
設計師Wojciech Dobry, Cosmin Capitanu,
Eddie Lobanovskiy,Jonathan Moreira,
Riki Tanone的作品
2014
2014年的I/O大會上，谷歌發布了Material Design。但是很多設計師並沒有馬上開始完全遵循這種風格進行設計。這是非常有意思的一年，因為每個設計師幾乎是突然開始使用「幽靈」按鈕風格或扁平按鈕。在Dribbble中能找到很多這樣的風格，簡而言之就是——兩個像素的邊框按鈕。
註：幽靈按鈕（Ghost Buttons），指在設計網頁中的按鈕之時，不再設計複雜色彩、樣式和紋理，而是外僅以線框示意輪廓，內只用文字示意功能，背景透出，與整個頁面/背景合而為一的設計方式。國外設計師盛讚這種按鈕通透簡約，貼合整體風格又不失神韻，別具魅力。
設計師Wojciech Dobry, Eric Hoffman,
Ramil Derogongun,Mason Yarnell,
Colin Garven, Bill S Kenney的作品
2015
Material Design發布的幾個月後，UI設計師們開始漸漸喜歡上了這種風格，於是扁平的按鈕下方增加了微小的陰影。 很多設計師將這種風格應用到作品中，這證明了Material Design 的風格對設計趨勢的重大影響。
設計師Wojciech Dobry, Victor Erixon,
Leo Leung,George Vasyagin,
Hoang Nguyen, Joshua Krohn的作品
2016
2016年，設計師厭倦了舊的設計，開始使用新的元素來將Material和平面設計風格混合在一起。漸變出現在按鈕設計中，不再強調三維感，而是強調按鈕本身的質感。按鈕開始使用彩色陰影，並發著光。
設計師Wojciech Dobry, Anastasiia Andriichuk,
Gleb Kuznetsov,Ghani Pradita,
Kristofor, Ben Mingo的作品
2017
我很好奇，在接下來的八年里，我將如何看待2017年。這一年裡，一方面極簡主義和扁平化設計已經持續了一年；另一方面，設計師們依舊在尋找新的表現形式。我們正處於一個沒有技術限制，卻局限於潮流和流行框架的時代。
設計師 Ben Cline, Anton Aheichanka,
Vera Voishvilo, George Vasyagin,
Ghani Pradita的作品
接下來呢？
按鈕設計還將持續演變多久？我也不知道，只知道按鈕還會繼續進化，原因有很多種，比如技術的革新、設計師設計意識的成長等等。
不可否認的是，按鈕設計正在等待下一次的演變。也許當下一次演變到來之時，按鈕就將不復存在了？隨著手勢交互、AR、VR，以及語音交互的發展，我們使用多年的按鈕是否還會存在，這成為一個值得探討的問題。
原作者丨Wojciech Dobry，翻譯丨MR
封面丨JasonZhao
TAG:IXDC |