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