前兩期講解了各類字體的風格特點和在各種設計案例中的使用效果;在設計時我們可以根據“目標受眾”、“項目調性”、“行業屬性”等方式確定字體類型,使字體和版面風格相契合;確定好字體後,通過“限製字體數量”、“建立視覺層次”、“風格氣質統一”的原則來進行字體搭配。本期將通過案例來進行實操演示,幫助你加深理解。
第一個案例是關於健身俱樂部題材的宣傳海報,
以下為文案信息:
案例分析
在進行設計前,可以尋找關於運動的優秀海報設計作品進行參考,通過分析了解它們的字體是如何選擇和搭配,還可以參考圖片選取、色彩搭配、空間構圖等。
字體選擇與搭配
拳擊運動是偏男性和具有陽剛氣質的運動,所以主標題應該優先選擇粗獷、硬朗、具有力量感的黑體。此案例示範主標題選擇了“字魂-正酷超級黑”,此字體筆劃厚重,棱角分明。
英文字體選擇“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条)
测试