設計為信息服務，只有信息能清晰傳達給玩家，我們的設計才有意義。
關於文本信息傳達，在交互專業範疇裡分為了“易讀性”和“可讀性”兩個部分。
易讀性：解決內容視覺呈現的問題，讓用戶快速瞭解頁面上的信息。
字色標準使用情景考慮不周，內容不容易閱讀
可讀性：解決用戶對信息內容的理解問題，考量是否簡單易懂、邏輯清晰。
如上圖中“挑戰歷練本蜥蜴車站”為任務標題，“挑戰歷練本1-4蜥蜴車站”是完成任務的條件。問題是：挑戰失敗算不算完成？要挑戰幾次才算完成？
以上兩個案例，可以感受到“易讀性”更偏向視覺，“可讀性”更偏向交互體驗。
在這裡我們可以忽略術語上的定義，只要關注：
如何讓玩家輕鬆閱讀和理解界面內容。
所以，可以把信息的一切閱讀傳達問題都歸類為“可讀性”。
為了更好的避免和解決這些問題，我總結了【符號傳達】、【版式傳達】與【文案傳達】三個知識維度，本篇內容是關於符號的常見問題與設計規範。（結尾有福利）
一 符號篇
1.全角與半角符號？設計師和遊戲策劃經常出錯
基礎共識：全角字符佔用兩個標準字符位置，半角佔用一個；全角和半角的不同模式下，有的標點符號的形態完全不同。
符號屬性與區別
在遊戲體驗中，
括號與 冒號經常會因為全角、半角的應用出現問題 。括號，半角格式會讓信息過於緊湊，影響閱讀體驗：
冒號，半角格式只會用在時間與數學有關的情境中：
作為設計師，要在效果圖階段就保證全角與半角符號的準確性。
這些問題也經常在策劃的填表過程中出現，到了驗收階段，一定不要放過類似的細節走查。
2.中括號，你用對了嗎？佔了“可讀性”問題的半壁江山
界面遇到需要強調的內容時，會經常使用【全角中括號】或空格符號將主體清晰化。
空格的使用情景常出現於一句話的描述中，強調單一詞彙效果簡潔實用：
而【全角中括號】，這個符號樣式擁有厚重敦實的外表，能幫助重要內容在大量信息中脫穎而出。
例如：“挑戰歷練本蜥蜴列車站”，可以設計為“挑戰歷練【蜥蜴列車站】”
通過設計解決的問題是：
當玩家打開任務界面，第一時間就能夠找到自己接下來的目的地。
因為【】有著很好的聚焦作用，所以也應用在長篇幅的TIPS或郵件中，用於區分核心內容。
要注意的是：
關於符號的應用，需要有唯一的含義。
如果【】在整款遊戲中代表強調，就不要賦予其他交互行為。
如下圖所示，用文字+下劃線代表超鏈接，那麼要將這個既定的體驗認知貫徹下去。需要將【點擊協助完成任務】改為點擊協助完成任務 。
關於中括號的半角形態，[半角中括號]視覺上較為纖細，有兩種常見形態：
1，代表可點擊的超鏈接，例如 [加入隊伍] ；
2，作為名詞標籤，例如 [刺客]、[世界頻道] 。
在實際設計過程中，最容易出現的問題是：
兩種形態同時交叉使用，導致體驗定義混淆。
符號傳達的含義需要特別明確，目的是幫助玩家建立交互認知。
例如：玩家只要在系統中見到[半角中括號]，就知道里面的信息是可以被點擊的。
3.語文規範知識 符號不要出現在行首
因為段落換行的原因，遊戲中經常出現符號在行首的情況。這與遊戲策劃的配置有關，但作為用戶體驗的一部分，設計師有責任時刻提醒策劃進行自檢。
遇到這類問題，需要交互設計師或策劃重新思考描述內容，通過文字的增減編輯來解決。
除此之外，還兩個方式來幫助格式驗收：
1，如符號出現在首位，則移至上一行末尾
2，超過兩個數字被拆分時，則移數字整體移至下一行
這樣的規範細節，雖然不能提升留存和營收，但一定程度上代表了對待產品的態度。
4.建立規範：統一、準確的進行符號傳達
用戶體驗設計中的一個概念：
圖形代表的含義玩家越熟悉，信息的可讀性就強。
所以我們可以根據玩家的認知規律，總結出關於遊戲界面設計中符號傳達的各種應用情景，最終形成一套設計規範。
例如：
有了規範，你就可以用來約束自己或者其他設計師，也便於用統一的標準去做體驗驗收。
儘可能的將所有細節問題控制在設計前期，這樣才能避免打補丁式的迭代優化。不要到了研發後期，牽一髮動全身，很多已知的問題無法再去著手解決了。
認真對待，別在細節體驗上留有遺憾。
二 文案篇
提到文案，第一刻想這到是遊戲策劃的職責。
但只要與用戶體驗有關，設計師都要有所考慮。
無論是策劃還是設計師，我們一致的目的是：
如何通過“用戶界面文案”讓產品更好。
優秀的界面文案不是指擁有一些華麗的詞彙，而是能夠針對玩家心理和使用情景，滿足產品體驗目的。
探探以一種看起來很真實的文案激起用戶好奇心，顯然這是騙人的手段，但有效性很高。
有效性，是界面信息傳達的關鍵目的。
關於有效性，可以從四個維度來落地：
精煉、準確、智能、友好
1.精煉：去除噪音，簡明扼要
在希望玩家建立中長期目標追求時，最好的方式是產生聯想 ，即：
如果自己達成這一目標後，能獲得些什麼。
以遊戲中常見的任務手冊系統為例，建議採用具有鼓動性和吸引力的句子來進行表述。
例如：
協會競技：實力展現 | 巔峰對決
限制解除：解鎖被動技能 | 實力大幅提升
對於這種需求，可以整理出一套表述公式：
鼓動性 + 吸引力 + 排比句式 = 建立聯想
例如上圖的反例中，“阻擋曹軍逃亡，精明的主公會在此地磨練自己，可以獲得迅速成長。”
可以優化為：
阻擊曹軍逃亡 | 獲得大量經驗 | 迅速壯大軍隊
在文案設計時，要用簡練直接的方式，玩家無需句句斟酌理解，越快建立目標聯想越好。
2.準確：建立行動目標，結果符合預期
在之前的【符號篇】中，有一個關於任務目標的案例。
“挑戰歷練本1-4蜥蜴車站”是完成任務的條件。
問題是：挑戰失敗算不算完成？要挑戰幾次才算完成？
帶有達成條件類的文案，需要有明確的地點、行動與數量要求。
這一類內容，也可以歸納出通用的表述公式：
目標 + 行動 + 地點 + 數量 = 條件說明
例如“挑戰歷練本1-4蜥蜴車站”，套用公式：
“成功挑戰蜥蜴車站1次”
成功（目標）+ 挑戰（行動）+ 蜥蜴車站（地點）+ 1次（數量）
歸納表述公式是很有效的文案設計工具，可以將其定義在遊戲設計規範中。
注意：
無論有幾種排列組合，建議遊戲中只套用一種。在統一玩家閱讀習慣的同時，提高界面文本的可讀性。
3.智能：讓文案擁有智慧
優秀的用戶體驗，要具備一種幫助力 。
在玩家所處的交互情景中，直接計算出他們想要知道的信息，讓接下來的遊戲行為是可被預期的。
例如卡牌遊戲的抽卡系統。
當面對貨幣不足的情況時，清晰的告知差值，第一時間幫助玩家建立行動目標。
4.友好：迎合情感、渲染氣氛
在有炫耀訴求的界面文案中，建議使用具有羨慕、誇獎、祝賀的語氣進行描述。
當遊戲中抽到高級卡時，如果系統的滾動公告上只是顯示：“ 恭喜XXX招募到5星武將【張遼】”，從情感角度就弱了一級。
可以優化為“ XXX威震四海，吸引5星武將【張遼】慕名來投 ”。
另一層面，文案的友好性也需要抓住用戶喜好，在獲得好感的同時，提高系統交互通過率。
5.小結
界面文案不需要多麼高深的文學造詣。
需要關注的是使用情景下的玩家訴求，也可以稱為：界面語境 。
手機上很多APP都有值得學習的地方。
有一次在買機票的時候，就被其中自嘲的文案所吸引：
乘機規定“奇葩”嗎？
本質上，規定是嚴謹、嚴肅的，但這些規定為乘客帶來了許多麻煩，所以用“奇葩”兩個字顯然更加友好。
掌握界面語境，為系統賦予合適的文案，這也屬於 產品思維 的一部分。
三 版式篇
界面版式設計，是一項基礎的設計技能。
基礎到設計師很少去想其中的規則規範，認為只要看起來好看、順眼就對了。
面對策劃需求，拿來就做是個錯誤的設計習慣。
界面排版不是為美觀服務，而是為內容服務。
不要為了美觀而忽略了“可讀性”的本質問題。
以下，總結了四條設計規範，避免在細節之處犯錯。
1.柵格化規範
柵格是由一系列規律的小網格組成，在Web設計中經常使用8作為柵格的最小步進單位。
統一步進單位，使元素大小、間距都有規律可循。
不過，柵格規範中的最小單位並沒有明確的規定，可以按照自己的設計習慣以及遊戲版式結構去重新定義。
在遊族，柵格規範為：
橫排最小單位4PX，豎排最小單位16PX。
基於這個數字，製作統一的界面柵格模板：
柵格模板可以幫助設計師制定出
界面行距與間距規範，內容行距的呼吸節奏感一目瞭然。
在界面的既定規則下，進而完善所有的控件模組規範。幫助遊戲產品建立統一的頂層版式設計語言。
遵循柵格系統的設計細節，無論是元素、模塊或頁面，都有規律可循。
按照以上的規範方法，能夠有效減少設計決策的時間與溝通損耗，提升工作效率。
2.對齊規範
“只要界面上剛好有空間，就把信息隨意“扔”到那裡。”
這是在界面設計中，最常見的問題。
對齊意味著有序，給人有種穩定、安全的感覺。
很多時候，設計師需要刻意製造對齊的結果。
例如屬性信息，可以制定一份命名規則：
1，字數一致
在一些屬性標題中，儘可能使用字數一致的命名方式。
2，由少至多
當字數無法一致時，保證題目首尾對齊。
由少至多的排序方式會讓視覺更加有序。
TIPS：
不同遊戲類型，數值的對齊方式不同。
卡牌用戶更習慣數字左對齊的形式，便於首字符對比。
而MMO或SLG為右對齊的形式。
3.親密性
彼此相關項應當靠近，歸組在一起。這有助於組織信息，減少混亂，為玩家提供清晰閱讀的結構。
如果多個內容相互之間存在親密性，它們就會成為一個視覺單元。
反之，兩個視覺單元之間要刻意疏遠，不要混為一談。
親密性總是被提及，其作用還遠不只上面案例那麼簡單。
在《文明覺醒》中，選中目標後彈出的界面，其位置與指向性也屬於親密性的設計範疇。對比《權利的遊戲》，體驗就要輕量、友好一些。
當看到某些理論時，不要只關注案例本身。
“觸類旁通”才能更好的通過設計解決問題。
4.行長規範
行長，指單行文字的長度，如果一行中包含字數太多，文本內容會很難閱讀。
常規界面中的描述文本，建議單行控制在20-24個字之間。
對於公告或故事描述等界面，因為文本內容非常多，往往需要更長的行數支持。
這類情況，建議單行控制在44-46個字之間。
字數較多時，整版文字內容要通過隔行與染色來區分信息層級，確保通篇內容的可讀性，避免出現下圖中的情況：
5.設計習慣
除了版式規範之外，設計師還需要加強對內容的理解。
請保持兩個設計習慣：
1，填入正確的文案
避免使用臨時文本去填充界面內容，這會影響你對”可讀性“的設計判斷。
2，充分考慮多種信息狀態
有多狀態組成的界面，需要在UI效果圖中將狀態設計完全，避免實際應用時出現識別度問題。
不要忽略這些設計細節，越是基礎，就越容易犯錯。
至此，關於可讀性的三個篇章已經結束，建議收藏、分享，你一定會用到。
【關於作者】
楊曦 （微信：un-magic），曾任職網易、騰訊、暢遊，專注遊戲用戶體驗設計11年。歡迎關注他的個人公眾號 GameUE ，分享設計知識乾貨。
閱讀更多 GameRes遊資網 的文章
