前言：文字是介面的隱形骨架

螢幕尺寸有限、使用者學習成本高，文字成為移動端介面不可或缺的核心載體。優秀介面文字非單純排版，而是具備嚴密邏輯分類、視覺層級與心理對應體系。本文從生活場景類比，建立終端文字設計系統化框架。

一、生活場景中的文字四大類別

四類定義與介面映射

類別	生活場景	介面對應	核心功能
A 指示性	路標、錶盤	確定、返回、安裝、退出、查看鏈接	對行為有明確指導提示
B 名稱性	菜譜、文章標題	App名稱、列表標題、欄目名	標識事物身份
C 評價性	價格、好/壞評價	評分、用戶等級、標籤、狀態標識	物品/內容屬性判斷
D 內容性	書籍、報刊	詳情頁正文、常見問題、評論正文	承載核心資訊內容

註：類別具有相對性。如文章評論對作者是內容性，對文章則是評價性。設計時需根據具體上下文判定。

二、視覺邏輯強度模型

基於心理學與視覺感知，建立文字視覺權重層級：

視覺表現策略

• 指示性：最高突出度，寬鬆環境形成視覺焦點（色彩/字重/按鈕容器）
• 名稱性：常規瀏覽舒適度，清晰明確即可
• 評價性：清晰基礎上增加對比（色相/字重/圖標輔助）
• 內容性：行距/段距/背景對比優化閱讀體驗

三、佈局語境下的動態權重調整

視覺厚度（色彩/字重/大小/容器強度）非固定，隨佈局語境動態調整：

案例 1：內容詳情頁

• 核心任務：閱讀內容
• 策略：強化內容性文字行距/排版，弱化指示性元素（隱藏/收納導航）

案例 2：列表頁

• 核心任務：掃描篩選
• 策略：名稱性文字視覺權重 > 指示性操作按鈕

四、設計師檢核清單

1. 是否為每個文字元素標註了類別（A/B/C/D）？
2. 同類別文字視覺樣式是否統一（色彩/字重/大小/容器）？
3. 不同類別之間是否有明顯視覺區隔？
4. 當前頁面核心任務下，最高優先級類別是否獲得最強視覺資源？
5. 深色/淺色模式下，層級關係是否保持？

結語

文字設計的本質是資訊架構的視覺化。建立「分類→分級→分佈→驗證」的系統化流程，讓每一行文字都在正確位置、以正確姿態、服務於使用者當下最關鍵的任務。