>
學(xué)校機(jī)構(gòu) >
沈陽(yáng)市新人才電腦培訓(xùn)學(xué)校 >
學(xué)習(xí)資訊>
設(shè)計(jì)完美極簡(jiǎn)風(fēng)網(wǎng)站的六個(gè)步驟
設(shè)計(jì)完美極簡(jiǎn)風(fēng)網(wǎng)站的六個(gè)步驟
44 2017-07-18
1、擁抱扁平化設(shè)計(jì)
眾所周知,扁平化的設(shè)計(jì)風(fēng)格正在逐漸取代以蘋(píng)果式擬物化設(shè)計(jì)(skeuomorphism)為代表的寫(xiě)實(shí)風(fēng)格,而蘋(píng)果本身也正在構(gòu)建蘋(píng)果自身的扁平化設(shè)計(jì)風(fēng)格,使用大膽鮮亮的色彩來(lái)吸引用戶(hù)的眼球。
另一個(gè)主動(dòng)擁抱扁平化設(shè)計(jì)風(fēng)尚的先行者就是微軟了。微軟的windowsphone和windows8系列操作系統(tǒng)就是使用扁平化設(shè)計(jì)風(fēng)格的典型,現(xiàn)在微軟的官網(wǎng)也將扁平化的設(shè)計(jì)貫徹到底了。這也就意味著微軟已經(jīng)在全平臺(tái)上高度一致地貫徹了扁平化設(shè)計(jì)。
因此,在微軟的網(wǎng)站上并不會(huì)感受到陰影和漸變,一切都在2D平面上。標(biāo)題和正文的字體都沒(méi)有紋理點(diǎn)綴,頁(yè)面布局干凈清爽,毫不雜亂。圖標(biāo)和按鈕都使用的充滿(mǎn)貨的扁平化設(shè)計(jì),連windows8開(kāi)始界面中背景上的元素也都是扁平化的設(shè)計(jì)。
2、留白
不管你習(xí)慣稱(chēng)之為負(fù)空間還是留白,它都非常聰明地引導(dǎo)你關(guān)注網(wǎng)頁(yè)的重要內(nèi)容,同時(shí)它也是極簡(jiǎn)風(fēng)格的典型特征。越來(lái)越多的網(wǎng)站開(kāi)始使用這種設(shè)計(jì),設(shè)計(jì)師們逐漸意識(shí)到這種設(shè)計(jì)是多么有用。
最簡(jiǎn)單的案例就是大家常用的搜索引擎:谷歌和百度。它們是留白的典范,所有無(wú)關(guān)緊要的元素都被移除,搜索框吸引了用戶(hù)全部的注意力——它就是要你輸入,然后回車(chē)、搜索。留白或者負(fù)空間的存在是極簡(jiǎn)主義最明顯的特征,它們的存在并不意味著那些地方無(wú)內(nèi)容,它們和它們所襯托的主體元素是相互依托的關(guān)系。
3、有限的選擇
對(duì)于任何電商或者B2B的網(wǎng)站而言,網(wǎng)站設(shè)計(jì)的主要目的之一就是提高網(wǎng)站轉(zhuǎn)化率,降低網(wǎng)站用戶(hù)選擇的難度。當(dāng)你將不必要的選擇從網(wǎng)站中移除之后,用戶(hù)受到無(wú)效信息的干擾將降低,更容易達(dá)成目標(biāo),轉(zhuǎn)化率自然會(huì)有所提高。因此,有限的選擇也是極簡(jiǎn)風(fēng)格網(wǎng)站的一大特征。
極簡(jiǎn)風(fēng)格網(wǎng)站的登錄頁(yè)是展現(xiàn)“有限選擇”魅力最合適的地方。Gengo就是這樣一個(gè)案例,作為一家專(zhuān)業(yè)的字幕翻譯公司,Gengo的登錄頁(yè)只有一個(gè)輸入框和一個(gè)翻譯按鈕i,用戶(hù)完全無(wú)需做選擇——他們只能輸入內(nèi)容,然后翻譯轉(zhuǎn)換(當(dāng)然,是收費(fèi)的)。當(dāng)然,對(duì)于那些狂熱的極簡(jiǎn)主義分子而言,Gengo可能還不夠純粹,因?yàn)轫斏系膶?dǎo)航欄依然具備干擾用戶(hù)視覺(jué)的可能性。
更多推薦:houxue/xuexiao/87740/
推薦熱點(diǎn):高級(jí)財(cái)務(wù)會(huì)計(jì)自考
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)