前兩期講解了各類字體的風格特點和在各種設計案例中的使用效果；在設計時我們可以根據“目標受眾”、“項目調性”、“行業屬性”等方式確定字體類型，使字體和版面風格相契合；確定好字體後，通過“限製字體數量”、“建立視覺層次”、“風格氣質統一”的原則來進行字體搭配。本期將通過案例來進行實操演示，幫助你加深理解。
第一個案例是關於健身俱樂部題材的宣傳海報，
以下為文案信息：
案例分析
在進行設計前，可以尋找關於運動的優秀海報設計作品進行參考，通過分析了解它們的字體是如何選擇和搭配，還可以參考圖片選取、色彩搭配、空間構圖等。
字體選擇與搭配
拳擊運動是偏男性和具有陽剛氣質的運動，所以主標題應該優先選擇粗獷、硬朗、具有力量感的黑體。此案例示範主標題選擇了“字魂-正酷超級黑”，此字體筆劃厚重，棱角分明。
英文字體選擇“Champion”進行搭配，此字體特粗的筆劃、緊縮的間距以及狹窄內部空間，顯得厚重醒目，傳達出很強的力量感，很多體育賽事都使用到此款字體。
二級標題和俱樂部名稱，使用“思源黑體”，分別選擇字族中筆劃較粗的“Heavy”和“Bold”字形。英文使用風格近似的“Helvetica”字體進行搭配。
這樣通過字體的大小、粗細，按主次區分，
建立好了視覺層次。
圖片選取與處理
接下來尋找配圖，通過素材網站搜索關鍵詞“拳擊”，選擇一張視覺效果較好的拳擊選手圖片。如下圖，傾斜構圖形成了畫面的不穩定感，拳擊選手的動作能很好體現拳擊運動的對抗性和力量感。
把圖片移動到畫面左方，滿比例佔據畫面，留出了右邊空間進行文字信息排版，形成左右構圖。把照片調整為黑白，並加強對比度，使圖片更有氣勢，質感也更好。
文字信息編排
按照之前選擇好的字體，
根據圖片的外輪廓在剩餘空間進行文字的編排。
深入刻畫
現在白色字在畫面中顯得比較突兀，為了使畫面更具整體性，處理方式是給其添加肌理。方法是使用PS的剪切蒙版功能，把人物圖片放在文字圖層上方，使用快捷鍵:Ctrl+Alt+G，這樣可以把人物圖像置入到文字中。
接著調整人物圖片的亮度，
使文字效果與版面風格更統一。
觀察畫面發現主標題英文信息太過於搶眼，所以把英文描邊處理進行弱化。主標題中文也加入描邊效果，不僅能進行強調，也加強了質感和層次感，設計完成：
嘗試其他方案
嘗試把標題改為書法字體，可以看到具有動感和磅礴大氣的書法字體，具有較強視覺張力，也可以和版面風格相契合。可見字體的選擇和搭配並不是一成不變，設計師需通過不斷的設計實踐來積累經驗，加深對不同字體的認識，進行靈活的選擇和搭配。
第二個案例是關於瑜伽培訓題材的宣傳海報，
以下為文案信息：
案例分析
尋找關於瑜伽的優秀海報設計作品進行參考，分析常用的字體選擇搭配，還可以參考圖片選取、色彩搭配、空間構圖等。
字體選擇與搭配
瑜伽運動是偏女性和具有柔美氣質的運動，所以主標題應該優先選擇優雅古典、端莊秀麗的宋體。這個案例主標題選擇棱角分明，結構嚴謹的“思源宋體”，在字族中選擇筆劃較細“Normal”，英文選擇搭配“TimesNewRoman”，從筆劃裝飾和風格特點都比較統一。其他信息選擇較細“思源宋體Light”和“思源黑體Light”，通過字體大小來體現主次層級關係。
圖片選取
接下來尋找配圖，通過素材網站搜索關鍵詞“瑜伽”，選擇一張視覺效果較好的瑜伽運動圖片。如下圖，優美的形體動作能很好體現瑜伽運動的優雅、柔美感。
主標題刻畫
進行主標題的刻畫，通過字體的大小、粗細，按主次區分，建立好三個視覺層次，顏色使用與畫面統一的棕色。
還要注意在同一層級之下的信息排布，間距一般是相等的，文字的長度注意呈現“長短”排布的節奏感。
使用網格確定排版方式和比例關係，這裡使用的是5X8的網格，把標題放在畫面左上方佔據2個格子寬度，右邊空間佔據3個格子寬度，形成2:3接近於黃金分割比例。
空間劃分
根據模特的形體動作劃分空間，把其他信息分別排列在空白處，借助網格進行輔助對齊。
最後加入線條使信息分割更清晰，也更具美感。 把瑜伽英文“YOGA”圍繞著模特身體排列，讓畫面更靈動。
總結
本期分別通過拳擊和瑜伽運動的海報設計實操演示，講解如何根據版面風格確定字體類型和選擇合理的字體進行搭配，幫助你加深理解黑體、宋體的選擇與搭配技巧。 下期將重點講解圓體和書法字體選擇與搭配技巧，下期見！
如果你對字體了解不夠深入，可以查看往期字體推薦文章。 關注微信公眾號：藝海拾貝Design（ID：YHSBds） ，在公眾號後台回复“字體實操”獲取練習素材和設計源文件。
往期回顧
教你擺脫字體選擇困難症
快速掌握字體搭配思路
中文字體推薦
漢字之美（上）—字體推薦系列1
漢字之美（中）—宋體黑體推薦
漢字之美（下）—書法字體推薦
吸睛利器！標題字體推薦(上)
美觀悅目！標題字體推薦(下)
英文字體、數字字體推薦
設計必備! 英文字體推薦(上)
個性十足！英文字體推薦(下)
超實用的價格字體推薦！
免費商用字體推薦
站酷字體系列
思源字體系列
龐門正道字體系列
胡曉波字體系列
設計師必備的免費商用字體（合集）
文章為用戶上傳，僅供非商業瀏覽。發布者：Lomu，轉轉請註明出處： https://www.daogebangong.com/zh-Hant/articles/detail/Practical%20demonstration%20of%20font%20selection%20and%20collocation%20Part%201.html
支付宝扫一扫 
评论列表（196条）
测试