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

網(wǎng)頁(yè)設(shè)計(jì)排版技巧:網(wǎng)頁(yè)排版的規(guī)則和準(zhǔn)則

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

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

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

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

間距問(wèn)題

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

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

顏色和調(diào)色板

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

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