編后語(yǔ):簡(jiǎn)風(fēng)格的風(fēng)靡讓愈來(lái)愈多的網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)師開(kāi)始癡迷簡(jiǎn)易、簡(jiǎn)潔的網(wǎng)頁(yè)頁(yè)面設(shè)計(jì),CARRIE COUSINS 的本文就幫你拿下這個(gè)問(wèn)題~
挑明的講,在網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)這一件事情上,簡(jiǎn)易的設(shè)計(jì)通常更強(qiáng)。一個(gè)簡(jiǎn)易實(shí)用的頁(yè)面更隨便為用戶所操縱,也更隨便將一個(gè)新用戶轉(zhuǎn)換為一個(gè)開(kāi)朗用戶。
應(yīng)對(duì)繁雜的須要,許多設(shè)計(jì)師總是會(huì)身禁不住己地朝著繁雜的方位來(lái)設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面,那麼究竟要如何把一個(gè)早已較為繁雜的網(wǎng)址簡(jiǎn)單化出來(lái)呢進(jìn)一步構(gòu)思并不繁雜,技巧取決于根據(jù)用戶總體目標(biāo),從新思考所有方式,將防礙用戶達(dá)到總體目標(biāo)的防礙都消除掉。
而我們要聊的 10 個(gè)簡(jiǎn)單化技能全是縈繞著這一構(gòu)思來(lái)促進(jìn)的。不管你是已經(jīng)設(shè)計(jì)一個(gè)全新升級(jí)的網(wǎng)址,或是對(duì)于目前的網(wǎng)址開(kāi)展簡(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ò)過(guò)了。
2、簡(jiǎn)單化分頁(yè)查詢
你所設(shè)計(jì)的網(wǎng)頁(yè)頁(yè)面是不是須要分許多不一樣的網(wǎng)頁(yè)頁(yè)面?這種網(wǎng)頁(yè)頁(yè)面有不盤剝的必需呢?你很有可能從新思考這個(gè)問(wèn)題了。
將多網(wǎng)頁(yè)頁(yè)面的內(nèi)容簡(jiǎn)單化為可整治的區(qū)塊鏈,不必讓用戶為了更好地查詢內(nèi)容而多點(diǎn)一下,將相關(guān)的內(nèi)容儲(chǔ)存到一起,便捷用戶集中化訪問(wèn)跟查詢。
刪掉到期的、到期的內(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ù)荷更小,尤其是如果你的所有視覺(jué)效果設(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ì)上,常常肯定更為艱難。選擇標(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)容可能開(kāi)啟用戶80%的實(shí)際操作,這代表著你的內(nèi)容理應(yīng)有分清主次之分,行動(dòng)命令術(shù)語(yǔ)跟行動(dòng)命令按鍵等頁(yè)面原素將是領(lǐng)導(dǎo)干部用戶互動(dòng)的關(guān)鍵構(gòu)成部分。
充分考慮這一點(diǎn),在你開(kāi)展設(shè)計(jì)的情況下,理應(yīng)將設(shè)計(jì)的點(diǎn)放到這20%的內(nèi)容上,而剩余的80%的內(nèi)容則根據(jù)須要開(kāi)展調(diào)濟(jì)。這20%的原素一般全是吸引住用戶點(diǎn)一下的那部分內(nèi)容:按鍵、照片跟行動(dòng)命令文字。
倘若你覺(jué)得20/ 80 規(guī)則聽(tīng)起來(lái)很了解,那麼你很有可能是在其他住所以前聽(tīng)見(jiàn)過(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ī)則。
隨便訪問(wèn)的字體樣式,一般都擁有 規(guī)范的外型造型設(shè)計(jì),勻稱的畫筆,質(zhì)樸無(wú)華而不用不必要的裝修。一套的字體樣式一般擁有 多種多樣的字重跟可選擇的樣式,不須要你再尋找其他的字體樣式來(lái)配搭。而在排版設(shè)計(jì)的難題上,文字須要同情況擁有 充足的比照。
在設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面的情況下,一般會(huì)使用兩個(gè)字體樣式,一套運(yùn)用到表述上,此外一套字體樣式則使用題型上,作為展現(xiàn)。
8、擴(kuò)大文字規(guī)格
在開(kāi)展排版設(shè)計(jì)設(shè)計(jì)的情況下,你須要在合適的情況下提升文字規(guī)格。伴隨著我們?nèi)针S處可見(jiàn)的顯示屏尺寸的提升,我們須要讓用戶見(jiàn)到我們所提供的信息,并并不是堆積大量的內(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ì)很有可能從視覺(jué)效果上掌權(quán)內(nèi)容的繁雜度,而文本則很有可能掌權(quán)在信息傳達(dá)上的繁雜度。二者進(jìn)一步是等同于關(guān)鍵。每一個(gè)語(yǔ)匯都理應(yīng)跟視覺(jué)效果堅(jiān)持不懈含意跟信息上的一致性。
創(chuàng)意文案跟視覺(jué)效果一樣,都須要反復(fù)考慮到。
網(wǎng)址是可傳達(dá)、可訪問(wèn)的媒體,因而創(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ò)多的規(guī)定會(huì)很隨便讓訪問(wèn)量感覺(jué)錯(cuò)亂。
總結(jié)
繁雜的網(wǎng)址過(guò)多,要想使你根據(jù)網(wǎng)址同用戶開(kāi)展暢順的溝通交流,設(shè)計(jì)是不是夠簡(jiǎn)易是相當(dāng)關(guān)鍵的影響因素。不論是填好表格或是免費(fèi)下載APP,每一個(gè)設(shè)計(jì)原素都理應(yīng)恰到權(quán)益,而不容易由于承擔(dān)而讓用戶感覺(jué)膩煩。
實(shí)際上有時(shí)用戶喜不好看起來(lái)“圓潤(rùn)”的繁雜的設(shè)計(jì),但是蔓延到到實(shí)際的互動(dòng)與作用的情況下,簡(jiǎn)易的設(shè)計(jì)每一次都能讓用戶欲罷不能。