交互設計 | 解密版式設計的四大法則(中)
Hi,我是許重文~
這幾天的天氣還真不錯,天空陽光明媚,到處鬱鬱蔥蔥,就只盼著周末快點到來,卸下厚重的包袱,逃離喧囂的城市,找一處風景,看花雨紛飛,看遠山含笑,優哉游哉。
接上篇文字的字體,確實不同的字體風格會給人帶來不一樣的視覺感受。如果對設計審美沒啥要求的小夥伴們,強烈建議用「微軟雅黑」哦。
接下來是文字排版。
無論是書籍、雜誌、文章、PPT演示文稿還是傳單、廣告等都涉及文字排版;文字排版的根本目的是「易於閱讀」,其次才是「設計審美」。
涉及文字排版的要素是比較多的,具有代表性的有文字大小、行間距、字間距、行長、分欄、縮進(空格)、段落、段間距等。如果善於設置這些要素,就能製作出易於閱讀的內容。
我們先來對比一下:
第一張顯然是從網頁或文章中拷貝出來的,然後直接貼到PPT中簡單了事,毫無文字排版;這種PPT不但缺乏易讀性,更別談設計美感了,恐怕連自己都不想多看一眼。
第二張文字進行了重新排版,修改了字體(將宋體改為微軟雅黑),強調了小標題(字體加粗),調整了字間距(字間距增大),調整了行間距(行間距增大),是不是看起來可閱讀性增強了不少。
第三張在第二張的基礎上採用了分欄的方式排版,並給小標題增加了背景色,進一步提升可閱讀性。
如果還覺得不夠滿意,那就需要增加一些設計感了;如何增加設計感,那就需要多看多動手。
接下來給大家講一講文字排版的法則。
法則1:文字的大小和粗細要有對比
文字的大小和粗細沒有對比的話,看起來會很單調,其內容缺乏層次感,讀者無法直觀地判斷哪些內容應該優先閱讀。一般把標題和小標題以及需要強調的地方設置得粗些、大些,正文大小設置得小一些。
法則2:設置合適的行間距
默認的行間距太窄,一般需要調節行間距,因為空間不足而縮小行間距或因為空間富餘而擴大行間距等做法都是不可取的。因為行間距決定了文字是否易讀,是否美觀。最適合的行間距應在 0.5 ~ 1 行文字的高度。
法則3:設置合適的字間距
默認的設置下字間距太擁擠了,不太容易閱讀;如果把字間距設置過大了(超過一個字的間距),也不易閱讀;最好是稍微擴大一點就合適了。
法則4:左對齊,左對齊,左對齊(重要的事說三遍)
居中對齊的文章不僅不好看,而且很難找到文字起始的地方,從而增加讀者的負擔。所以,如果沒有充分的理由就不要居中對齊,也盡量避免使用右對齊。
法則5:加寬段落之間的間距
段落之間的間距一定要大於文字行間距(建議2倍行間距),這樣讀者才能直觀的知道段落的結束。
法則6:不需要多餘的縮進
>中小學裡都會學習「段首要空兩個字」的書寫規則,但在製作PPT、海報以及傳單不用在意這個。段首縮進的目的是為了讓人清楚每個段落的起始位置,而在PPT中所有段落縮進的話,左側就會變得歪歪扭扭,更讓人難以識別段落的起始位置。
法則7:每行文字的長度不要太長
行長太長的話,用眼追行或讓視線回到行首都會比較困難,而且眼球的轉動幅度很大,就容易使人產生視覺疲勞。一般可以通過改變分欄的數量,或精心設計版面,或改變字體的大小來縮短每行的長度。
掌握這幾條簡單的設計法則,雖然不可能讓你的文章或PPT一下子變得設計感十足,但是可以讓你的文字排版一下子變得賞心悅目。
<待續>
歡迎關注「重文讀書會」微信個人公眾號
http://weixin.qq.com/r/my7N1dHEDIxzrZW293uJ (二維碼自動識別)
推薦閱讀:
※《知識的邊界》 讀書筆記
※讀《毛澤東自傳》有感
※【讀書筆記】07-如何發現臨界知識?|成甲《好好學習》
※鮮為人知:比《圍爐夜話》、《菜根譚》更值得看的書! 文/神筆碼農
※閱讀|《批判性思維》讀書筆記