「初稿｜木深、木小深」
「編輯｜牟深、Sam、Ella」
排版的意義
❝「與其曖曖內含光」
「不如光彩奪目地大放異彩」
❞
在這個看臉的世界，顏值已然成爲時下評斷他人第一印象時重要的指標之一。無法否認，氣質出衆、五官標誌的美女總是能輕易地在一開始就吸引大衆的目光，獲得大衆的好感。
而排版亦如是，在人才濟濟的時代裏，樸實的文字若少了良好的排版，被細細欣賞的機率也少的一大半。與其曖曖內含光，不如光彩奪目地大放異彩。
不論是PC端還是移動端，任何文字存在的地方，就有排版的必要。良好的排版除了能夠瞬間抓住用戶的目光、讓用戶更有效率的吸收資訊，也能營造氛圍、帶給用戶文字外的感受。
本篇文章將介紹四個最基本也是最核心的排版技巧，能夠運用在各種場合中，是產品經理必學的一步喔！
❝在涅貴不緇，曖曖內含光「By崔璦」
❞
一、對齊
光是簡單的對齊，就能讓一個版面變得簡潔有力。版面上每筆資訊都不是隨意擺放的，當有一條對齊線，你會發現不管文字怎麼放，看起來都很有系統。每個元素間都似有隱形的線串連起來，不管是向左對齊或是向右對齊，文字們齊頭齊尾的擺放，縮小來看就是個方正的文字塊，整齊有秩序。
初學排版的你，切記「不要居中對齊」！對於常用word的人而言，居中對齊似乎是常見用於標題的對齊方法，爲了凸顯標題，你可能也用同樣的方式在其他排版中出現。然而，居中對齊其實是最無法突出重點的排版方式，仔細觀察，你會發現很少作品是將文字大大的居中放在版面中，通常都會偏左偏右，看起來更有精神。
當然規則下必有反例，有些版面的確採用居中對齊會有意想不到的效果，然而初學者最好還是避免這種方式，你會發現比起居中，靠左或靠又看起來有力多了。下次在排版的時候，不妨挑戰看看不用居中對齊吧！簡單的移動對齊線，輕輕鬆鬆讓你的作品看起來更專業了。
仔細觀察，每個作品都有隱藏的對齊線
對齊後，保持了版面的整潔，也留下大片的空白，這時可別硬找東西胡亂塞入版面中！留白的力量是不容小覷的，空白不但留下了空間讓用戶思考、停頓，也能更加凸顯其他元素的重要、資訊變得更加易讀，適當的留白是學習排版的重要心得之一。
二、羣組
版面變得整齊後，將你想提供給用戶的資訊做更系統的整理，把每個相關的元素組成一個羣組，讓人一看就明白版面囊括了什麼資訊，並選擇其感興趣的資訊，做更爲深入的閱讀。想要版面做出更多層次，可以利用「字體、顏色、大小、空白、符號」等變化方式，讓每個看似單獨的字眼組成一個共同羣體。而大部分的版面爲了整潔，通常不會有超過5個以上的羣組。
空白
格行空白是最簡單高效的方式，通過將不同資訊用空白隔開，相似資訊則能聚在一起更加吸引用戶的目光。
顏色
運用同樣的顏色，將相同性質的文字捆綁在一起，也是不錯的選擇。可以注意下，一個版面上的顏色，通常不會超過5種，過多的顏色會讓用戶失去閱讀的重心，最好能控制在3種以內。
切記，對於產品設計而言，重點永遠不在多，而在於精。
符號
當有許多資訊需要分類時，符號就是十分方便的區隔方式。在重點處使用加粗、下劃線，或是在每個小標後面加斜線，都能讓資訊顯得易讀又整齊。
三、對比
將資訊分類後，層次就出來了，接下來善用對比法則更能讓你的重點浮出，使得用戶一眼就看見你想表達的中心思想。運用對比技巧能順利吸引用戶的目光，讓他們先看見你最想表達的重點，接着順着你的引導繼續看下去。
對比與羣組相似，大概可以分爲：「字體、顏色、大小」等方式，不一樣的是羣組是將相似的資訊採用相同的字體、顏色組成羣組，而對比是將這些不同羣組利用字體、顏色等方式區隔開來。善用這些技巧能讓你的版面更加有層次，一目瞭然。
字體
通常最重要的標題會使用與正文不同的字體，顯得特別而吸睛。但要注意的是，一個好的版面設計請避免用超過3種字體，因爲過多的字體反而會讓整個版面變得沒有一致性，讓用戶無法看出到底想強調的區塊在哪裏。
此外，再搭配不同字體的時候也須注意兩者風格是否相符、字的粗細大小、字距行距看起來是否和諧等問題。
大小
主標、副標等爲了正文分隔開，大多都會加大凸顯重要。許多剛接觸產品設計的人會認爲「越大越好」，凡是遇到標題就要「放大、放大、再放大」，然而並不是越大就越有用，要領在於「有大有小」。
如果整篇文章全部都是100pt，你也看不出任何重點；反之，若文章大標放大，副標稍微放大，內文不變，整篇文章的層次對比就出來了。有了對比，用戶看到清楚的標題後，若對此有興趣，便會繼續閱讀字型較小的正文。
顏色
顏色的對比則可以用色環搭配出各種風格的色彩，對於剛接觸色彩學的人，可以看看behance學習下。裏面有用色環搭配出的各種色彩讓你做選擇，你可以選具有高反差的互補色（Complementary）、不易出錯卻具強烈對比的分散互補色（Split-Complement）、舒適相合的近似色（Analogous）、活潑協調的三角對立色（Split-Complement）、多樣又平衡的方形色（ Square），各種方式搭配出的顏色都具不同的風格，不過每種方式都需注意色彩的平衡。
此外，還有簡易的冷、暖色調的對比法，冷色調會有縮小、倒退的感覺，適合用於背景；而暖色則有膨脹、突出的效果，適合用在標題。
四、重複
重複是讓PC端產品顯得有系統、移動端產品能突出重點的關鍵技巧。將重要的資訊不斷重複出現，不僅能讓讀者一眼就辨識出重點，更能讓他們留下深刻的印象。
通常PC端產品，產品LOGO會重複出現，讓用戶快速記得產品的標誌；移動端產品亦是如此，同樣的元素在每個頁面排版時出現在各個角落：頁碼、標題、圖片等，這些小細節都是PC端和移動端產品設計的關鍵因素。
當然，同一張圖不斷出現也會造成視覺疲勞，這時應該採用「多樣性統一」，也就是將想強調的元素稍加做一些變化後，再重複使用，這樣不僅能達到重複的效果，也能讓讀者有更多不一樣的體會。
結束語
縱使這些排版技巧能夠讓原本的文字變得吸引人，別忘記，與美觀相比，重要的永遠是內容。若是文字不精，再漂亮的排版也只是淪爲華而不實罷了。所以，在排版時除了善用這些技巧外，保持文字的易讀性更是首要原則。
下篇《產品經理的私房菜》系列，將帶你一起精進文案設計，讓你的作品有外表也有內在！敬請期待emmm
產品經理的前進道路，不應該是一場孤獨求索的旅行 。沿途那些美好的風景，有趣的人文，我願意沉澱下來，分享與同行的你，或者是在路上的他。
以上，希望對小夥伴兒們有所幫助，共勉~
如果你有任何問題，請在留言區告訴我們。也請記得訂閱「公衆號：木小深」和我們的專欄，歡迎分享給其它有需要的人。我們這期分享就到這裏了，再見❤️。