@kamiyoung 扁平化設計是時下最流行的設計風格，之前我們已經探討過扁平化設計的原則（原文鏈接）很多朋友都提出了自己的疑問和觀點，今天我們將回答其中一些熱門問題。

“扁平化設計中使用什么樣的字體最合適？”

此教程是優設網翻茄匠@kamiyoung 為大家精心翻譯的，很用心呢，希望各位親愛的編輯同仁們轉載時艾特上妹子，在此感謝。:）
相關優秀資源推薦：
扁平化字體 → 24套適用于扁平化設計的免費英文字體
扁平化文章 → 推薦！22個超贊的扁平化設計經典案例

扁平化設計與版面設計

http://www.floatdesign.net/

https://coderwall.com/futureal

http://www.fitbit.com/

www.who-wanna.com/en/

在《扁平化設計趨勢》（原文鏈接http://designmodo.com/flat-design/）一文中，很大的篇幅都在討論版面設計。這使得觀察、選擇、使用何種字體成為融入扁平化設計趨勢的重要因素。

優秀的版面設計能同時滿足讀者的審美需求和閱讀需求。版面的視覺效果要與設計和信息傳達的整體風格保持一致。
簡潔是扁平化設計最大的特點，因此選用簡單的字體就更加適合。為了保持簡潔的設計宗旨，大部分扁平化設計最多使用兩個系列的字體，很多只使用一個系列。

由于扁平化設計常常采用明亮的色彩方案，因此文字的清晰程度和粗細就顯得格外重要。我們需要尋找有筆觸效果、與配色方案既對比鮮明又和諧統一的字體，這些字體要既要滿足一定的審美需求也要便于閱讀。
最后，在表現視覺效果的時候，可能需要一些銳利的字體，這些字體似乎更加適合表現扁平化設計的細節。

選擇字體

http://simonemarcarino.com/

http://wistia.com/

http://www.tvlcorp.com/

常常看到設計師在進行扁平化設計的時候選用sans serif字體。但那不是唯一的選擇，一些新穎的字體同樣會有很棒的效果。

Sans serif typefaces 有統一的筆觸寬度，是目前扁平化設計中最受歡迎的字體。筆觸的寬度不發生變化，因此看上去十分簡潔，同時易于閱讀。這種字體適用于很多背景，特別是那些扁平化的背景。字體描邊加粗以后同樣能夠在色彩鮮艷的背景中呈現出很好的對比效果。

Serif typefaces 也是一種選擇，但是并不是經常被使用，因為這種字體看起來較為正式且包含了更多的裝飾性元素。

在扁平化設計中設計師從頭到尾只使用一個系列的字體是很普遍的事情。（為了讓設計看起來沒那么單調，設計師也常常選用2至4種字體作為調節。
選一種樣式較多的字體，例如含有bold、 black 和 light等樣式。這樣即使只是用一種字體也可以呈現出充滿層次感的豐富的視覺效果。

novelty typefaces 是扁平化設計中另一種不錯的字體選擇。可以嘗試一些新穎的字體，但是這種字體應該和sans serif具有相同的屬性，例如清晰的線條和統一的筆觸。避免過多的裝飾性細節。

雖然在扁平化設計中經常只使用一種字體，但是如果有一種比較新穎的字體，選擇兩種字體也是不錯的注意。當文本比較簡單、字號比較大的時候可以使用較為新穎的字體，在字號較小，文本內容較多的區域使用另外一種字體。

別總想著用那些陳舊的字體。雖然像Arial這些常見的字體在扁平化設計中依然表現出色，但是選擇一些特別的字體會給設計增添些許活力。由于很多設計師在進行扁平化設計的時候都會采用相似的顏色搭配和技巧，因此如果希望你的設計能夠脫穎而出，選用新穎的字體就顯得很重要了。選用獨特的、出人意料的字體能夠幫助你的設計建立識別性。

專注文本內容

http://neueyorke.com/

https://www.standbuy.us/

https://flaticons.co/

文本內容本身和字體的選擇同樣重要。
扁平化設計的重點在于簡潔，文本內容應同樣保持簡潔。

請確定你對文本內容的選擇和編輯是恰當的。選用直白的語言，明確地展示給用戶你的網站如何工作。在需要用戶執行操作的時候請選用簡單直白的表述。在該說"現在付款"的時候別啰嗦地說"點擊按鈕進行付款"。

色彩和字體的搭配

http://www.profoundgrid.com/

http://www.geckoboard.com/

http://minimalmonkey.com/
字體的粗細以及顏色的選擇在版面設計中很重要。目前在扁平化設計中黑色和白色是最常見的文字顏色。由于這些文字常常擺放在色塊的頂端，所以選用黑色和白色看起來效果還不錯。

在文字和背景間需要使用對比效果，這樣才能讓文本內容清晰易讀。別使用陰影、漸變等類似于擬物的視覺效果，設計師必須要有通過色彩進行內容區分并使關鍵內容凸顯出來的能力。

空間和大小

http://apps.microsoft.com/windows/en-US/

http://friendsoftheweb.com/

http://www.buildwindows.com/

設計師要善于在扁平化設計中利用空間和大小的變化完成設計。
在設計中要有恰當的留白，讓版面有呼吸感。扁平化設計要充分體現出設計的可用性。你希望用戶完成從點擊到敲擊的一系列操作，那么給這些操作多留一點空間吧，將重點轉移到文本內容上，然后很自然地，用戶就知道怎么完成這些操作。

可以考慮把文字調整得大一些。當你選擇了較為纖細的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)

優設網 SDC翻茄匠：微博：@kamiyoung
原文地址：designmodo

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：15335158）分享實戰經驗。
設計微博：擁有粉絲量43萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：