編者按:極簡風(fēng)格的時興讓愈來愈多的網(wǎng)頁頁面設(shè)計師逐漸癡迷簡易、簡潔的網(wǎng)頁頁面設(shè)計,CARRIE COUSINS 的本文就幫你拿下這個問題~
坦誠的講,在網(wǎng)頁頁面設(shè)計這一件事兒上,簡易的設(shè)計通常更強。一個簡易實用的頁面更非常容易為用戶所把握,也更非常容易將一個新用戶轉(zhuǎn)換為一個活躍性用戶。
應(yīng)對繁雜的要求,很多設(shè)計師總是會身不由已地朝著繁雜的方位來設(shè)計網(wǎng)頁頁面,那麼究竟要如何把一個早已非常復(fù)雜的網(wǎng)站簡單化出來呢?實際上構(gòu)思并不繁雜,技巧取決于依據(jù)用戶總體目標,再次思考全部途徑,將防礙用戶達到總體目標的阻礙都消除掉。
而今日我們要聊的10個簡單化方法全是緊緊圍繞著這一構(gòu)思來推動的。不管你是已經(jīng)設(shè)計一個全新升級的網(wǎng)站,或是對于目前的網(wǎng)站開展簡單化,這10個簡單化方法都十分非常值得試著。
1、致力于做個人行為招喚設(shè)計
網(wǎng)站上的每一處設(shè)計都應(yīng)該是有目地的,都相對應(yīng)地順從用戶的某一個人行為或是要求,它是不言而喻的。
這也為個人行為招喚的設(shè)計給予了根據(jù)。正確引導(dǎo)用戶的創(chuàng)意文案、按鍵和連接都應(yīng)當(dāng)清楚、顯著,始終不必讓用戶錯過了。
2、簡單化分頁查詢
你所設(shè)計的頁面是不是必須分許多 不一樣的頁面?這種頁面是否有切分的必需呢?你能再次思索這個問題了。
將多頁面的內(nèi)容簡單化為可管理方法的區(qū)塊鏈,不必讓用戶為了更好地查詢內(nèi)容而多點一下,將有關(guān)的內(nèi)容儲存到一起,便捷用戶集中化閱讀文章和查詢。
刪掉到期的、落伍的內(nèi)容和信息內(nèi)容、小插件和第三方的信息內(nèi)容都合拼到相對應(yīng)的區(qū)塊鏈之中,不必零散的置放。

3、統(tǒng)一色彩搭配
盡管許多 色彩的確很有誘惑力,可是他們也非常容易反客為主。堅持不懈將色彩搭配操縱在兩到三個色彩,那樣能使你盡量好的操縱全部設(shè)計的顏色。
假如你要使你的顏色盡量簡易,那麼你能選用純色顏色,你能發(fā)覺這類簡易的色彩搭配是這般的好看,較少的色彩針對用戶的心理負荷更小,尤其是如果你的全部視覺效果設(shè)計充足和睦的情況下。
4、選用規(guī)范的導(dǎo)航欄設(shè)計方案
盡管內(nèi)藏式的導(dǎo)航欄看上去很帥,而非傳統(tǒng)的藝術(shù)創(chuàng)意導(dǎo)航欄也十分的贊,可是這種導(dǎo)航欄方式針對用戶并并不是那麼友善。偏移基本的設(shè)計方案盡管非常容易令人記牢,可是在應(yīng)用感受上,經(jīng)常相對性更為艱難。挑選標準模式的導(dǎo)航欄,可以使你的網(wǎng)址更為實用。
最基本的導(dǎo)航欄方式,是將導(dǎo)航條放置網(wǎng)頁頁面頂部,一般 是3到八個不一樣的選擇項,自然,不必挑選十年前時興的繁雜、全方位的大中型頁面導(dǎo)航,除非是你是京東淘寶那樣的大中型零售電子商務(wù)。

5、選用80/20標準
請記牢,你的網(wǎng)址中20%的內(nèi)容可能開啟用戶80%的實際操作,這代表著你的內(nèi)容理應(yīng)有分清主次之分,個人行為招喚術(shù)語和個人行為招喚按鍵等頁面原素將是正確引導(dǎo)用戶互動的關(guān)鍵構(gòu)成部分。
充分考慮這一點,在你開展設(shè)計方案的情況下,應(yīng)當(dāng)將設(shè)計方案的重心點放到這20%的內(nèi)容上,而剩余的80%的內(nèi)容則依據(jù)要求開展調(diào)節(jié)。這20%的原素一般 全是最吸引住用戶點一下的那一部分內(nèi)容:按鍵、照片和個人行為招喚文本。
如果你覺得20/80標準聽起來很了解,那麼你很有可能是在其他地區(qū)以前聽見過它,它是經(jīng)濟師 Vilfredo Pareto 所明確提出,基本上在全部行業(yè)都可用,它也被稱作Pareto標準,或是關(guān)鍵極少數(shù)規(guī)律。
6、有到達站應(yīng)用UI原素
標志、照片等每一個UI原素在全部設(shè)計方案上都有其功效,有一些原素的應(yīng)用是有約定成俗的標準,不必由于一些原素看上去酷,或是單純性“為了更好地有”而再加上,最好是統(tǒng)籌謀劃,在適合的地區(qū),有效地應(yīng)用UI原素。

7、細心選擇字體
字體和排版設(shè)計一樣遵照少即是多的標準。
最非常容易閱讀文章的字體,一般 都擁有 規(guī)范的外型造型設(shè)計,勻稱的畫筆,質(zhì)樸無華而不用不必要的裝飾設(shè)計。一套詳細的字體一般 擁有 多種多樣的字重和可選擇的款式,不用你再尋找別的的字體來配搭。而在排版設(shè)計的難題上,文本必須同情況擁有 充足的比照,
在設(shè)計網(wǎng)頁的情況下,一般 會采用兩個字體,一套運用到文章正文上,此外一套字體則采用文章標題上,作為展現(xiàn)。
8、擴大文本規(guī)格
在開展設(shè)計排版的情況下,你需要在適合的情況下提升文本規(guī)格。伴隨著大家日隨處可見的顯示屏尺寸的提升,大家必須讓用戶見到大家所給予的信息,并并不是堆積大量的內(nèi)容,只是要有效的提升文本的規(guī)格。
盡管在手機端設(shè)計方案上這類要求并不顯著,可是依據(jù)具體情況,適度的提高字體規(guī)格能讓文本的易讀性有顯著的提高。自然,放置商品詳情頁的關(guān)鍵字要顯著,吸引住用戶翻轉(zhuǎn),而不是將全部的內(nèi)容都堆在商品詳情頁。

9、建立最易讀的創(chuàng)意文案
排版設(shè)計可以從視覺效果上操縱內(nèi)容的復(fù)雜性,而文本則可以操縱在信息傳遞上的復(fù)雜性。二者實際上是同樣關(guān)鍵。每一個語匯都應(yīng)當(dāng)和視覺效果維持實際意義和信息上的一致性。
創(chuàng)意文案和視覺效果一樣,都必須反復(fù)研究。
網(wǎng)址是可傳遞、可閱讀文章的媒體,因而創(chuàng)意文案和內(nèi)容都理應(yīng)整潔、介紹,且高寬比可讀。你能依據(jù)網(wǎng)址的設(shè)計風(fēng)格,應(yīng)用合乎相對應(yīng)特性的創(chuàng)意文案。
10、擺脫一項標準
有的情況下標準是用于擺脫的,可是假如你要使你的設(shè)計方案維持簡易,那麼你一直在設(shè)計方案的情況下,應(yīng)當(dāng)有目的的擺脫一條標準,可是只有是一條。
假如你必須使你的設(shè)計方案在簡易的另外,又不是自始至終墨守陳規(guī),那麼擺脫一條標準是使你與眾不同的更快的方式。它會使你的設(shè)計方案看上去不那麼不同尋常,可是又能如影隨行,擺脫過多的標準會非常容易讓訪問者感覺錯亂。

總結(jié)
繁雜的網(wǎng)址過多,要想使你根據(jù)網(wǎng)址同用戶開展暢順的溝通交流,設(shè)計方案是不是夠簡易是非常關(guān)鍵的影響因素。不論是填好表格或是免費下載APP,每一個設(shè)計風(fēng)格都理應(yīng)恰如其分,而不容易由于承擔(dān)而讓用戶感覺厭倦。
盡管有時用戶喜愛看上去“圓潤”的繁雜的設(shè)計方案,但是牽涉到實際的互動與作用的情況下,簡易的設(shè)計方案每一次都能讓用戶欲罷不能。