之前我在 2020 年 APP 設計流行趨勢中，提到過現在的主流設計趨勢是隱藏品牌元素（ 沒看過的，請點擊這裏： ），轉而強調 內容。內容也是長篇大論的那種，而是 microcopy 微文案 ，作爲 UI 設計的核心部分。

今天，我就將與大家分享我收集到的 40條關於微文案的UI設計技巧 ，以此來幫助交互設計師、產品經理在產品裏編寫、設計出更好的文本。

當然，也不用把本文當成一種規範，只是單純的分享，重要的還是與產品設計的結合。

下面正文開始~

讓我們從一些高級技巧開始： 

1.儘早處理文案，因爲文案問題通常會揭示設計問題。

2.簡明扼要。

寫作很容易。你需要做的就是刪除錯誤文字。

3. 簡潔，但更重要的是：要有意義。

4.不要太嚴肅或太技術性。

5.與你的用戶交流。

一致性： 

6.最奇怪的事情是，只有在缺少一致性的時候，纔會注意到需要一致性

當UI缺乏一致性時，纔會注意到需要UI一致性。 

7. 忠於你的品牌。

8. 使用一致的術語：確保文案在產品每個部分術語一致。

9. 寫作語氣要一致

10. 不要在同一短語中同時用第二人稱和第一人稱來指代用戶。

11. 定義策略：注意標題和句子一致，都要區分字母大小寫。

微文案技巧：

12.文字表述明確是關鍵。

13.用簡短的句子。

14.提到數字的時候，一定要用阿拉伯數字~

15. 儘可能使用“ 今天”，“昨天”或“明天”這些詞語來 代替日期。

16. 按鈕文字應該選用更精準的詞語。一般用戶都不會閱讀問腿，因此按鈕的文本應該包含操作的含義。

17. 縮短 CTA 按鈕文本並將其與標題組合，以提高清晰度

18. 錯誤提示需要包括三個內容：1.這是什麼問題？2.爲什麼會發生。3.如何解決。

文本的設計和佈局：

19. 從一開始考慮排版位置。

例如，德語單詞可以比英語單詞長200％——則需要儘可能多留一些空間，以確保你的設計可以容納更長的單詞。

20. 避免大段文字：記住用戶不想閱讀，他們只是在掃描。

21. 保持字間距！不要讓文本太接近標準邊距（左/右）或頂部/底部。如果你希望用戶閱讀舒服，那間距是你頭號朋友。

22. 不要總想用一屏就去呈現所有的內容，採取滾動設計就好了呀。

23. 注意對齊方式：居中對齊適用於短句，左對齊更適合長句子。

24. 儘量避免一個字單獨佔行。

25. 如果標題太長，可以考慮使用頁眉。

26. 仔細選擇字體（大小，粗細，顏色對比）

27.注意層次結構（大小，元素之間的距離等）

28.衡量你的段落空間。我的建議是，根據字體大小，將副標題與正文的行間距比正文的行間距 大2-5磅。

29. 長線或短線可能會令人疲勞和分散注意力。優化每行的寬度，目標是40-80個字符。

30. 在整個app設計中，所有文本塊都是相同的邊距。

使用字體： 

31.避免一次使用多種字體。

32.粗體字又流行了，但要精準地使用它（例如用於標題）。

33.黑色會增加眼睛疲勞。所以避免使用黑色，而應使用深灰色。

34. 不要使用太多顏色，保持文本乾淨整潔的視覺效果。

35.不要使用粗體來突出句子，可以加大字號或使用縮進。

檢查你的微文案： 

36.給交互設計師和開發人員們一個忠告：永遠不要相信仿真器！（尤其是在涉及文本時）

37.你的客戶永遠不會在仿真器上運行你的移動app。

38.必須使用原型來檢查和測試交互，並且次數越多越好。（p.s大家可以採用墨刀設計高保真原型，模擬使用場景）

39.始終有一個備份計劃：從服務器加載你的字符串，這樣在出現錯誤或需要更改的情況下，無須重新發版，直接修改副本。

40.堅持使用正確的專業術語。

本文作者是Gil Bouhnick，全文由 墨刀 整理翻譯。

看完了，你有沒有學到一點呢？如果關於文本設計，你也有一些心得體會，請留言與我們交流吧～

Powered by Froala Editor

相關文章