小伙伴許多時分都會抱怨，在做網(wǎng)頁規(guī)劃的時分總是礙于程序的功用和前端的作用，一些像印刷一樣的規(guī)劃作用無法融入規(guī)劃里邊，下面我們來共享幾則印刷規(guī)劃準則，了解后，你就能夠把這些元素應用于你們的線上著作啦。

1. 讓讀者堅持專注

印刷規(guī)劃專注于易讀性，網(wǎng)頁上也是如此：僅僅把“讀者”換成“用戶”罷了。方針應當是明晰的表達，而且讓人能夠輕松縱覽整個規(guī)劃。我們來看幾個從印刷規(guī)劃沿襲過來的概念。

排版

就像報紙，用戶不會閱覽網(wǎng)站上的每個字——至少一開端不會,環(huán)視頁面是用戶的規(guī)范行為。為環(huán)視而規(guī)劃時，有兩種形式需求考慮。

F形式布局

F形式反映了用戶最一般的環(huán)視頁面的方法。他們的視野從上面開端橫向移動，然后沿著左面筆直移動，尋覓杰出的文字。一旦找到激起他們愛好的內容，他們又會開端橫向閱覽頁面。

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

Z形式布局

文字

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

明晰的文字層次

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

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

非必須：介于中心的一切內容。不像標題那么明顯，但要在頁面的慣例文字中杰出顯示。

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

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

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

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

02. 樹立平衡感

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

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

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

震懾的極簡規(guī)劃事例

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

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

03. 發(fā)明牢靠的規(guī)劃

讓你的規(guī)劃關于一切用戶都是牢靠的。不要運用兩種以上的字體，保證一切年齡層的用戶都能閱覽。過于凌亂會打亂信息。如果你發(fā)現(xiàn)自己在屏幕前不知所措，你的規(guī)劃可能就包含了太多的圖片。

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