編輯導語：用戶對產品的體驗除了來自于正式使用過程中，也來自于直觀感知。其中，字體設計是帶給用戶直觀感受的重要部分之一，粗細、顏色、大小、組合等，都是字體組合美觀、合適與否的衡量因素。本文作者對如何完善字體設計提出了他的一些小技巧，一起來看一下。

運用粗細、大小和顏色來表示字體的層次結構。

編者按：用戶對產品的體驗來自直觀感受。所以UI/UX往往對產品的成敗有著直接的影響，糟糕的UI/UX體驗會讓強大的功能失去效力。

但怎么才能提高UI/UX設計的效果呢？不一定需要你掌握豐富全面的設計知識，有時候一點點的小改變就能令設計大為改觀。

Marc Andrew總結了36個改進UI/UX設計的小技巧，分成6篇系列文章刊出，此為第三篇，希望能夠幫助到你。原文發表在Medium上，標題是：UI & UX micro-tips: Volume three。

2個卡片設計的樣例。一個的文本樣式不匹配，另一個文本樣式的粗細、顏色和大小都很合適。

相關閱讀：

《人人都可以是設計師：UI & UX 小技巧大全（一）》

《人人都可以是設計師：UI & UX 小技巧大全（二）》

在為自己的下一個項目創作高效、美觀的 UI 時，有時只需一點小到不能再小的調整就可以幫助你快速改進設計。

在這篇系列文章的第三篇中，我會為你帶來又一批很容易實踐的 UI 和 UX 小技巧。

是那種你可以不費吹灰之力就能改進設計和用戶體驗的小技巧。

我們就直接開始吧……

一、想換一種不那么非正式的語氣？可以試試全部小寫

2個設計實例。一個文本的字體較粗，而且用了大寫，另一個文本使用字體較細，而且是小寫。

運用較粗的字體和大寫有時候會顯得有點太過正式。

不妨嘗試一下選擇全部小寫，用細一點的字體。

在做特定項目時，這種做法可以傳遞出不那么正式、更平易近人的信息。

二、運用粗細、大小和顏色來表示字體的層次結構

2個卡片設計的例子。一個的文本樣式不匹配，另一個文本樣式的粗細、顏色和大小都很合適。

在設計字體時，元素不需要高聲尖叫著“喂，看著我！”，用不著時刻都要提醒用戶。

但是，這些字體確實需要有一個平衡的層次結構。

通過運用好字體的粗細，大小以及顏色，做出微妙的調整，就可以實現這一目標。

這可以讓用戶一眼瞄過去的時候就能找出最重要的元素，并避免在此過程中出現任何的混淆。

三、深色背景前面放很細的字體？加粗字體或獲得最佳的可讀性

2個設計實例。一個在深色背景上放了字體很細的文字，另一個字體稍粗。

在淺色背景下放置深色文本時，偶爾選擇細一點的字體是可以的。

但是反過來的時候：字體很細的文字 > 深色背景時，你應該考慮字體稍微加粗一點，尤其是文案很長的時候。

這么做的是為了保證最好的易讀性，并避免使用戶的眼睛疲勞。

四、選好字體，營造出合適的情緒反應

2 個設計實例，標題均為“Fun for the family”。左邊這個標題使用了非常規的字體，另一個則用了對內容來說更適合的字體。

要試著給需呈現的內容選擇合適的字體。

用戶是很精明的，他們對內容什么時候在跟自己對話，什么時候不是會有直觀的感受。

選擇合適的字體是讓內容直接跟用戶對話的關鍵，而且是在情感的層面上。

五、如果（必須）使用多種字體，務必努力遵守最多兩種的原則

2 個卡片設計示例。左邊這個字體太多且相互沖突，右邊只 2 種字體，而且搭配得很好。

對我來說，我會盡量堅持只用 1 種字體的原則。

但是，如果項目的確需要，我建議將字體數量最多可以做到2種，不能再多了。

對于沒有經驗的人來說，要想讓不同字體結合得很好可能會很棘手。

對自己要手下留情，不要僅僅因為你可以添加字體就任性。

最多使用 2 種字體，然后粗細、大小和顏色的適當組合馬上就能為你的設計帶來視覺上的和諧。

六、全大寫 + 字母間距 = 易讀性更好

2個設計實例。兩者都帶有“Home & Garden”字樣，而且都是大寫字母。一個字符之間幾乎沒有任何間距，另一個則讓字母稍微拉開一些間距。

全部都是大寫，全都擠在一起的文字？

呃……

“給這些字母之間增加一點間距是個好主意，這樣可以為用戶實現更好的易讀性。

這么做會讓單詞更容易閱讀和處理，因為字母彼此之間更容易區分。

只需要稍微增加一點字母之間的間距，就能夠提高易讀性，并為大寫字體增添一絲的潤色。

本文來自翻譯, 如若轉載請注明出處。

作者：Marc Andrew，譯者：boxi

來源：https://www.36kr.com/p/1302295596845444

本文由 @神譯局 授權發布于人人都是產品經理，未經作者許可，禁止轉載。

題圖來自Pexels，基于CC0協議。