文字設計是界面設計中最細節的部分,也是最不可忽視的基礎部分。在界面設計過程中要考慮兩大因素:文字辨識度和界面的易讀性。
在任何一個有效的界面裡,具有層次的設計可以將界面上重要的部分與次要的部分區分開來,可以從對齊、間距、顏色、縮進和字體等方面做文章。當所有這些都調整運用得適當時,可以提高整個界面的可讀性。
很多剛做APP界面的設計師,經常會因為字號、字體顏色、間距而困擾。拿到設計需求後,開始進行設計,不知道從何去調整界面的字號和行間距等。
常規字體
界面中的每一個文字、每一個字符都很重要。好的文本就是好的設計,文本是最根本的界面,需要我們設計師來塑造和打磨這些信息。字體之間最大的差異並不在於有無襯線,而在於字體與字體之間形體的差異。但是很多字體之間差異不大,有些新字體甚至是已有字體進行了細微的改造後產生的。
於是,就把字體分成了幾個大的系列,同一個系列中的字體大體相同,稱作通用字體系列。其中包括以下五個系列:
①帶襯線字體。Times New Roman是默認的s帶襯線字體,中文字體的話,是宋體、仿宋之類的字體。
②無襯線字體。默認的sans serl字體,中文字體中微軟雅黑、黑體等都是這類字體。
③等寬字體。這個字體裡面的每個字母都有相同的寬度,通常用於顯示程序代碼等。Courier是默認的等寬字體字體,而對於中文每個漢字都是等寬的。
④模仿手寫字體。手寫體比較有個性,通常用於標題、logo等等。這個字體系列沒有默認字體,英文來說,通常用 Comicsans,中文的話,行書系列、草書系列的字體等,都可以算作手寫字體。
⑤裝飾字體。多數用於標題,極具個性,字體繁多,為藝術字體。
常規字號
由於行動裝置空間小,環境光通常比較微弱,所以在字體與字號的選擇上更要多注意。文字大小只是一個範圍,這要根據設計的視覺效果來決定,字體大小沒有嚴格標準,但在APP設計中,涉及4種字號32px、28x和24px,字號要用偶數,都是4的倍數。
這裡需要給大家普及一下px的概念。px指像素單位,10px表示10個像素大小,常被用來表示字號,很方便很直觀。
間距與行寬
行寬是一行文字的長度,舒適閱讀的理想行寬是50個字符左右,行距的大小取決於文字的設計和間距;行距是行之間的空間,行距過緊或過寬都會給用戶造成閱讀障礙,標準的行距是1.4EM,在移動端界面設計中,我們通常用x的高度來代表;字間距沒有固定的數值,我們在界面設計時追求易讀性原則,通常不會調整字間距。
字體顏色
在界面中的文字分為三個層級,包括主文、副文、提示文案等。在白色的背景下,字體的顏色層次其實就是黑、深灰、灰色。常用的色值是#333333、#666666、#999999。