歡迎來(lái)到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢(xún)服務(wù)熱線:400-099-8848

如何將印刷品的規(guī)劃融于網(wǎng)頁(yè)規(guī)劃中

發(fā)布時(shí)間:2017-12-24 文章來(lái)源:本站  瀏覽次數(shù):3650

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

1. 讓讀者堅(jiān)持專(zhuān)注

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

排版

就像報(bào)紙,用戶(hù)不會(huì)閱覽網(wǎng)站上的每個(gè)字——至少一開(kāi)端不會(huì),環(huán)視頁(yè)面是用戶(hù)的規(guī)范行為。為環(huán)視而規(guī)劃時(shí),有兩種形式需求考慮。


F形式布局

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

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

Z形式布局

文字

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

明晰的文字層次

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

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

非必須:介于中心的一切內(nèi)容。不像標(biāo)題那么明顯,但要在頁(yè)面的慣例文字中杰出顯示。

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

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

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

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

02. 樹(shù)立平衡感

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

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

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

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

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

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

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

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

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

上一條:浪訊跟您講講互聯(lián)網(wǎng)思想背...

下一條:移動(dòng)端網(wǎng)頁(yè)界面規(guī)劃技巧...