頁(yè)面設(shè)計(jì)是網(wǎng)站建設(shè)一個(gè)很重要的環(huán)節(jié)，也是決定網(wǎng)站視覺(jué)效果的基本環(huán)節(jié)。通過(guò)分析用戶(hù)的瀏覽習(xí)慣以及需求，簡(jiǎn)單直觀的頁(yè)面更受大家的歡迎，但是對(duì)于設(shè)計(jì)師來(lái)說(shuō)，簡(jiǎn)單直觀的設(shè)計(jì)并沒(méi)有那么簡(jiǎn)單。如何設(shè)計(jì)出一個(gè)簡(jiǎn)單直觀的頁(yè)面呢？下面，序多多建站就帶大家了解一下讓頁(yè)面設(shè)計(jì)簡(jiǎn)單直觀的四個(gè)原則。

1、一個(gè)頁(yè)面，一個(gè)目標(biāo)

想要設(shè)計(jì)一個(gè)簡(jiǎn)單直觀的網(wǎng)站，那么你應(yīng)該為每個(gè)頁(yè)面設(shè)定一個(gè)目標(biāo)。每個(gè)頁(yè)面最終是要引領(lǐng)用戶(hù)進(jìn)行某一個(gè)操作，從導(dǎo)航到頁(yè)腳都要圍繞這一個(gè)目標(biāo)來(lái)設(shè)計(jì)?？梢允屈c(diǎn)擊一個(gè)鏈接，也可以是在表單中輸入信息，還可以是查看視頻或者進(jìn)入一個(gè)游戲。但是不論是哪種，都應(yīng)該關(guān)注單個(gè)用戶(hù)在這個(gè)頁(yè)面中的轉(zhuǎn)化率。

分散用戶(hù)注意力的東西太多了，他們可能因?yàn)檫@些干擾而打斷了原本正準(zhǔn)備進(jìn)行的操作。所以，你要做一個(gè)目的性明確的設(shè)計(jì)，集中精力來(lái)引導(dǎo)用戶(hù)。每個(gè)按鈕上下的設(shè)計(jì)元素，包括滾動(dòng)的效果本身，都盡量將用戶(hù)導(dǎo)向按鈕、鏈接等。這種目標(biāo)上的一致性能夠很好的幫助用戶(hù)了解他們需要在網(wǎng)站上做什么，簡(jiǎn)單的選擇往往能夠讓用戶(hù)更輕松參與進(jìn)來(lái)。

2、堅(jiān)持使用一兩個(gè)字體組

有許多設(shè)計(jì)規(guī)范會(huì)推薦用戶(hù)在一個(gè)設(shè)計(jì)項(xiàng)目中使用三個(gè)甚至更多的字體。不過(guò)，將使用的字體縮減到2個(gè)字體族當(dāng)中，會(huì)讓整個(gè)設(shè)計(jì)的凝聚力更強(qiáng)。

許多字體組當(dāng)中，不同的字重能夠創(chuàng)造足夠的視覺(jué)對(duì)比度。許多字體組當(dāng)中甚至包含了多種不同樣式的字體，其中有些可選的字體形式感十足，甚至非常適合用來(lái)做尺寸超大的標(biāo)題。所以，你的主要工作是挑選適合正文用的字體以及用作展示的字體，選擇兩套能夠相互搭配的字體組，那么你整套設(shè)計(jì)可用的字體搭配應(yīng)該都可以搞定了。接下來(lái)你會(huì)發(fā)現(xiàn)，這樣的字體搭配能夠讓你的整個(gè)排版和視覺(jué)層次更易于管理控制。

3、使用一致的對(duì)齊方式

左對(duì)齊，居中，還是靠右對(duì)齊，無(wú)論你是喜歡哪種，盡量在整個(gè)設(shè)計(jì)當(dāng)中貫徹這種方式。這種對(duì)齊方式的選取不僅僅是文本本身的對(duì)齊，還包含了各種其他元素的對(duì)齊方式。左對(duì)齊和居中對(duì)齊是最常見(jiàn)的兩種對(duì)齊的方式，因?yàn)檫@兩種是可讀性最強(qiáng)的排版方式。而在針對(duì)較長(zhǎng)的文本進(jìn)行排版的時(shí)候，左對(duì)齊是首選選項(xiàng)。

4、建立層次

用戶(hù)不應(yīng)該在查看你的網(wǎng)頁(yè)的過(guò)程中費(fèi)腦子思考，所以，即使是最簡(jiǎn)單的視覺(jué)排版，都應(yīng)該具備足夠清晰的層次。

你的設(shè)計(jì)應(yīng)該從主視覺(jué)開(kāi)始。它可以是一個(gè)圖像，也可以是一個(gè)視頻，同樣可以是一段文本，但不論是哪種，它都應(yīng)該是給予用戶(hù)第一印象的元素。接下來(lái)，通常需要有一些文字內(nèi)容，告知用戶(hù)這個(gè)設(shè)計(jì)或者這個(gè)網(wǎng)站是干啥的，通常，它會(huì)以標(biāo)題的形式和主視覺(jué)搭配起來(lái)，一同傳遞信息給用戶(hù)。

隨后可以增加一些說(shuō)明性的副標(biāo)題。此外，還應(yīng)該提供導(dǎo)航等元素，因?yàn)榛谟脩?hù)的瀏覽習(xí)慣，他們會(huì)期望看到這些內(nèi)容，并且已經(jīng)具備了與之相關(guān)的瀏覽習(xí)慣。所以，通過(guò)這樣層次化的設(shè)計(jì)，可以讓用戶(hù)更便捷地獲取信息。