談到網(wǎng)站內(nèi)容排版,在網(wǎng)站建設(shè)著的地位不言而喻。從網(wǎng)站設(shè)計(jì)的順序來(lái)講是由內(nèi)而外的,最先是對(duì)網(wǎng)站整體框架進(jìn)行設(shè)計(jì),然后是各個(gè)頁(yè)面布局以及內(nèi)容的排版,內(nèi)容排版不好的網(wǎng)站,會(huì)影響到用戶(hù)體驗(yàn),從而大大降低網(wǎng)站的用戶(hù)黏合度,不難想象,在第一印象很重要的時(shí)代,網(wǎng)站因?yàn)榕虐娌患?,造成用?hù)訪問(wèn)感覺(jué)別扭的時(shí)候,是不是需要自省一下。
網(wǎng)站設(shè)計(jì)中設(shè)計(jì)人員經(jīng)常會(huì)忽略?xún)?nèi)容排版這一塊,究其原因,設(shè)計(jì)人員認(rèn)為那是網(wǎng)站編輯的工作,只要做出一個(gè)模塊就可以了,于是在網(wǎng)站建設(shè)中很多設(shè)計(jì)人員是對(duì)布局方面進(jìn)行調(diào)整,很少會(huì)注意到內(nèi)容的排版,其實(shí)對(duì)于用戶(hù)來(lái)講網(wǎng)站內(nèi)容才是最基本的需求,因此如何排版好網(wǎng)站的頁(yè)面內(nèi)容也是非常重要的。
雖然在網(wǎng)站日常維護(hù)中,網(wǎng)站內(nèi)容更新是網(wǎng)站編輯的工作,但是,最初網(wǎng)站內(nèi)容排版的設(shè)計(jì),則是網(wǎng)站設(shè)計(jì)人員的工作,也是網(wǎng)站建設(shè)過(guò)程中重要的組成部分,網(wǎng)站設(shè)計(jì)人員要想做好頁(yè)面內(nèi)容的排版工作,首先要了解頁(yè)面有哪些內(nèi)容,這樣才能做好內(nèi)容標(biāo)題、段落的排版。
有人會(huì)說(shuō),網(wǎng)站內(nèi)容排版,不是一件很簡(jiǎn)單的事情嗎?用一個(gè)超級(jí)編輯工具,就OK了,其實(shí)不然,現(xiàn)在網(wǎng)站內(nèi)容并不只局限于文字內(nèi)容,還有圖片、視頻等,就那網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō),10年前,我們會(huì)發(fā)現(xiàn)大批網(wǎng)站都有一套通行的排版模式。頁(yè)頭、頁(yè)腳、側(cè)邊欄和內(nèi)容區(qū)域,構(gòu)成了這種直截了當(dāng)?shù)牟季?。而如今,網(wǎng)頁(yè)設(shè)計(jì)早已經(jīng)多元化發(fā)展了,包括分割網(wǎng)站屏幕設(shè)計(jì)、去界面化網(wǎng)頁(yè)設(shè)計(jì)、一屏之內(nèi)網(wǎng)頁(yè)設(shè)計(jì)、基于模塊或網(wǎng)格設(shè)計(jì)等等,那么,對(duì)于這些新型的網(wǎng)頁(yè)設(shè)計(jì)用什么呀內(nèi)容排版與其對(duì)應(yīng)呢?顯然,想要做到完美,就需要下一番功夫,需要網(wǎng)站設(shè)計(jì)人員從總體布局上卻實(shí)現(xiàn)這種功能訴求。
內(nèi)容分段設(shè)計(jì)
分段的好壞,對(duì)于用戶(hù)閱讀體驗(yàn)有非常大的影響。 因?yàn)樽箜?yè)不區(qū)分各個(gè)部分和段落。 字段線(xiàn)間距是相同的,使得頁(yè)面讓用戶(hù)感到非常的緊密。段落之間的間距調(diào)整的效果,容易導(dǎo)致頁(yè)面更加和諧和更好的閱讀體驗(yàn)。所以網(wǎng)站設(shè)計(jì)人員在排版內(nèi)容時(shí)一定要注意段落之間的距離。
合理的使用文字、圖片等元素
圖片尺寸,顏色,位置,字體這些元素如果正確的組合在一起,將給網(wǎng)站內(nèi)容一個(gè)全新的外觀感受,使部分標(biāo)題彈出,可更加吸引用戶(hù)的注意力。文字的大小,文字的格式,對(duì)用戶(hù)來(lái)說(shuō),都有直接的沖擊力,雖然這些可以改變,但是固有一種模式,也許更方面編輯的操作。
在內(nèi)容中正確的插入圖片
這是很多網(wǎng)站設(shè)計(jì)人員容易犯的錯(cuò)誤之一,大家都知道人的自然閱讀方向是從左到右,從上到下。但是我們的大腦對(duì)圖像是非常敏感的,在圖文信息中我們首先看到圖像,然后才會(huì)讀取圖像下的文字內(nèi)容。如果當(dāng)在圖像上方放置文字描述時(shí),會(huì)造成大腦無(wú)法快速的處理文字信息,增加額外的閱讀負(fù)擔(dān),最終導(dǎo)致閱讀困難。因此,與圖像一起使用的文字內(nèi)容應(yīng)始終放在圖像下方。
文字顏色視覺(jué)效果設(shè)計(jì)
按照一般閱讀習(xí)慣來(lái)說(shuō),大多數(shù)網(wǎng)站文字顏色都是黑體字,也有點(diǎn)網(wǎng)站才有其他顏色,但是,對(duì)于大多數(shù)的網(wǎng)站文章字體內(nèi)容來(lái)說(shuō),標(biāo)題用加黑黑體,內(nèi)容則比標(biāo)題小一號(hào),而且不建議用亮色系作為主體顏色,因?yàn)檫^(guò)于刺眼的顏色,會(huì)對(duì)視覺(jué)愉悅度造成影響,如果過(guò)于刺眼,恐怕也會(huì)影響到用戶(hù)體驗(yàn)。
網(wǎng)站設(shè)計(jì)不光是把各種東西放上去,能看就行,這是遠(yuǎn)遠(yuǎn)不夠的。要考慮如何使受眾能更方便、有效率地接收網(wǎng)頁(yè)上的信息。這就需要從審美方面入手,制作出清晰整體完美的頁(yè)面。使人瀏覽起來(lái)心情愉快,接收信息頁(yè)會(huì)更加容易。隨著時(shí)代的不同而不斷發(fā)展進(jìn)步,特別是在生活節(jié)奏如此快速的互聯(lián)網(wǎng)時(shí)代,隨著技術(shù)的發(fā)展,很多目前不容易實(shí)現(xiàn)的審美形式也逐漸被克服,突破帶寬的瓶頸,就會(huì)給網(wǎng)頁(yè)設(shè)計(jì)的自如發(fā)展帶來(lái)一片新的天地。