印刷規(guī)劃的三個(gè)準(zhǔn)則值得網(wǎng)頁(yè)規(guī)劃師學(xué)習(xí)

印刷規(guī)劃準(zhǔn)則，規(guī)范了字體、排版以及空氣，關(guān)乎印刷規(guī)劃的質(zhì)量，這兒浪訊科技小優(yōu)要說(shuō)的幾個(gè)印刷規(guī)劃準(zhǔn)則相同適用于網(wǎng)頁(yè)規(guī)劃，運(yùn)用妥當(dāng)，能幫助你提升網(wǎng)頁(yè)規(guī)劃水平，發(fā)明出更好、更易懂的規(guī)劃。

榜首，保證頁(yè)面的易讀性

印刷規(guī)劃專心于易讀性，網(wǎng)頁(yè)上也是如此：僅僅把“讀者”換成“用戶”罷了。

方針應(yīng)當(dāng)是明晰的表達(dá)，并且讓人能夠輕松縱覽整個(gè)規(guī)劃。我們來(lái)看幾個(gè)從印刷規(guī)劃沿襲過(guò)來(lái)的概念。

排版

就像報(bào)紙，用戶不會(huì)閱覽網(wǎng)站上的每個(gè)字——至少一開(kāi)端不會(huì)。環(huán)視頁(yè)面是用戶的規(guī)范行為。

為環(huán)視而規(guī)劃時(shí)，有兩種形式需求考慮。首先是F形式。

F形式排版：Creative Bloq的主頁(yè)

F形式反映了用戶最一般的環(huán)視頁(yè)面的方式。他們的視野從上面開(kāi)端橫向移動(dòng)，然后沿著左面筆直移動(dòng)，尋覓杰出的文字。

一旦找到激起他們愛(ài)好的內(nèi)容，他們又會(huì)開(kāi)端橫向閱覽頁(yè)面。

還有Z形式：

Z形式布局：MailChimp的主頁(yè)

Z形式也是一種天然的閱覽形式，一般用于報(bào)紙，網(wǎng)頁(yè)上也是如此。用戶在頁(yè)面頂部水平閱覽，然后向左下移動(dòng)，在頁(yè)面的下一行再次進(jìn)行水平移動(dòng)搜索。

文字

和印刷一樣，網(wǎng)頁(yè)文字也應(yīng)該有明晰的層次。挑選合適的字號(hào)，有助于關(guān)鍵詞在頁(yè)面上杰出，讓用戶更輕松的閱覽頁(yè)面。

明晰的文字層次：World Baking Day網(wǎng)站

我們來(lái)看看文字層次中一些常見(jiàn)的層級(jí)：

主要：頁(yè)面上最明顯的文字更大更閃爍，招引用戶的注意力。一般用于標(biāo)題與裝飾。

次要：介于中心的一切內(nèi)容。不像標(biāo)題那么明顯，但要在頁(yè)面的常規(guī)文字中杰出顯現(xiàn)。

再次：主要內(nèi)容所選的文字。文字層次中的這一級(jí)，有助于運(yùn)用戶沉浸在正文中。

其他：更小的一級(jí)，運(yùn)用斜體、粗體、下劃線、不同顏色等等。

合作運(yùn)用，樹(shù)立文字的層次，能夠發(fā)明出次序，防止用戶迷失其間。

要測(cè)驗(yàn)?zāi)沩?yè)面的易讀性，能夠運(yùn)用“3秒準(zhǔn)則”：簡(jiǎn)略地閱覽頁(yè)面，然后看向別處。其間杰出的內(nèi)容有沒(méi)有反映出你規(guī)劃目的？如果是的，那你方向正確，持續(xù)堅(jiān)持；如果不是，則需求打回從頭規(guī)劃——可能的確如此。

第二，樹(shù)立平衡感

無(wú)論平衡感來(lái)自于對(duì)稱、非對(duì)稱或是放射狀，都是為了讓規(guī)劃發(fā)明出安定與共同的感覺(jué)。如果用戶在你的網(wǎng)頁(yè)上感到輕松，他們會(huì)更情愿停留。

圖片或文字不要過(guò)于密布：時(shí)間考慮元素的空隙。排版傾向于簡(jiǎn)練——密布的布局會(huì)阻礙用戶。眼睛難以承受凌亂，使人更難承受信息的流通。

考慮運(yùn)用極簡(jiǎn)的規(guī)劃，通過(guò)白色、黑色或十分深的布景和遠(yuǎn)景元素到達(dá)平衡。如負(fù)空間的運(yùn)用能夠引導(dǎo)用戶的注意力。

震懾的極簡(jiǎn)規(guī)劃案例：鞋類品牌ETQ的網(wǎng)站

上面展示的ETQ網(wǎng)站，利用了負(fù)空間將視野引向所陳設(shè)的產(chǎn)品。頁(yè)面底部比照明顯的黑白色塊，讓用戶挑選尺度或檢查商品價(jià)格。

網(wǎng)頁(yè)上很少攪擾信息，發(fā)明了一種平靜與次序的感覺(jué)——當(dāng)然，也希望有助于促進(jìn)用戶購(gòu)買。

第三，發(fā)明牢靠的規(guī)劃

讓你的規(guī)劃關(guān)于一切用戶都是牢靠的。不要運(yùn)用兩種以上的字體，保證一切年齡層的用戶都能閱覽。過(guò)于凌亂會(huì)打亂信息。

如果你發(fā)現(xiàn)自己在屏幕前不知所措，你的規(guī)劃可能就包含了太多的圖片。

挑選配色方案時(shí)也要時(shí)間為用戶考慮——如果是醫(yī)院網(wǎng)站，運(yùn)用冷靜柔軟的顏色；如果受眾是青少年，則合適更明顯的顏色。

UC San Diego Health的網(wǎng)站選用的配色很符合它嚴(yán)厲的內(nèi)容

下面是一些書(shū)本規(guī)劃中常犯的過(guò)錯(cuò)，相同適用于網(wǎng)頁(yè)：

未經(jīng)過(guò)滿足的測(cè)驗(yàn)：一向要盡可能廣泛對(duì)規(guī)劃進(jìn)行測(cè)驗(yàn)。內(nèi)容可能會(huì)跨過(guò)多種前言（網(wǎng)頁(yè)、電子書(shū)、印刷品），這會(huì)使得文字有新面貌。并且，有些字體轉(zhuǎn)換到新前言上可能會(huì)變得不易閱覽。找到適用于一切情境的字體十分重要。還要考慮你的規(guī)劃在不同屏幕尺度、不同分辨率和不同閱覽器中如何展示。

不恰當(dāng)?shù)恼Z(yǔ)調(diào)：為每個(gè)頁(yè)面元素挑選正確的語(yǔ)調(diào)。與字體一樣，標(biāo)題應(yīng)該招引讀者注意，副標(biāo)題作為標(biāo)題的說(shuō)明或彌補(bǔ)，正文要像一段友愛(ài)的對(duì)話——溫暖親熱，讓讀者巴望了解更多信息。

不恰當(dāng)?shù)母窬郑鹤駨哪闼�選的前言：不然，會(huì)一向浪費(fèi)時(shí)間修正文件，應(yīng)對(duì)CMYK用于印刷、RGB用于網(wǎng)站這樣的問(wèn)題。