這10個(gè)思路,能幫你設(shè)計(jì)出簡(jiǎn)單易用的網(wǎng)頁(yè)
坦率的講,在網(wǎng)頁(yè)設(shè)計(jì)這件事情上,簡(jiǎn)單的設(shè)計(jì)往往更好。一個(gè)簡(jiǎn)單易用的界面更容易為用戶(hù)所掌握,也更容易將一個(gè)新用戶(hù)轉(zhuǎn)化為一個(gè)活躍用戶(hù)。無(wú)論你是正在設(shè)計(jì)一個(gè)全新的網(wǎng)站,還是針對(duì)現(xiàn)有的網(wǎng)站進(jìn)行簡(jiǎn)化,這10個(gè)簡(jiǎn)化技巧都非常值得嘗試。
1、專(zhuān)注于做行為召喚設(shè)計(jì)
網(wǎng)站上的每一處設(shè)計(jì)都應(yīng)該是有目的的,都相應(yīng)地迎合用戶(hù)的某個(gè)行為或者需求,這是顯而易見(jiàn)的。引導(dǎo)用戶(hù)的文案、按鈕和鏈接都應(yīng)該清晰、明顯,永遠(yuǎn)不要讓用戶(hù)錯(cuò)過(guò)。
2、簡(jiǎn)化分頁(yè)
將多頁(yè)面的內(nèi)容簡(jiǎn)化為可管理的區(qū)塊,不要讓用戶(hù)為了查看內(nèi)容而多點(diǎn)擊,將相關(guān)的內(nèi)容保存到一起,方便用戶(hù)集中閱讀和查看。
3、統(tǒng)一配色方案
雖然很多色彩確實(shí)很有吸引力,但是它們也很容易喧賓奪主。堅(jiān)持將配色方案控制在兩到三個(gè)色彩,這樣能讓你盡可能好的控制整個(gè)設(shè)計(jì)的配色。如果你想讓你的配色盡可能簡(jiǎn)單,那么你可以采用單色配色,你會(huì)發(fā)現(xiàn)這種簡(jiǎn)單的色調(diào)搭配是如此的漂亮,較少的色彩對(duì)于用戶(hù)的心理負(fù)荷更小,尤其是當(dāng)你的整個(gè)視覺(jué)設(shè)計(jì)足夠和諧的時(shí)候。
4、采用標(biāo)準(zhǔn)的導(dǎo)航設(shè)計(jì)
最常規(guī)的導(dǎo)航模式,是將導(dǎo)航欄置于頁(yè)面頂端,通常是3到8個(gè)不同的選項(xiàng),當(dāng)然,不要選擇10年前流行的復(fù)雜、全面的大型導(dǎo)航菜單,除非你是京東淘寶這樣的大型零售電商。
5、采用80/20原則
請(qǐng)記住,你的網(wǎng)站中20%的內(nèi)容將會(huì)觸發(fā)用戶(hù)80%的操作,這意味著你的內(nèi)容應(yīng)當(dāng)有輕重緩急之分,行為召喚用語(yǔ)和行為召喚按鈕等界面元素將是引導(dǎo)用戶(hù)交互的重要組成部分。考慮到這一點(diǎn),在你進(jìn)行設(shè)計(jì)的時(shí)候,應(yīng)該將設(shè)計(jì)的重心放在這20%的內(nèi)容上,而剩下的80%的內(nèi)容則根據(jù)需求進(jìn)行調(diào)整。這20%的元素通常都是最吸引用戶(hù)點(diǎn)擊的那部分內(nèi)容:按鈕、圖片和行為召喚文本。
6、有目的地使用UI元素
圖標(biāo)、圖片等每一個(gè)UI元素在整個(gè)設(shè)計(jì)中都有其作用,有些元素的使用是有約定俗成的規(guī)則,不要因?yàn)槟承┰乜雌饋?lái)酷,或者單純“為了有”而加上,最好通盤(pán)考慮,在合適的地方,合理地使用UI元素。
7、仔細(xì)挑選字體
最容易閱讀的字體,通常都有著標(biāo)準(zhǔn)的外觀造型,均勻的筆觸,樸實(shí)無(wú)華而無(wú)需多余的裝飾。一套完整的字體通常有著多樣的字重和可選的樣式,不需要你再去尋找其他的字體來(lái)搭配。
8、增大文本尺寸
在進(jìn)行排版設(shè)計(jì)的時(shí)候,你需要在合適的時(shí)候增加文本尺寸。隨著我們?nèi)粘?吹降钠聊怀叽绲脑黾樱覀冃枰層脩?hù)看到我們所提供的信息,并不是堆砌更多的內(nèi)容,而是要合理的增加文本的尺寸。
9、創(chuàng)建易讀的文案
排版能夠從視覺(jué)上控制內(nèi)容的復(fù)雜度,而文字則能夠控制在信息傳達(dá)上的復(fù)雜度。兩者其實(shí)是同等重要。每個(gè)詞匯都應(yīng)該和視覺(jué)保持意義和信息上的一致性。網(wǎng)站是可傳達(dá)、可閱讀的媒介,因此文案和內(nèi)容都應(yīng)當(dāng)干凈、簡(jiǎn)介,且高度可讀。你可以根據(jù)網(wǎng)站的風(fēng)格,使用符合相應(yīng)調(diào)性的文案。
10、打破一項(xiàng)規(guī)則
有的時(shí)候規(guī)則是用來(lái)打破的,但是如果你想讓你的設(shè)計(jì)保持簡(jiǎn)單,那么你在設(shè)計(jì)的時(shí)候,應(yīng)該有意識(shí)的打破一條規(guī)則,但是只能是一條。
結(jié)語(yǔ)
復(fù)雜的網(wǎng)站太多,想要讓你通過(guò)網(wǎng)站同用戶(hù)進(jìn)行順暢的溝通,設(shè)計(jì)是否夠簡(jiǎn)單是相當(dāng)重要的影響因素。無(wú)論是填寫(xiě)表單還是下載APP,每個(gè)設(shè)計(jì)元素都應(yīng)當(dāng)恰到好處,而不會(huì)因?yàn)樨?fù)責(zé)而讓用戶(hù)覺(jué)得厭煩。
無(wú)錫網(wǎng)頁(yè)設(shè)計(jì)就找無(wú)錫海之睿(www.haizr.com)