APP中文本設計詳細指南,微文案的魅力所在
摘要:今天,我就將與大家分享我收集到的 40條關於微文案的UI設計技巧 ,以此來幫助交互設計師、產品經理在產品裏編寫、設計出更好的文本。34. 不要使用太多顏色,保持文本乾淨整潔的視覺效果。
之前我在 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