四大原則：1、親密性原則；如果元素之間是有關(guān)系的，那么他們應(yīng)該在視覺(jué)上也相關(guān)。2、對(duì)齊原則；項(xiàng)目中的每一個(gè)元素都要確保和其它元素具有某種對(duì)齊關(guān)系。3、重復(fù)原則；設(shè)計(jì)元素要學(xué)會(huì)復(fù)用，讓設(shè)計(jì)更有統(tǒng)一性和一致性，強(qiáng)化用戶(hù)的使用印象。3、對(duì)比原則。

門(mén)源網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、響應(yīng)式網(wǎng)站開(kāi)發(fā)等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)從2013年開(kāi)始到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專(zhuān)注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

文字排版是一個(gè)設(shè)計(jì)師的基本功，它決定了整個(gè)頁(yè)面的風(fēng)格傾向，也是最能體現(xiàn)設(shè)計(jì)細(xì)節(jié)的地方。

文字排版的四大原則

原則一：親密性

如果元素之間是有關(guān)系的，那么他們應(yīng)該在視覺(jué)上也相關(guān)。

如果內(nèi)容之間是相關(guān)的，或者理解的意思上是存在關(guān)聯(lián)的，那么在排版的時(shí)候就應(yīng)該讓他們彼此靠近。就像我們參加聚會(huì)總會(huì)找自己比較熟悉的人一起一樣，相關(guān)性強(qiáng)的要在視覺(jué)上距離較近。

▲你會(huì)很容易發(fā)現(xiàn)紅框中的元素是彼此相關(guān)的，因?yàn)樗麄兛康煤芙Ｄ悴粫?huì)認(rèn)為紅框中的內(nèi)容是和左邊的大圖相關(guān)。

▲我們可以很容易分辨圖片底下的文字和圖片是相關(guān)的，只看圖片就可以猜想到它們?cè)诒磉_(dá)相同的信息，而且很輕松能夠知道，標(biāo)題和它旁邊的內(nèi)容文字是對(duì)應(yīng)的。

原則二：對(duì)齊

▲對(duì)齊分為：左對(duì)齊、居中對(duì)齊、右對(duì)齊。

a、對(duì)于大段的文字，一個(gè)頁(yè)面不要出現(xiàn)多種對(duì)齊方式，那樣會(huì)顯得頁(yè)面很亂，沒(méi)有規(guī)律可循。最好只使用一種對(duì)齊方式（全部左對(duì)齊、全部右對(duì)齊、或全部居中對(duì)齊）。但通常情況下不會(huì)使用居中對(duì)齊，除非你對(duì)版式設(shè)計(jì)已經(jīng)非常嫻熟。而對(duì)于只有一行的文字信息，排版可以靈活一些，尋找一個(gè)參考進(jìn)行對(duì)齊。

▲左對(duì)齊的排版，在頁(yè)面中顯得非常規(guī)整、簡(jiǎn)潔，視覺(jué)上也很舒服。而對(duì)于只有一行顯示的大標(biāo)題，可以根據(jù)版面進(jìn)行靈活調(diào)整，但也不是沒(méi)有章法，和頁(yè)面中的元素依然保持了對(duì)齊的關(guān)系。

▲如果一定要用居中對(duì)齊，那么將整段的文字看作一個(gè)整體（如圖中紅框），整體再進(jìn)行左對(duì)齊或者右對(duì)齊。這樣依然可以保持畫(huà)面的統(tǒng)一性和協(xié)調(diào)性。

b、項(xiàng)目中的每一個(gè)元素都要確保和其它元素具有某種對(duì)齊關(guān)系。就像人不能脫離社會(huì)而生活，頁(yè)面中的元素也不能脫離頁(yè)面而存在，每個(gè)元素和其它元素之間都要存在某種對(duì)齊關(guān)系。

▲看似隨意擺放的文字，也與其他元素有一定的對(duì)齊關(guān)系。

需要注意的是：很多設(shè)計(jì)師剛開(kāi)始設(shè)計(jì)的時(shí)候，為了突出主題，正文使用左對(duì)齊，而對(duì)應(yīng)的標(biāo)題往往使用居中對(duì)齊，這里是錯(cuò)誤的，和內(nèi)文直接相關(guān)的標(biāo)題一定要避免與內(nèi)文采用不同的對(duì)齊方式！

▲知道了規(guī)則之后，也可以學(xué)著打破規(guī)則（如紅框），如果頁(yè)面中的對(duì)齊顯得太刻意，可以適當(dāng)打破這種呆板的感覺(jué)。即使是打破常規(guī)，也應(yīng)有理有據(jù)，靈活運(yùn)用。

原則三：重復(fù)

設(shè)計(jì)元素要學(xué)會(huì)復(fù)用，讓設(shè)計(jì)更有統(tǒng)一性和一致性，強(qiáng)化用戶(hù)的使用印象，同時(shí)也有利于設(shè)計(jì)師提高效率。

可以復(fù)用的元素有很多：字體、顏色、留白、符號(hào)、版式、線條...，復(fù)用的元素不一定完全一致，但一定存在某種聯(lián)系，這里跟模塊化設(shè)計(jì)思維有異曲同工之處。

（試著找一下右圖中有哪些元素是復(fù)用的）

▲但要注意，一個(gè)元素不要太多地進(jìn)行重復(fù)，比如你一個(gè)頁(yè)面全部用一個(gè)顏色的文字或色塊，會(huì)很難找到重點(diǎn)在哪里，如果只用一種主色，頁(yè)面也未免顯得太過(guò)單調(diào)無(wú)聊。要學(xué)會(huì)變換著使用這一原則。

原則四：對(duì)比

對(duì)比會(huì)讓頁(yè)面更具吸引力，避免元素太過(guò)相似，同時(shí)拉開(kāi)視覺(jué)層級(jí)，制造焦點(diǎn)。常見(jiàn)對(duì)比：大小對(duì)比、顏色對(duì)比、疏密對(duì)比、文字和留白對(duì)比、虛實(shí)對(duì)比，粗細(xì)對(duì)比等。

a、對(duì)比的重點(diǎn)是一定要大膽強(qiáng)烈！千萬(wàn)不要畏畏縮縮！不要拿28px的文字和29px的文字進(jìn)行對(duì)比，大小太過(guò)相似。文字要增加對(duì)比最好以4的倍數(shù)遞增，一般增加4的2倍，也就是8px為佳。現(xiàn)在很多APP使用的是流行的大標(biāo)題，可以適當(dāng)大一些，增加視覺(jué)對(duì)比。

▲不完全相同的元素就要有對(duì)比效果，既然要對(duì)比就要讓它們截然不同，做到一目了然降低用戶(hù)篩選信息的成本。

b、不要害怕讓一些項(xiàng)很小，這樣不僅便于與其他項(xiàng)形成對(duì)比，也能有更大的留白空間突出重點(diǎn)內(nèi)容。如果讀者不感興趣，你字放多大他都不會(huì)去看，如果他感興趣，你字很小也會(huì)去閱讀，設(shè)計(jì)中經(jīng)常會(huì)遇到客戶(hù)讓我們把字體再大點(diǎn)，logo再大點(diǎn)，就怕別人看不到，搞得很多設(shè)計(jì)師苦惱又沒(méi)辦法，以后就直接拿這項(xiàng)原則砸過(guò)去，有理有據(jù)。（不過(guò)實(shí)在不行該慫還得慫，畢竟飯碗比較重要）

tips：

除非是標(biāo)題或裝飾性文字，否則不要使用特殊字體，要保證內(nèi)容的清晰易讀。特別是大段的文字要盡量使用基礎(chǔ)的字體，比如黑體或者宋體，這樣閱讀起來(lái)才不會(huì)費(fèi)勁。

更多相關(guān)知識(shí)，請(qǐng)?jiān)L問(wèn)：PHP中文網(wǎng)！

本文名稱(chēng)：文字排版的四大原則是什么？
文章源于：http://jinyejixie.com/article40/choiho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、虛擬主機(jī)、服務(wù)器托管、全網(wǎng)營(yíng)銷(xiāo)推廣、做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)