網(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),但大尺寸文字卻是。
本文地址:http://m.likemindfilms.com/tutorial/ui1184.html
您可能還喜歡
- 經(jīng)典網(wǎng)頁(yè)配色方案之無(wú)色系
- 對(duì)齊!框框框!ps中對(duì)齊和參考線詳解
- banner實(shí)戰(zhàn)技巧-版式平衡構(gòu)圖
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏大視
- 如何成功運(yùn)用扁平化設(shè)計(jì)與色彩趨勢(shì)
- 做有思想的網(wǎng)頁(yè)設(shè)計(jì)-banner實(shí)例講解
- [圖趣]色彩搭配的核心原則和聯(lián)想
- 扁平化設(shè)計(jì)與可訪問(wèn)性
- 網(wǎng)頁(yè)設(shè)計(jì)專題技巧淺析
- WEB設(shè)計(jì)中的排版
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏