您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 視覺設(shè)計 >> 瀏覽設(shè)計教程

網(wǎng)頁設(shè)計排版技巧:網(wǎng)頁排版的規(guī)則和準則

網(wǎng)頁排版是近年興起的一個普通排版的分支概念。雖然,圖片也可以傳遞信息,但網(wǎng)站上的內(nèi)容大部分是由文字組成。這就是網(wǎng)絡(luò)排版如此受重視的原因。排版的重要性絲毫不亞于視覺層次,合適顏色的選取,網(wǎng)站功能以及其它特性。我們從來沒低估過網(wǎng)絡(luò)排版的重要性,也深知它在良好的用戶體驗中所發(fā)揮的重要作用。

任何追求漂亮版面的人都知道,印刷排版跟網(wǎng)絡(luò)排版完全是兩碼事。盡管有些規(guī)則可能相同,但網(wǎng)頁設(shè)計所處環(huán)境完全不同,兩者都有自己一套必須遵守的規(guī)則和準則。兩者的原理不同,不能同時存在,跨越這個界線可能會導(dǎo)致排版混亂。

層次結(jié)構(gòu)

盡管,你可能已經(jīng)熟悉了網(wǎng)頁設(shè)計的層次結(jié)構(gòu),你可能也明白排版中也少不了它。層級結(jié)構(gòu)會給你一個閱讀顯示文本的起點。這點非常重要,因為這會幫助你準確傳遞信息,同時保證讀者準確理解。很多網(wǎng)站在這個問題上都做得很好,但是你還是應(yīng)該牢記在心,這樣你的網(wǎng)站就不會顯得太過時。

間距問題

盡管,很少遇到網(wǎng)站排版中出現(xiàn)層級結(jié)構(gòu)的問題,但相當(dāng)多的網(wǎng)站排版卻存在間距排列的問題。網(wǎng)站所有元素的間距都必須按照一定的條理進行排列,因此你在處理間距必須遵循這些條理。你可能需要去了解以下的專用術(shù)語:行距大小(Leading Size)、字偶間距(Kerning)和字間距(Tracking)。

行距大小是一種增加或減少文本行之間產(chǎn)生的空格的方法。點擊此處閱讀,你就知道到為什么減少行距有利讀者閱讀。字偶間距是調(diào)節(jié)字符間空格,使其達到更愉悅的視覺效果的過程。使用字間距同樣能達到字偶距調(diào)整的效果,兩者之間的唯一差別在于空格的產(chǎn)生,字間距是在每個字符間產(chǎn)生等量的空格,而字偶間距是調(diào)整的基于字符對所產(chǎn)生的空格。

顏色和調(diào)色板

排版中的顏色并不專指單一的文本顏色,通常是指網(wǎng)站用到的所有顏色。網(wǎng)站用到的圖片和顏色相當(dāng)于文本的“背景”,因此使用顏色時要謹慎。網(wǎng)站的元素要和排版顏色協(xié)調(diào),不要讓文本顯得模糊不清。你也可嘗試較大尺寸的排版(又稱為宏觀排版)來達到更好的效果。簡單來說,宏觀排版就是使用更大的文本來吸引用戶。它的長度通常不能超過1到4個單詞,因此,保持文字的簡潔性和正確性就顯得格外很重要。在關(guān)鍵信息下,但是這并不是那么重要,因為這并不是你的網(wǎng)站的焦點,但大尺寸文字卻是。

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://likemindfilms.com/tutorial/ui1184.html
網(wǎng)頁設(shè)計頁面瀏覽信息圖:第一印象的魅力
網(wǎng)頁設(shè)計經(jīng)驗分享:網(wǎng)頁設(shè)計師要團隊合作
圖趣網(wǎng)微信
建議反饋
×