除開(kāi)看上去看上去較為好看以外，簡(jiǎn)約風(fēng)格的設(shè)計(jì)還能提升用戶感受。這些年，用戶一直在調(diào)侃如今的網(wǎng)站導(dǎo)航欄繁雜、網(wǎng)站合理布局繁雜。過(guò)多的內(nèi)容擠壓成型在同一個(gè)網(wǎng)頁(yè)頁(yè)面中，讓全部用戶感受平行線降低。設(shè)計(jì)行業(yè)中，經(jīng)常用“少即是多”來(lái)論述極簡(jiǎn)風(fēng)格，目前為止，這句話或是對(duì)的，尤其是對(duì)于踏入二十一世紀(jì)的網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)來(lái)講。
1、相擁扁平化設(shè)計(jì)設(shè)計(jì)
大家都知道，扁平化設(shè)計(jì)的設(shè)計(jì)設(shè)計(jì)風(fēng)格已經(jīng)慢慢替代以iPhone式擬有機(jī)化學(xué)設(shè)計(jì)（skeuomorphism）為意味著的寫(xiě)實(shí)性設(shè)計(jì)風(fēng)格，而iPhone自身也已經(jīng)搭建iPhone本身的扁平化設(shè)計(jì)設(shè)計(jì)設(shè)計(jì)風(fēng)格，應(yīng)用膽大鮮艷的顏色來(lái)吸引住用戶的目光。
另一個(gè)積極相擁扁平化設(shè)計(jì)設(shè)計(jì)時(shí)尚的先驅(qū)者便是微軟公司了。微軟公司的windows phone 和windows 8系列電腦操作系統(tǒng)便是應(yīng)用扁平化設(shè)計(jì)設(shè)計(jì)設(shè)計(jì)風(fēng)格的典型性，如今微軟的官網(wǎng)也將扁平化設(shè)計(jì)的設(shè)計(jì)付諸行動(dòng)了。這也就代表著微軟公司早已在全服務(wù)平臺(tái)上高度一致地落實(shí)了扁平化設(shè)計(jì)設(shè)計(jì)。
因而，在微軟公司的網(wǎng)站上并不會(huì)感受到黑影和漸變色，一切都在3D平面圖上。文章標(biāo)題和文章正文的字體樣式也沒(méi)有紋路裝點(diǎn)，網(wǎng)頁(yè)布局整潔清新，一點(diǎn)也不雜亂無(wú)章。標(biāo)志和按鍵都應(yīng)用的充斥著貨的扁平化設(shè)計(jì)設(shè)計(jì)，連windows 8 逐漸頁(yè)面中背景上的原素也全是扁平化設(shè)計(jì)的設(shè)計(jì)。
2、留白藝術(shù)
無(wú)論你習(xí)慣性稱作負(fù)空間或是留白藝術(shù)，它都十分聰慧地正確引導(dǎo)你關(guān)心網(wǎng)頁(yè)頁(yè)面的關(guān)鍵內(nèi)容，另外它也是簡(jiǎn)約風(fēng)格的典型性特點(diǎn)。愈來(lái)愈多的網(wǎng)站逐漸應(yīng)用這類設(shè)計(jì)，設(shè)計(jì)師們慢慢意識(shí)到這類設(shè)計(jì)是多么的有效。
非常簡(jiǎn)單的實(shí)例便是大伙兒常見(jiàn)的百度搜索引擎：谷歌和百度。他們是留白藝術(shù)的楷模，全部無(wú)關(guān)痛癢的原素都被清除，輸入框吸引住了用戶所有的專注力——它便是想要你鍵入，隨后回車鍵、檢索。留白藝術(shù)或是負(fù)空間的存有是極簡(jiǎn)風(fēng)格最顯著的特點(diǎn)，他們的存有并不代表著這些地區(qū)無(wú)內(nèi)容，他們和他們所烘托的行為主體原素是互相借助的關(guān)聯(lián)。
3、比較有限的挑選
針對(duì)一切電子商務(wù)或是B2B的網(wǎng)站來(lái)講，網(wǎng)站設(shè)計(jì)的關(guān)鍵目地之一便是提升網(wǎng)站轉(zhuǎn)換率，減少網(wǎng)站用戶挑選的難度系數(shù)。如果你將多余的挑選從網(wǎng)站中清除以后，用戶遭受失效信息內(nèi)容的影響將減少，更非常容易達(dá)到總體目標(biāo)，轉(zhuǎn)換率當(dāng)然會(huì)逐步提高。因而，比較有限的挑選也是簡(jiǎn)約風(fēng)格網(wǎng)站的一大特點(diǎn)。
簡(jiǎn)約風(fēng)格網(wǎng)站的登錄頁(yè)是呈現(xiàn)“比較有限挑選”風(fēng)采最好的地區(qū)。Gengo就這樣一個(gè)實(shí)例，做為一家技術(shù)專業(yè)的字幕翻譯企業(yè)，Gengo的登錄頁(yè)只有一個(gè)文本框和一個(gè)漢語(yǔ)翻譯按鍵i，用戶徹底不用做挑選——她們只有鍵入內(nèi)容，隨后漢語(yǔ)翻譯變換（自然，是收費(fèi)標(biāo)準(zhǔn)的）。自然，針對(duì)這些瘋狂的極簡(jiǎn)風(fēng)格分子結(jié)構(gòu)來(lái)講，Gengo很有可能還不夠單純，由于頂部的導(dǎo)航條仍然具有影響用戶視覺(jué)的概率。
4、致力于排版設(shè)計(jì)
假如你確實(shí)想深入了解簡(jiǎn)約設(shè)計(jì)的精粹，那麼何不看一下Brian Danaher的網(wǎng)站。Brian是一名設(shè)計(jì)師、插畫(huà)家及其創(chuàng)意總監(jiān)。如同你所見(jiàn)到的，它的網(wǎng)站關(guān)鍵倚賴于兩大設(shè)計(jì)方式：加粗字體，與你始終沒(méi)法錯(cuò)過(guò)了的單欄式合理布局。就那么簡(jiǎn)易！盡管看上去有點(diǎn)兒簡(jiǎn)單直接，可是Brian的這類設(shè)計(jì)完成了2個(gè)尤為重要的總體目標(biāo)：
1、導(dǎo)航條設(shè)計(jì)成單欄的方式，關(guān)鍵的信息內(nèi)容清楚形象化地呈現(xiàn)在用戶眼前，Brian到底是誰(shuí)，他是干什么的，他的著作有什么，怎么聯(lián)系他，都清楚地展現(xiàn)在顯示屏上。
2、Brian取得成功地應(yīng)用飽和度（字體樣式和背景的對(duì)比色，字體樣式和字體大小規(guī)格的比照）給用戶展現(xiàn)出有意思的內(nèi)容。
5、簡(jiǎn)單化導(dǎo)航條
在我們討論簡(jiǎn)約風(fēng)格網(wǎng)站的情況下，經(jīng)常會(huì)忽視導(dǎo)航條萊單的設(shè)計(jì)。它能夠做的十分大，來(lái)加強(qiáng)網(wǎng)站視覺(jué)，還可以融進(jìn)網(wǎng)站背景，以一種默然而無(wú)影響的姿勢(shì)展現(xiàn)出去。
看一下作為攝像師和設(shè)計(jì)師的Cristian Ordonez是如何設(shè)計(jì)網(wǎng)站的吧。在他的網(wǎng)站上，導(dǎo)航條并沒(méi)有像別的網(wǎng)站一樣一條形跨過(guò)網(wǎng)站頂端，導(dǎo)航條的新項(xiàng)目?jī)H僅清靜地放置右上方。因?yàn)椴粫?huì)有大量的下拉列表，因此 都沒(méi)有大量的層。萊單的色調(diào)也恰當(dāng)?shù)厝谶M(jìn)到背景中。
6、應(yīng)用顏色補(bǔ)丁包
在網(wǎng)站設(shè)計(jì)中合理使用小圖形能夠讓用戶更非常容易注意到網(wǎng)頁(yè)頁(yè)面關(guān)鍵的一部分。960 Grid System 網(wǎng)站便是案例。960柵格系統(tǒng)便是期待能簡(jiǎn)單化網(wǎng)站的開(kāi)發(fā)流程，因此 965 Grid System網(wǎng)站自身就靈便地應(yīng)用柵格系統(tǒng)系統(tǒng)軟件，將不一樣的內(nèi)容分層展現(xiàn)出去。淡黃色的“view demo”在深棕色底和乳白色文本為主導(dǎo)的網(wǎng)站上十分明顯又不容易反客為主，左上方的Twitter標(biāo)志則立即連接到網(wǎng)站主設(shè)計(jì)師Nathan Smith的Twitter上。
掌握簡(jiǎn)約風(fēng)格你也就可用好它
跟一部分設(shè)計(jì)師談及簡(jiǎn)約風(fēng)格設(shè)計(jì)的情況下，她們會(huì)不正確的覺(jué)得應(yīng)用這類設(shè)計(jì)風(fēng)格設(shè)計(jì)的網(wǎng)頁(yè)頁(yè)面不足誘惑力，殊不知實(shí)際上，簡(jiǎn)約風(fēng)格下早已擁有這般多的出色設(shè)計(jì)。
