小編給大家分享一下文字排版的原則有哪些，相信大部分人都還不怎么了解，因此分享這邊文章給大家學(xué)習(xí)，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去學(xué)習(xí)方法吧！

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供府谷企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、HTML5、小程序制作等業(yè)務(wù)。10年已為府谷眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

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

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

文字排版的四大原則

原則一：親密性

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

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

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

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

原則二：對齊

▲對齊分為：左對齊、居中對齊、右對齊。

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

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

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

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

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

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

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

原則三：重復(fù)

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

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

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

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

原則四：對比

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

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

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

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

tips：

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

以上是文字排版的原則有哪些的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁題目：文字排版的原則有哪些
文章源于：http://aaarwkj.com/article48/gdseep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、建站公司、網(wǎng)站內(nèi)鏈、用戶體驗(yàn)、云服務(wù)器、做網(wǎng)站

廣告

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