他的龙根本太大了_动漫美女被吸乳视频漫画_欧美xxxx性疯狂bbbb_天天看天天爽天天摸天天添

^{<samp id="sjtsy"></samp>}

^{<table id="sjtsy"></table>}

UI按鈕設(shè)計發(fā)展史

2018-6-5 藍(lán)藍(lán)設(shè)計的小編

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，請點這里

當(dāng)我們在網(wǎng)上購物，提交我們個人信息都需要用到按鈕。網(wǎng)頁UI設(shè)計的增長很快，風(fēng)格似乎也是一個月一變。最近幾年，我們經(jīng)歷過從文本鏈接到擬物化設(shè)計再到扁平化瀑布流設(shè)計。導(dǎo)航是網(wǎng)頁設(shè)計中最重要的元素，并且按鈕是最重要的行為工具。

在這篇文章中，我們來追溯按UI鈕設(shè)計的八年發(fā)展史。

按鈕的時間線

2009年，成立了一個為全世界設(shè)計師提供分享他們設(shè)計項目的平臺。通過這個平臺我們可以看到過去八年按鈕設(shè)計的趨勢和設(shè) 計變化。

我在平臺上找了很多分類創(chuàng)建了下面的按鈕風(fēng)格時間線:

UI按鈕設(shè)計發(fā)展史

UI設(shè)計

2009

2009年，因特網(wǎng)要慶祝40周歲，第一個種類出現(xiàn)在平臺上。按鈕設(shè)計的以灰色為主導(dǎo)。按鈕幾乎都是用微妙的漸變，圓角，和陰影構(gòu)成。

UI按鈕設(shè)計發(fā)展史

UI設(shè)計

2010

2010年，Instagram成立。按鈕的風(fēng)格并沒有大幅度的改變，但是使用了更多的顏色，更多的細(xì)節(jié)(例如內(nèi)陰影)，更多的裝飾排版。

UI按鈕設(shè)計發(fā)展史

UI設(shè)計

2011

2011年，CSS3首次亮相，互聯(lián)網(wǎng)使用者大規(guī)模增長。擬物化依舊占主導(dǎo)地位，但是有很多設(shè)計者開始在這個風(fēng)格上進(jìn)行創(chuàng)新。也許你找尋不到陰影或者高亮的使用規(guī)范，但是可以確定的是這些元素依舊是每個項目的主流。

UI按鈕設(shè)計發(fā)展史

UI設(shè)計

2012

2012年，擬物化風(fēng)格趨勢下降，扁平化風(fēng)格趨勢開始出現(xiàn)。這一年是擬物化風(fēng)格發(fā)展最快的一年，很多設(shè)計師在這種風(fēng) 格上達(dá)到了很高的水平，同時有些設(shè)計師開始尋找一些新的東西。

UI按鈕設(shè)計發(fā)展史

UI設(shè)計

2013

2013年，Apple明確的將擬物化使用在iOS7上。毫無疑問的，這一年也出現(xiàn)了新的設(shè)計趨勢——扁平化設(shè)計。幾乎 Dribbble上每一個獨立的設(shè)計師——在同一時間——放棄了在其app或者web頁面上使用三維的按鈕，轉(zhuǎn)而決定使用平面設(shè)計。

UI按鈕設(shè)計發(fā)展史

UI設(shè)計

2014

2014年，谷歌發(fā)布了Material Design。但是很多設(shè)計師并沒有完全遵循這種風(fēng)格。這是一個非常有意思的一年，因為每個設(shè)計師幾乎是突然開始用扁平化風(fēng)格的按鈕。在Dribbble中就能夠找到很多這種風(fēng)格。簡而言之就是:兩個像素的邊框按鈕。

UI按鈕設(shè)計發(fā)展史