網(wǎng)站建設(shè)、開發(fā)制作曾經(jīng)過去的8年時間，在設(shè)計上都經(jīng)歷過哪些變化？網(wǎng)站建設(shè)公司今天單獨說說，網(wǎng)站按鈕的變化歷程。當(dāng)我們在網(wǎng)上購物，提交我們個人信息都需要用到按鈕。網(wǎng)頁設(shè)計的增長很快，風(fēng)格似乎也是一個月一變。
在這篇文章中，我們來追溯在網(wǎng)站制作Dribbble上按鈕設(shè)計的發(fā)展史。
網(wǎng)站設(shè)計之按鈕的時間線
2009 年，一個為全世界設(shè)計師提供分享他們設(shè)計項目的平臺成立了——Dribbble。通過Dribbble我們可以看到過去八年按鈕設(shè)計的趨勢和變化。
我在Dribbble上找了很多分類，創(chuàng)建了下面的按鈕風(fēng)格時間線:
網(wǎng)站設(shè)計按鈕變化之2009
2009 年，因特網(wǎng)要慶祝 40 周歲，第一個種類出現(xiàn)在Dribbble。按鈕設(shè)計以灰色為主導(dǎo)，幾乎都是用微妙的漸變、 圓角和陰影構(gòu)成。
網(wǎng)頁設(shè)計按鈕變化之2010
2010 年，Instagram成立。按鈕的風(fēng)格并沒有大幅度的改變，但是使用了更多的顏色，更多的細節(jié)（例如內(nèi)陰影），更多的裝飾排版。
網(wǎng)頁設(shè)計按鈕變化之2011
網(wǎng)站建設(shè)在2011 年，CSS3 首次亮相，互聯(lián)網(wǎng)使用者大規(guī)模增長。擬物化依舊占主導(dǎo)地位，但是有很多設(shè)計者開始在這個風(fēng)格上進行創(chuàng)新。也許你尋找不到陰影或者高亮的使用規(guī)范，但是可以確定的是這些元素依舊是每個項目的主流。
網(wǎng)站設(shè)計按鈕歷程變化之2012
2012 年，擬物化風(fēng)格趨勢下降，扁平化風(fēng)格趨勢開始出現(xiàn)。這一年是擬物化風(fēng)格發(fā)展最快的一年，很多設(shè)計師在這種風(fēng)格上達到了很高的水平。同時，有些設(shè)計師開始尋找一些新的東西。
網(wǎng)站設(shè)計按鈕變化之扁平化的2013
2013 年，Apple明確的將擬物化使用在iOS7 上。毫無疑問的，這一年也出現(xiàn)了新的設(shè)計趨勢——扁平化設(shè)計。幾乎 Dribbble上每一個獨立的設(shè)計師，在同一時間放棄了在其App或者Web頁面上使用三維的按鈕，轉(zhuǎn)而使用扁平化設(shè)計。
網(wǎng)頁設(shè)計按鈕變化之2014
2014 年，谷歌發(fā)布了Material Design。但是很多設(shè)計師并沒有完全遵循這種風(fēng)格。這是非常有意思的一年，因為每個設(shè)計師幾乎是突然開始用扁平化風(fēng)格的按鈕。在Dribbble中就能夠找到很多這種風(fēng)格。簡而言之就是，兩個像素的邊框按鈕。
網(wǎng)頁設(shè)計按鈕變化之陰影2015
在谷歌發(fā)布了Material Design的幾個月后，UI設(shè)計師們很快地喜歡上了這種風(fēng)格。扁平的按鈕下方增加了微小的陰影。 很多設(shè)計師將這種風(fēng)格應(yīng)用到項目中就能證明這種風(fēng)格對設(shè)計趨勢的重大影響。
網(wǎng)頁制作設(shè)計按鈕變化之三維感的2016
2016 年，設(shè)計師開始將新的元素與 Material 和扁平化設(shè)計風(fēng)格混合。漸變出現(xiàn)在按鈕設(shè)計中，不再強調(diào)三維感，而是強調(diào)按鈕本身的質(zhì)感。按鈕開始使用發(fā)光的彩色陰影。
網(wǎng)站設(shè)計按鈕歷程“極簡主義的”2017
2017 年，一方面極簡主義和扁平化設(shè)計已經(jīng)持續(xù)了一年。另一方面，設(shè)計師們依舊在尋找新的表現(xiàn)形式。我們正處于一個在技術(shù)上沒有限制，而是局限于潮流和時尚框架的階段。
接下來按鈕的發(fā)展是怎樣的？我也不知道。只知道按鈕進化的原因有很多種，比如：技術(shù)的改變，設(shè)計師設(shè)計意識的成長，等等。接下來呢？
不可否認，按鈕已經(jīng)成熟，隨著手勢交互、AR、VR，或者聲控交互的發(fā)展，也許我們使用多年的按鈕是否還會存在，都是一個值得探討的問題。深圳網(wǎng)站制作博納網(wǎng)絡(luò)編輯整理。
