一部手機，電量充足，網絡通暢，就足以讓我們打發一天的時光，盡情沉浸在手機時代的繽紛世界里。這個信息資源無窮盡的手機網絡世界，是設計師和開發者們在不竭的探索中一路一步精心打造。如何進一步美化這個世界，優化用戶體驗?如安在手機有限的屏幕上呈現清晰的UI和UX?這里太多因素需要考慮，文本排版設計就是其中不成或缺的一部分。今天，我將從文本排版設計角度出發，談談如何實現完美的手機UI界面。

首先，有須要了解一下基礎知識。

國內一些設計師，或者開發人員，可能從來都沒有接觸過文本排版設計的培訓或學習。

1，什么是文本排版?

“文本排版，“又稱“文字設計”，是一種涉及對字體、字號、縮進、行間距、字符間距進行設計、擺設等方法來進行排版的一種工藝。在數碼技術普及之前，文本排版是一項專業的工作，數碼時代的來臨使字體排印不像從前僅由排字印刷方面的技術工人完成，而更被圖形藝術家、藝術指導、文書人員甚至兒童廣泛使用。”

---維基百科

2，為什么文本版排版在手機端設計中很重要?

手機端設計比網頁設計要求更精致細膩，這個方寸之間的屏幕上，每個元素的選擇都更加謹慎，不但美不雅觀，更要實用。用戶對手機端文本排版設計的體驗要求也更高，于設計師而言，讓用戶能滿足于手機的文本排版設計是極具挑戰性的。

想象一下，一個完全沒有任何文字的手機網頁是怎樣的呢?不現實吧。同樣，在手機界面上隨意的放置文本元素，會有意義嗎?能實現有效的UI和UX嗎?雖然圖片和視頻極具動態也豐富多彩，但用戶仍然需要通過文本獲取信息。這不但僅是一種習慣，文字自己也能傳達其它元素無法傳達的信息。優秀的手機排版設計，不會讓用戶產生視疲勞，而應該讓用戶能輕松獲取信息，實現人機有效互動。

那么，文本排版設計的奧密究竟有哪些呢?如何通過文本排版設計實現完美UI呢?

通常，文本排版設計包孕但不限于以下元素。別的，需謹記：手機設計日新月異，手機文本排版設計當然也在與時俱進。我們既要尊重現有規則，但也要連結創新和探索。

以iPhone的文本排版設計為例。在最新的iOS11 中，做出了以下更新：

1)增加文本大小和權重：提高可讀性。

2)提供較大字號和尺度動態尺寸字號，適用于具有輔助性功能需求的用戶。

接下來，我逐一講解如何設計優秀的手機端文本排版：

1. 字體

1)字體選擇

字體選擇常常被錯誤對待，要么直接忽視，要么簡單地從字體庫中任意挑選一款。實際上，差別類型的文本內容需要使用差別的字體，字體可以表達內心感覺和心理需求。試想，使用濃密生硬的字體在女性色彩的讀物內容里，是不是顯得格格不入?相反，你應該選擇比較細膩和柔和的字體。生硬濃重的字體往往更具剛硬氣質。

另一方面，過度花哨好看的字體在手機屏幕上可能很難辨認。手機端的UI要求簡單而干凈，使用同種風格的字體是連結界面清爽的關鍵。制止單調，您可以選擇一種輔助字體與主要字體形成對比。這種情況下，界面的字體數量要控制在 2 到 3 種，多則混亂。

2)字體大小

手機屏幕有限，字體大小至關重要。如果你只是在手機屏幕上使用微小字體來解決，那就真是一個笑話了。雖然用戶可以縮放文原來改變字體大小，從而提升可讀性，但這絕不是設計師偷懶的借口。這多出的操作，本就違背用戶體驗。字體過小看不清，還會損傷用戶的眼睛，花費更多的時間閱讀;而較大的字體又會迅速吃掉屏幕，并破壞閱讀連貫性。

那怎樣是適當的字體尺寸?

對于iOS，使用至少11sp的字體大小，而對于Android，請選擇14 sp為主文本。請注意，這是主文本通常使用的尺度，不是強行的唯一尺度。此外，在設計手機端字體大小時，需要留意設計字體大小要比常規、使用在桌面端的略大一些。

2. 間距

1) 行間距

行間距是一排文字和另一排文字之間的空間。手機屏幕較小，所以行間距通常比桌面版本小。設置行間距時，需要在手機端設置比桌面端小的值。過寬或過窄的行間距都會破壞手機UI界面，降低可讀性。許多人認為，1.4em是尺度的行間距，但在手機屏幕上，仍然有顯得幾分緊密，用戶可能會感到文字仿佛在收緊。在設計上，尺度的行間距應該是字體大小的120%。別的， 如果文本的長度越短，那么它對行間距寬度的要求也會降低。

2) 字間距

標簽：九江 林芝 鹽城 烏魯木齊 東營