當前位置:首頁 >教程首頁 > Photoshop >扁平化設計與版麵設計 用什麼字體最合適?

扁平化設計與版麵設計 用什麼字體最合適?

發布時間:2018-11-17 19:57:24

 

扁平化設計是時下最流行的設計風格,之前我們已經探討過扁平化設計的原則,很多朋友都提出了自己的疑問和觀點,今天我們將回答其中一些熱門問題。
 
“扁平化設計中使用什麼樣的字體最合適?”
 
扁平化設計與版麵設計
 

 

 

 

 
優秀的版麵設計能同時滿足讀者的審美需求和閱讀需求。版麵的視覺效果要與設計和信息傳達的整體風格保持一致。

簡潔是扁平化設計最大的特點,因此選用簡單的字體就更加適合。為了保持簡潔的設計宗旨,大部分扁平化設計最多使用兩個係列的字體,很多隻使用一個係列。
 
由於扁平化設計常常采用明亮的色彩方案,因此文字的清晰程度和粗細就顯得格外重要。我們需要尋找有筆觸效果、與配色方案既對比鮮明又和諧統一的字體,這些字體要既要滿足一定的審美需求也要便於閱讀。
 
最後,在表現視覺效果的時候,可能需要一些銳利的字體,這些字體似乎更加適合表現扁平化設計的細節。
 
選擇字體
 

 
 

 
常常看到設計師在進行扁平化設計的時候選用sans serif字體。但那不是唯一的選擇,一些新穎的字體同樣會有很棒的效果。
 
Sans serif typefaces有統一的筆觸寬度,是目前扁平化設計中最受歡迎的字體。筆觸的寬度不發生變化,因此看上去十分簡潔,同時易於閱讀。這種字體適用於很多背景,特別是那些扁平化的背景。字體描邊加粗以後同樣能夠在色彩鮮豔的背景中呈現出很好的對比效果。
 
Serif typefaces也是一種選擇,但是並不是經常被使用,因為這種字體看起來較為正式且包含了更多的裝飾性元素。
 
在扁平化設計中設計師從頭到尾隻使用一個係列的字體是很普遍的事情。(為了讓設計看起來沒那麼單調,設計師也常常選用2至4種字體作為調節。

選一種樣式較多的字體,例如含有bold、 black和light等樣式。這樣即使隻是用一種字體也可以呈現出充滿層次感的豐富的視覺效果。
 
novelty typefaces是扁平化設計中另一種不錯的字體選擇。可以嚐試一些新穎的字體,但是這種字體應該和sans serif具有相同的屬性,例如清晰的線條和統一的筆觸。避免過多的裝飾性細節。
 
雖然在扁平化設計中經常隻使用一種字體,但是如果有一種比較新穎的字體,選擇兩種字體也是不錯的注意。當文本比較簡單、字號比較大的時候可以使用較為新穎的字體,在字號較小,文本內容較多的區域使用另外一種字體。
 
別總想著用那些陳舊的字體。雖然像Arial這些常見的字體在扁平化設計中依然表現出色,但是選擇一些特別的字體會給設計增添些許活力。由於很多設計師在進行扁平化設計的時候都會采用相似的顏色搭配和技巧,因此如果希望你的設計能夠脫穎而出,選用新穎的字體就顯得很重要了。選用獨特的、出人意料的字體能夠幫助你的設計建立識別性。
 
專注文本內容
 

 

 

 
文本內容本身和字體的選擇同樣重要。

扁平化設計的重點在於簡潔,文本內容應同樣保持簡潔。
 
請確定你對文本內容的選擇和編輯是恰當的。選用直白的語言,明確地展示給用戶你的網站如何工作。在需要用戶執行操作的時候請選用簡單直白的表述。在該說“現在付款”的時候別囉嗦地說“點擊按鈕進行付款”。
 
色彩和字體的搭配
 

 

 

 
字體的粗細以及顏色的選擇在版麵設計中很重要。目前在扁平化設計中黑色和白色是最常見的文字顏色。由於這些文字常常擺放在色塊的頂端,所以選用黑色和白色看起來效果還不錯。
 
在文字和背景間需要使用對比效果,這樣才能讓文本內容清晰易讀。別使用陰影、漸變等類似於擬物的視覺效果,設計師必須要有通過色彩進行內容區分並使關鍵內容凸顯出來的能力。
 
空間和大小
 

 

 

 
設計師要善於在扁平化設計中利用空間和大小的變化完成設計。

在設計中要有恰當的留白,讓版麵有呼吸感。扁平化設計要充分體現出設計的可用性。你希望用戶完成從點擊到敲擊的一係列操作,那麼給這些操作多留一點空間吧,將重點轉移到文本內容上,然後很自然地,用戶就知道怎麼完成這些操作。
 
可以考慮把文字調整得大一些。當你選擇了較為纖細的sans serif字體或者新穎的字體時請認真考慮這個建議,這樣能增強文字的易讀性。
 
上述技巧需要配合使用。給文本預留更多的空間將允許設計師選擇更大的字號。並且能夠調整不同文字的大小。請將空間和大小視作關鍵的可用性技巧,按鈕是否足夠大?每個按鈕都有自己的特點嗎?樣式設計能夠清晰地告訴用戶網站的功能和接下來需要進行的操作嗎?
 
字體建議
 

 

 

 

 

 

 

 

 

 

 
有種類繁多的字體可供選擇,希望以下免費的字體能夠激發大家的設計靈感。
 
Lato (Google Fonts)
 
Franchise (Font Squirrel)
 
Junction (League of Moveable Type)
 
Aller (Font Squirrel)
 
Museo Slab (FontSpring)
 
Telegrafico (Ficodfont)
 
Gnuolane (FontSpring)
 
ChunkFive (Font Squirrel)
 
Lovelo (Font Fabric)
 
Mojave (Behance)
华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答

微信掃碼入群領福利

掃碼領福利最新AI資訊

點擊谘詢
添加老師微信,馬上領取免費課程資源

1. 打開微信掃一掃,掃描左側二維碼

2. 添加老師微信,馬上領取免費課程資源

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定