起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識人人都可以是設計師：UI&UX 小技巧大全（三）
編輯導語：用戶對產品的體驗除了來自于正式使用過程中，也來自于直觀感知。其中，字體設計是帶給用戶直觀感受的重要部分之一，粗細、顏色、大小、組合等，都是字體組合美觀、合適與否的衡量因素。本文作者對如何完善字體設計提出了他的一些小技巧，一起來看一下。
運用粗細、大小和顏色來表示字體的層次結構。
編者按：用戶對產品的體驗來自直觀感受。所以UI/UX往往對產品的成敗有著直接的影響，糟糕的UI/UX體驗會讓強大的功能失去效力。
但怎么才能提高UI/UX設計的效果呢？不一定需要你掌握豐富全面的設計知識，有時候一點點的小改變就能令設計大為改觀。
Marc Andrew總結了36個改進UI/UX設計的小技巧，分成6篇系列文章刊出，此為第三篇，希望能夠幫助到你。原文發表在Medium上，標題是：UI & UX micro-tips: Volume three。
2個卡片設計的樣例。一個的文本樣式不匹配，另一個文本樣式的粗細、顏色和大小都很合適。
相關閱讀：
在為自己的下一個項目創作高效、美觀的 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協議。
- 目前還沒評論，等你發揮！
