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

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

榜首，保證頁面的易讀性

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

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

排版

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

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

F形式排版：Creative Bloq的主頁

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

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

還有Z形式：

Z形式布局：MailChimp的主頁

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

文字

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

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

我們來看看文字層次中一些常見的層級：

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

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

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

其他：更小的一級，運用斜體、粗體、下劃線、不同顏色等等。

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

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

第二，樹立平衡感

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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