BFA 簡報

View Original

排版寶典!20 個設計新手常犯的排版設計誤區

很多同學問設哥,為什麼別人字體就那麼隨意放一下就那麼好看,其實排版可有大學問,不是隨意放就好看。這就如同配色一樣,也有千變萬化的學問。相信大家看完Designschool這篇頭條熱文,一定倍有收穫。

 

排版是設計中最重要的組成部分之一,它絕不僅僅是將漂亮的字體放在帥氣的背景上這麼簡單。然而,製作優秀的排版並不容易,雷區遍布,稍不注意就流於平庸。過於摳細節容易忽略整體的設計,過於強調視覺又容易忽視功能性,日常的誤區之多難以想象。所以,今天我們總結了排版設計中常見的20個誤區,幫你逐個梳理日常設計中容易碰到的排版問題。

與排版問題並行的老大難肯定是配色了,這篇配色三部曲千萬不要錯過《設計師的配色理論:你真懂顏色了嗎?》

 

1、擁擠的文字:字間距

這是很容易忽略的一種錯誤,字間距過於擁擠會降低文字的可讀性。有的字體本身會比較稀疏,或者過於緊密,適當調整至易於閱讀的狀態即可。

 

2、密集的段落:行間距

行間距也是影響可讀性的重要因素,過於緊湊會難於識別,但是一味地拉開間距在視覺上的效果並不合理。一般行間距是行高的50%左右。

 

3、不合理的拉伸與壓縮

這是另一個常見的錯誤,圖片、文字等元素並沒有按照原始比例拉伸或者壓縮而造成非正常的扭曲和形變。

要避免這個問題並不難,盡量在保持比例的前提下控制長或者寬等單個元素變化,在PS或者AI等軟件中,按住Shift鍵拉伸,在網頁設計的時候,盡量按照原始比例來設定元素或者控制單個變量。

 

4、忽略可讀性

正如同上文所說,影響可讀性的影響因素很多,不過在諸多問題當中,確保可讀性的基礎是可讀——至少要讓人看清元素本身。在黑色的背景上採用白色的字體一般能保證可讀性,對比很明顯,但是如果字體太過於纖細,視覺上的辨識度就很低了。字體過小、色彩對比度不夠、透明度過高都會造成類似的問題,只要你發現難於識別,有針對性地處理即可。

 

5、文本的閱讀舒適度

設計師的排版設計要求當然不能僅僅停留在「可以看清」的程度。標題、宣傳語使用加粗的、花式的、裝飾性的字體有它的功能性,但是長文的正文部分是需要用戶長時間閱讀的,要保持閱讀的舒適度。字體的尺寸、字間距、行間距都需要細心處理。傳統的排版設計中,這個部分更加傾向於使用襯線體,比如中文中報紙上所用的博雅宋就是專門設計的一套字體,襯線,筆畫細緻幹練,高識別度。不過隨著設計風尚和需求的改變,目前多用無襯線體,而且需要考慮在不同的設備上的閱讀體驗,於是有了蘋方和思源黑體。

 

6、「孤兒」與「寡婦」

「Orphans」和「Widows」是印刷排版中的術語,通常指的是行貨列、頁頭和頁腳段落最後僅有一兩個詞構成的短行之類的東西。在文字排版佔主體的設計項目中,這些行或者列非常的扎眼,你如果不想讓大片的留白打斷排版的連續性,最好的解決方案是微調段落寬度、間距。

 

7、不要在句末雙擊空格

這種輸入習慣在中文中並不多見,但是在英語言國家有不少人會有類似的習慣,在結束一個句子之後雙擊空格表示結束,但是在今天的排版設計習慣中,通常認為這樣的輸入方式是過時且不必要的。這種間距在視覺上會影響閱讀的流暢性,並且對排版會有影響。保持克制。

 

8、使用太多字體

這是新手最常見的錯誤。使用多種字體原本是出於裝飾性的目的,但是可控性很差且容易造成視覺干擾,通常將字體類型數量控制在2~3種是比較合理的。不同風格的字體太多會讓你的整體風格極其難以統一,專業性就更難以提及了。

 

9、不匹配的字體

除了不要使用過多的字體之外,還要注意使用協調的字體。不同風格的字體用在一起自然會給人「畫風詭異」的感覺,分散用戶注意力,降低了信息傳遞的有效性。字體的搭配手法是介於科學和藝術之間一種存在,它需要你學習排版和字體知識,還需要一部分「設計師的直覺」來支撐。在強調一致性的地方,襯線體和非襯線體不要混用;在海報、封面等地方有的時候需要兩種甚至多種類型字體混用,襯線體和非襯線體的搭配就很重要了。多看雜誌、網站和雜誌排版的案例吧。

 

10、罔顧內容

選好字體和字體樣式很重要,但是麻煩先審視一下你的項目中內容。字體是有情緒的,好玩的、嚴謹的、浪漫的、隨性的、現代的、復古的等等等等。如果字體和設計的情緒與內容不匹配,你會造成脫節和疏離的感覺,這會讓觀眾迷惑。公司報告是嚴謹的,不要用充滿童真的字體或者裝飾性字體,充滿張力的海報上用日常的普通字體自然也是設計上的失誤。

 

 

11、形式重過功能

這也是老生常談。你可以追隨近年的設計趨勢,找個獨特的字體設計一組炫酷而獨特的海報或者Banner,做的非常的藝術。但是這樣的設計可能會存在閱讀障礙,讀者需要耗費很長時間來分辨它的內容,那麼這就是明顯的形式重於功能了。如果你決定這麼設計的話,最好平衡一下藝術性和可讀性——也就是它的功能性。

 

12、過度強調

 

有時候你需要強化某個部分,會在視覺上進行強調,讓它從整個設計中脫穎而出。文字部分常見的手法很多,斜體、粗體、下劃線、大寫、增大字體大小,等等。但是千萬不要將所有的強調方式都用在同一篇文字同一個段落中,這樣會讓它看起來凌亂不堪。

 

 

13、全用大寫

同樣,這是一個在英文情況下常見的設計誤區。在標題中全用大寫,這個沒問題,段落中如果偶有需要強調的地方用大寫也說的過去。但是在此之前,要保持約定俗成的最基本的使用習慣:標題大寫,正文小寫。

 

 

14、忽視層次結構

在排版中,層次這個詞是區分文本和不同元素的重要性區別的學術性說法。以我們所熟知的報紙為例,標題闡述核心,尺寸最大,文字大寫,粗體強調,其次是副標題,字體小點,文字不再大寫,再其次是正文,字體最小。如果打破了這種層次結構,用戶會迷惑。哪個重要哪個其次,傻傻分不清楚。

 

 

15、不對齊

設計原則中,對齊是最重要的幾項之一。對齊會讓文字排列有序而合理,視覺上統一而一致。不同的對齊方式混合在一起會產生隨機的間距,難看且閱讀困難。

 

16、使用對齊工具

想要讓排版對齊最好的方式就是打開軟件的對齊工具,現在的排版和作圖工具都有相關的對齊輔助工具,在它們的輔助下讓你的排版更加整齊吧。

 

 

17、粗糙的邊緣

這種問題在英文排版中更常見一些,中文排版中這種問題實際上並不嚴重,諸如Office一類的工具會自動幫你微調,而更專業的排版軟件中也有相應的算法幫你解決。英文排版中這種問題更多,需要你細心處理調整,實際上這並不是什麼特別複雜的事情,重要的是細心。

 

 

18、添加特殊效果

一般添加特效是個不錯的思路,但是必須使用得應景。許多自帶的字體特效,諸如3D字體、大陰影、扭曲特效,都很容易讓設計看起來廉價而過於花俏。多看時下流行的設計範例,克制隨意添加特效的衝動。

 

19、在重要項目中嘗試新效果

在重要的項目中測試新的設計手法、特效和有趣的字體並不是一個靠譜的方案,也不是合適的時機,甚至不是一個專業設計師應該做的事情。這種手段過於冒險,因為新的手法極有可能並不實用可靠,如果你相信自己的直覺也應該在其他的非重要項目中進行試錯。

 

20、忘記審核

設計需要嚴格把關,做完設計之後不審核是不負責的行為。設計完之後,最好通讀全文,做拼寫檢查,確保沒有語法錯誤、印刷錯誤,這也是設計的一部分。


原文作者:Janie Kliever

原文出自:20 Typography Mistakes Every Beginner Makes – And How You Can Avoid Them

譯文作者:陳子木

譯文出自:排版宝典!20个设计新手常犯的排版设计误区

責任編輯:BFA 簡報小聚 編輯部


簡報小聚 #29 2017 年 12 月聚會

12 月 21 日|簡報主題社群活動

BFA 簡報小聚是一個以簡報溝通為主題的交流聚會,每次聚會由「主題分享」與「自由交流」兩個環節組成。「主題分享」將由三位講者 (Before, After, Pro Speaker) 依次帶來 20 分鐘的簡報溝通故事、經驗或技巧分享。

而在下個月的聚會,Before Speaker 將在與三位駐場簡報人一對一交流 #邏輯結構 #視覺設計 #訊息溝通 後再次登台,成為 After Speaker。我們希望通過定期的聚會讓每一位參與的夥伴們都能看到簡報溝通力提升後,帶來的改變力量。

歡迎各領域朋友一起來聽三位講者分享簡報溝通經驗及技巧,並與現場的職場人士交流,渡過不同體驗的夜晚。

 

 

See this gallery in the original post