編者按：極簡(jiǎn)風(fēng)格的時(shí)興讓愈來愈多的網(wǎng)頁頁面設(shè)計(jì)師逐漸癡迷簡(jiǎn)易、簡(jiǎn)潔的網(wǎng)頁頁面設(shè)計(jì)，CARRIE COUSINS 的本文就幫你拿下這個(gè)問題~
坦誠的講，在網(wǎng)頁頁面設(shè)計(jì)這一件事兒上，簡(jiǎn)易的設(shè)計(jì)通常更強(qiáng)。一個(gè)簡(jiǎn)易實(shí)用的頁面更非常容易為用戶所把握，也更非常容易將一個(gè)新用戶轉(zhuǎn)換為一個(gè)活躍性用戶。
應(yīng)對(duì)繁雜的要求，很多設(shè)計(jì)師總是會(huì)身不由已地朝著繁雜的方位來設(shè)計(jì)網(wǎng)頁頁面，那麼究竟要如何把一個(gè)早已非常復(fù)雜的網(wǎng)站簡(jiǎn)單化出來呢？實(shí)際上構(gòu)思并不繁雜，技巧取決于依據(jù)用戶總體目標(biāo)，再次思考全部途徑，將防礙用戶達(dá)到總體目標(biāo)的阻礙都消除掉。
而今日我們要聊的10個(gè)簡(jiǎn)單化方法全是緊緊圍繞著這一構(gòu)思來推動(dòng)的。不管你是已經(jīng)設(shè)計(jì)一個(gè)全新升級(jí)的網(wǎng)站，或是對(duì)于目前的網(wǎng)站開展簡(jiǎn)單化，這10個(gè)簡(jiǎn)單化方法都十分非常值得試著。
1、致力于做個(gè)人行為招喚設(shè)計(jì)
網(wǎng)站上的每一處設(shè)計(jì)都應(yīng)該是有目地的，都相對(duì)應(yīng)地順從用戶的某一個(gè)人行為或是要求，它是不言而喻的。
這也為個(gè)人行為招喚的設(shè)計(jì)給予了根據(jù)。正確引導(dǎo)用戶的創(chuàng)意文案、按鍵和連接都應(yīng)當(dāng)清楚、顯著，始終不必讓用戶錯(cuò)過了。
2、簡(jiǎn)單化分頁查詢
你所設(shè)計(jì)的頁面是不是必須分許多 不一樣的頁面？這種頁面是否有切分的必需呢？你能再次思索這個(gè)問題了。
將多頁面的內(nèi)容簡(jiǎn)單化為可管理方法的區(qū)塊鏈，不必讓用戶為了更好地查詢內(nèi)容而多點(diǎn)一下，將有關(guān)的內(nèi)容儲(chǔ)存到一起，便捷用戶集中化閱讀文章和查詢。
刪掉到期的、落伍的內(nèi)容和信息內(nèi)容、小插件和第三方的信息內(nèi)容都合拼到相對(duì)應(yīng)的區(qū)塊鏈之中，不必零散的置放。
3、統(tǒng)一色彩搭配
盡管許多 色彩的確很有誘惑力，可是他們也非常容易反客為主。堅(jiān)持不懈將色彩搭配操縱在兩到三個(gè)色彩，那樣能使你盡量好的操縱全部設(shè)計(jì)的顏色。
假如你要使你的顏色盡量簡(jiǎn)易，那麼你能選用純色顏色，你能發(fā)覺這類簡(jiǎn)易的色彩搭配是這般的好看，較少的色彩針對(duì)用戶的心理負(fù)荷更小，尤其是如果你的全部視覺效果設(shè)計(jì)充足和睦的情況下。
4、選用規(guī)范的導(dǎo)航欄設(shè)計(jì)方案
盡管內(nèi)藏式的導(dǎo)航欄看上去很帥，而非傳統(tǒng)的藝術(shù)創(chuàng)意導(dǎo)航欄也十分的贊，可是這種導(dǎo)航欄方式針對(duì)用戶并并不是那麼友善。偏移基本的設(shè)計(jì)方案盡管非常容易令人記牢，可是在應(yīng)用感受上，經(jīng)常相對(duì)性更為艱難。挑選標(biāo)準(zhǔn)模式的導(dǎo)航欄，可以使你的網(wǎng)址更為實(shí)用。
最基本的導(dǎo)航欄方式，是將導(dǎo)航條放置網(wǎng)頁頁面頂部，一般 是3到八個(gè)不一樣的選擇項(xiàng)，自然，不必挑選十年前時(shí)興的繁雜、全方位的大中型頁面導(dǎo)航，除非是你是京東淘寶那樣的大中型零售電子商務(wù)。
5、選用80/20標(biāo)準(zhǔn)
請(qǐng)記牢，你的網(wǎng)址中20%的內(nèi)容可能開啟用戶80%的實(shí)際操作，這代表著你的內(nèi)容理應(yīng)有分清主次之分，個(gè)人行為招喚術(shù)語和個(gè)人行為招喚按鍵等頁面原素將是正確引導(dǎo)用戶互動(dòng)的關(guān)鍵構(gòu)成部分。
充分考慮這一點(diǎn)，在你開展設(shè)計(jì)方案的情況下，應(yīng)當(dāng)將設(shè)計(jì)方案的重心點(diǎn)放到這20%的內(nèi)容上，而剩余的80%的內(nèi)容則依據(jù)要求開展調(diào)節(jié)。這20%的原素一般 全是最吸引住用戶點(diǎn)一下的那一部分內(nèi)容：按鍵、照片和個(gè)人行為招喚文本。
如果你覺得20/80標(biāo)準(zhǔn)聽起來很了解，那麼你很有可能是在其他地區(qū)以前聽見過它，它是經(jīng)濟(jì)師 Vilfredo Pareto 所明確提出，基本上在全部行業(yè)都可用，它也被稱作Pareto標(biāo)準(zhǔn)，或是關(guān)鍵極少數(shù)規(guī)律。
6、有到達(dá)站應(yīng)用UI原素
標(biāo)志、照片等每一個(gè)UI原素在全部設(shè)計(jì)方案上都有其功效，有一些原素的應(yīng)用是有約定成俗的標(biāo)準(zhǔn)，不必由于一些原素看上去酷，或是單純性“為了更好地有”而再加上，最好是統(tǒng)籌謀劃，在適合的地區(qū)，有效地應(yīng)用UI原素。
7、細(xì)心選擇字體
字體和排版設(shè)計(jì)一樣遵照少即是多的標(biāo)準(zhǔn)。
最非常容易閱讀文章的字體，一般 都擁有 規(guī)范的外型造型設(shè)計(jì)，勻稱的畫筆，質(zhì)樸無華而不用不必要的裝飾設(shè)計(jì)。一套詳細(xì)的字體一般 擁有 多種多樣的字重和可選擇的款式，不用你再尋找別的的字體來配搭。而在排版設(shè)計(jì)的難題上，文本必須同情況擁有 充足的比照，
在設(shè)計(jì)網(wǎng)頁的情況下，一般 會(huì)采用兩個(gè)字體，一套運(yùn)用到文章正文上，此外一套字體則采用文章標(biāo)題上，作為展現(xiàn)。
8、擴(kuò)大文本規(guī)格
在開展設(shè)計(jì)排版的情況下，你需要在適合的情況下提升文本規(guī)格。伴隨著大家日隨處可見的顯示屏尺寸的提升，大家必須讓用戶見到大家所給予的信息，并并不是堆積大量的內(nèi)容，只是要有效的提升文本的規(guī)格。
盡管在手機(jī)端設(shè)計(jì)方案上這類要求并不顯著，可是依據(jù)具體情況，適度的提高字體規(guī)格能讓文本的易讀性有顯著的提高。自然，放置商品詳情頁的關(guān)鍵字要顯著，吸引住用戶翻轉(zhuǎn)，而不是將全部的內(nèi)容都堆在商品詳情頁。
9、建立最易讀的創(chuàng)意文案
排版設(shè)計(jì)可以從視覺效果上操縱內(nèi)容的復(fù)雜性，而文本則可以操縱在信息傳遞上的復(fù)雜性。二者實(shí)際上是同樣關(guān)鍵。每一個(gè)語匯都應(yīng)當(dāng)和視覺效果維持實(shí)際意義和信息上的一致性。
創(chuàng)意文案和視覺效果一樣，都必須反復(fù)研究。
網(wǎng)址是可傳遞、可閱讀文章的媒體，因而創(chuàng)意文案和內(nèi)容都理應(yīng)整潔、介紹，且高寬比可讀。你能依據(jù)網(wǎng)址的設(shè)計(jì)風(fēng)格，應(yīng)用合乎相對(duì)應(yīng)特性的創(chuàng)意文案。
10、擺脫一項(xiàng)標(biāo)準(zhǔn)
有的情況下標(biāo)準(zhǔn)是用于擺脫的，可是假如你要使你的設(shè)計(jì)方案維持簡(jiǎn)易，那麼你一直在設(shè)計(jì)方案的情況下，應(yīng)當(dāng)有目的的擺脫一條標(biāo)準(zhǔn)，可是只有是一條。
假如你必須使你的設(shè)計(jì)方案在簡(jiǎn)易的另外，又不是自始至終墨守陳規(guī)，那麼擺脫一條標(biāo)準(zhǔn)是使你與眾不同的更快的方式。它會(huì)使你的設(shè)計(jì)方案看上去不那麼不同尋常，可是又能如影隨行，擺脫過多的標(biāo)準(zhǔn)會(huì)非常容易讓訪問者感覺錯(cuò)亂。
總結(jié)
繁雜的網(wǎng)址過多，要想使你根據(jù)網(wǎng)址同用戶開展暢順的溝通交流，設(shè)計(jì)方案是不是夠簡(jiǎn)易是非常關(guān)鍵的影響因素。不論是填好表格或是免費(fèi)下載APP，每一個(gè)設(shè)計(jì)風(fēng)格都理應(yīng)恰如其分，而不容易由于承擔(dān)而讓用戶感覺厭倦。
盡管有時(shí)用戶喜愛看上去“圓潤(rùn)”的繁雜的設(shè)計(jì)方案，但是牽涉到實(shí)際的互動(dòng)與作用的情況下，簡(jiǎn)易的設(shè)計(jì)方案每一次都能讓用戶欲罷不能。
