編后語：簡(jiǎn)風(fēng)格的風(fēng)靡讓愈來愈多的網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)師開始癡迷簡(jiǎn)易、簡(jiǎn)潔的網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)，CARRIE COUSINS 的本文就幫你拿下這個(gè)問題~
挑明的講，在網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)這一件事情上，簡(jiǎn)易的設(shè)計(jì)通常更強(qiáng)。一個(gè)簡(jiǎn)易實(shí)用的頁(yè)面更隨便為用戶所操縱，也更隨便將一個(gè)新用戶轉(zhuǎn)換為一個(gè)開朗用戶。
應(yīng)對(duì)繁雜的須要，許多設(shè)計(jì)師總是會(huì)身禁不住己地朝著繁雜的方位來設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面，那麼究竟要如何把一個(gè)早已較為繁雜的網(wǎng)址簡(jiǎn)單化出來呢進(jìn)一步構(gòu)思并不繁雜，技巧取決于根據(jù)用戶總體目標(biāo)，從新思考所有方式，將防礙用戶達(dá)到總體目標(biāo)的防礙都消除掉。
而我們要聊的 10 個(gè)簡(jiǎn)單化技能全是縈繞著這一構(gòu)思來促進(jìn)的。不管你是已經(jīng)設(shè)計(jì)一個(gè)全新升級(jí)的網(wǎng)址，或是對(duì)于目前的網(wǎng)址開展簡(jiǎn)單化，這 10 個(gè)簡(jiǎn)單化技能都十分非常值得試著。
1、專一于做行動(dòng)命令設(shè)計(jì)
網(wǎng)址上的每一處設(shè)計(jì)都理應(yīng)是有總體目標(biāo)的，都相對(duì)應(yīng)地順從用戶的某一行動(dòng)或是須要，它是不談得知的。
這也為行動(dòng)命令的設(shè)計(jì)提供了根據(jù)。領(lǐng)導(dǎo)干部用戶的創(chuàng)意文案、按鍵跟連接都理應(yīng)清晰、顯著，始終不必讓用戶錯(cuò)過了。
2、簡(jiǎn)單化分頁(yè)查詢
你所設(shè)計(jì)的網(wǎng)頁(yè)頁(yè)面是不是須要分許多不一樣的網(wǎng)頁(yè)頁(yè)面?這種網(wǎng)頁(yè)頁(yè)面有不盤剝的必需呢?你很有可能從新思考這個(gè)問題了。
將多網(wǎng)頁(yè)頁(yè)面的內(nèi)容簡(jiǎn)單化為可整治的區(qū)塊鏈，不必讓用戶為了更好地查詢內(nèi)容而多點(diǎn)一下，將相關(guān)的內(nèi)容儲(chǔ)存到一起，便捷用戶集中化訪問跟查詢。
刪掉到期的、到期的內(nèi)容跟信息、小插件跟第三方的信息都合拼到相對(duì)應(yīng)的區(qū)塊鏈之中，不必零碎的置放。
3、同一配色方案
實(shí)際上許多顏色準(zhǔn)確很有誘惑力，殊不知他們也很隨便反客為主。堅(jiān)持不懈將配色方案掌權(quán)在兩到三個(gè)顏色，那樣能使你盡量好的掌權(quán)所有設(shè)計(jì)的配色。
倘若你要使你的配色盡量簡(jiǎn)易，那麼你很有可能采用純色配色，你能創(chuàng)造發(fā)明這類簡(jiǎn)易的色彩搭配是這般的漂亮，較少的顏色對(duì)用戶的心理負(fù)荷更小，尤其是如果你的所有視覺效果設(shè)計(jì)充足跟諧的情況下。
4、采用規(guī)范的導(dǎo)航欄設(shè)計(jì)
實(shí)際上內(nèi)藏式的導(dǎo)航欄看上去很帥，并非通例的藝術(shù)創(chuàng)意導(dǎo)航欄也十分的贊，殊不知這種導(dǎo)航欄方式對(duì)用戶并并不是那麼友好。偏移通例的設(shè)計(jì)實(shí)際上隨便令人記牢，殊不知在運(yùn)用散會(huì)上，常?？隙ǜ鼮槠D難。選擇標(biāo)準(zhǔn)模式的導(dǎo)航欄，很有可能使你的網(wǎng)址更為實(shí)用。
通例的導(dǎo)航欄方式，是將導(dǎo)航條放置網(wǎng)頁(yè)頁(yè)面頂部，一般是 3 到 8 個(gè)不一樣的選擇項(xiàng)，自然，不必選擇 10 年以前風(fēng)靡的繁雜、的大中型頁(yè)面導(dǎo)航，除非是你是京東淘寶那樣的大中型零售電子商務(wù)。
5、采用80/ 20 規(guī)則
請(qǐng)記牢，你的網(wǎng)址中20%的內(nèi)容可能開啟用戶80%的實(shí)際操作，這代表著你的內(nèi)容理應(yīng)有分清主次之分，行動(dòng)命令術(shù)語跟行動(dòng)命令按鍵等頁(yè)面原素將是領(lǐng)導(dǎo)干部用戶互動(dòng)的關(guān)鍵構(gòu)成部分。
充分考慮這一點(diǎn)，在你開展設(shè)計(jì)的情況下，理應(yīng)將設(shè)計(jì)的點(diǎn)放到這20%的內(nèi)容上，而剩余的80%的內(nèi)容則根據(jù)須要開展調(diào)濟(jì)。這20%的原素一般全是吸引住用戶點(diǎn)一下的那部分內(nèi)容：按鍵、照片跟行動(dòng)命令文字。
倘若你覺得20/ 80 規(guī)則聽起來很了解，那麼你很有可能是在其他住所以前聽見過它，它是經(jīng)濟(jì)師 Vilfredo Pareto 所明確提出，是多少乎在全部范圍都好用，它也被稱作Pareto規(guī)則，或是關(guān)鍵少數(shù)法案。
6、有總體目標(biāo)天和用UI原素
標(biāo)志、照片等每一個(gè)UI原素在所有設(shè)計(jì)上都有其功效，有一些原素的運(yùn)用是有商談俗成的規(guī)定，不必由于一些原素看上去酷，或是單純性“為了更好地有”而再加上，是統(tǒng)籌謀劃，在合適的住所，公平天和用UI原素。
7、仔細(xì)挑選字體樣式
字體樣式跟排版設(shè)計(jì)一樣遵循少即是多的規(guī)則。
隨便訪問的字體樣式，一般都擁有 規(guī)范的外型造型設(shè)計(jì)，勻稱的畫筆，質(zhì)樸無華而不用不必要的裝修。一套的字體樣式一般擁有 多種多樣的字重跟可選擇的樣式，不須要你再尋找其他的字體樣式來配搭。而在排版設(shè)計(jì)的難題上，文字須要同情況擁有 充足的比照。
在設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面的情況下，一般會(huì)使用兩個(gè)字體樣式，一套運(yùn)用到表述上，此外一套字體樣式則使用題型上，作為展現(xiàn)。
8、擴(kuò)大文字規(guī)格
在開展排版設(shè)計(jì)設(shè)計(jì)的情況下，你須要在合適的情況下提升文字規(guī)格。伴隨著我們?nèi)针S處可見的顯示屏尺寸的提升，我們須要讓用戶見到我們所提供的信息，并并不是堆積大量的內(nèi)容，只是要公平的提升文字的規(guī)格。
實(shí)際上在移動(dòng)端設(shè)計(jì)上這類須要并不顯著，殊不知根據(jù)具體情況，適當(dāng)?shù)纳氉煮w樣式規(guī)格能讓文字的可讀性有顯著的升職。自然，放置商品詳情頁(yè)的重要詞要顯著，吸引住用戶旋轉(zhuǎn)，而不是將全部的內(nèi)容都堆在商品詳情頁(yè)。
9、建立易讀的創(chuàng)意文案
排版設(shè)計(jì)很有可能從視覺效果上掌權(quán)內(nèi)容的繁雜度，而文本則很有可能掌權(quán)在信息傳達(dá)上的繁雜度。二者進(jìn)一步是等同于關(guān)鍵。每一個(gè)語匯都理應(yīng)跟視覺效果堅(jiān)持不懈含意跟信息上的一致性。
創(chuàng)意文案跟視覺效果一樣，都須要反復(fù)考慮到。
網(wǎng)址是可傳達(dá)、可訪問的媒體，因而創(chuàng)意文案跟內(nèi)容都理應(yīng)清理、介紹，且高寬比可讀。你很有可能根據(jù)網(wǎng)址的風(fēng)格，運(yùn)用符合相對(duì)應(yīng)特性的創(chuàng)意文案。
10、攻克一項(xiàng)規(guī)定
有的情況下規(guī)定是用于攻克的，殊不知倘若你要使你的設(shè)計(jì)堅(jiān)持不懈簡(jiǎn)易，那麼你一直在設(shè)計(jì)的情況下，理應(yīng)有目的的攻克一條規(guī)定，殊不知只有是一條。
倘若你須要使你的設(shè)計(jì)在簡(jiǎn)易的與此同時(shí)，又不是自始至終循分守己，那麼攻克一條規(guī)定是使你與眾不同的更快的方式。它會(huì)使你的設(shè)計(jì)看上去不那麼平常，殊不知又能如影隨行，攻克過多的規(guī)定會(huì)很隨便讓訪問量感覺錯(cuò)亂。
總結(jié)
繁雜的網(wǎng)址過多，要想使你根據(jù)網(wǎng)址同用戶開展暢順的溝通交流，設(shè)計(jì)是不是夠簡(jiǎn)易是相當(dāng)關(guān)鍵的影響因素。不論是填好表格或是免費(fèi)下載APP，每一個(gè)設(shè)計(jì)原素都理應(yīng)恰到權(quán)益，而不容易由于承擔(dān)而讓用戶感覺膩煩。
實(shí)際上有時(shí)用戶喜不好看起來“圓潤(rùn)”的繁雜的設(shè)計(jì)，但是蔓延到到實(shí)際的互動(dòng)與作用的情況下，簡(jiǎn)易的設(shè)計(jì)每一次都能讓用戶欲罷不能。