文字排版的原則有哪些

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

四大原則：1、親密性原則；如果元素之間是有關系的，那么他們應該在視覺上也相關。2、對齊原則；項目中的每一個元素都要確保和其它元素具有某種對齊關系。3、重復原則；設計元素要學會復用，讓設計更有統一性和一致性，強化用戶的使用印象。3、對比原則。

文字排版是一個設計師的基本功，它決定了整個頁面的風格傾向，也是最能體現設計細節的地方。

文字排版的四大原則

原則一：親密性

如果元素之間是有關系的，那么他們應該在視覺上也相關。

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

▲你會很容易發現紅框中的元素是彼此相關的，因為他們靠得很近。你不會認為紅框中的內容是和左邊的大圖相關。

▲我們可以很容易分辨圖片底下的文字和圖片是相關的，只看圖片就可以猜想到它們在表達相同的信息，而且很輕松能夠知道，標題和它旁邊的內容文字是對應的。

原則二：對齊

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

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

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

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

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

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

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

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

原則三：重復

設計元素要學會復用，讓設計更有統一性和一致性，強化用戶的使用印象，同時也有利于設計師提高效率。

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

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

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

原則四：對比

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

a、對比的重點是一定要大膽強烈！千萬不要畏畏縮縮！不要拿28px的文字和29px的文字進行對比，大小太過相似。文字要增加對比最好以4的倍數遞增，一般增加4的2倍，也就是8px為佳。現在很多APP使用的是流行的大標題，可以適當大一些，增加視覺對比。

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

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

tips：

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

以上是文字排版的原則有哪些的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！