tft每日頭條

 > 生活

 > 字體的設計命令

字體的設計命令

生活 更新时间:2024-09-28 17:45:53

文字設計是界面設計中最細節的部分,也是最不可忽視的基礎部分。在界面設計過程中要考慮兩大因素:文字辨識度和界面的易讀性。

字體的設計命令(界面設計的字體規範)1

在任何一個有效的界面裡,具有層次的設計可以将界面上重要的部分與次要的部分區分開來,可以從對齊、間距、顔色、縮進和字體等方面做文章。當所有這些都調整運用得适當時,可以提高整個界面的可讀性。

字體的設計命令(界面設計的字體規範)2

很多剛做APP界面的設計師,經常會因為字号、字體顔色、間距而困擾。拿到設計需求後,開始進行設計,不知道從何去調整界面的字号和行間距等。

字體的設計命令(界面設計的字體規範)3

常規字體

界面中的每一個文字、每一個字符都很重要。好的文本就是好的設計,文本是最根本的界面,需要我們設計師來塑造和打磨這些信息。字體之間最大的差異并不在于有無襯線,而在于字體與字體之間形體的差異。但是很多字體之間差異不大,有些新字體甚至是已有字體進行了細微的改造後産生的。

字體的設計命令(界面設計的字體規範)4

于是,就把字體分成了幾個大的系列,同一個系列中的字體大體相同,稱作通用字體系列。其中包括以下五個系列:

字體的設計命令(界面設計的字體規範)5

①帶襯線字體。Times New Roman是默認的s帶襯線字體,中文字體的話,是宋體、仿宋之類的字體。

②無襯線字體。默認的sans serl字體,中文字體中微軟雅黑、黑體等都是這類字體。

字體的設計命令(界面設計的字體規範)6

③等寬字體。這個字體裡面的每個字母都有相同的寬度,通常用于顯示程序代碼等。Courier是默認的等寬字體字體,而對于中文每個漢字都是等寬的。

字體的設計命令(界面設計的字體規範)7

④模仿手寫字體。手寫體比較有個性,通常用于标題、logo等等。這個字體系列沒有默認字體,英文來說,通常用 Comicsans,中文的話,行書系列、草書系列的字體等,都可以算作手寫字體。

⑤裝飾字體。多數用于标題,極具個性,字體繁多,為藝術字體。

字體的設計命令(界面設計的字體規範)8

常規字号

由于移動設備空間小,環境光通常比較微弱,所以在字體與字号的選擇上更要多注意。文字大小隻是一個範圍,這要根據設計的視覺效果來決定,字體大小沒有嚴格标準,但在APP設計中,涉及4種字号32px、28x和24px,字号要用偶數,都是4的倍數。

字體的設計命令(界面設計的字體規範)9

這裡需要給大家普及一下px的概念。px指像素單位,10px表示10個像素大小,常被用來表示字号,很方便很直觀。

字體的設計命令(界面設計的字體規範)10

間距與行寬

行寬是一行文字的長度,舒适閱讀的理想行寬是50個字符左右,行距的大小取決于文字的設計和間距;行距是行之間的空間,行距過緊或過寬都會給用戶造成閱讀障礙,标準的行距是1.4EM,在移動端界面設計中,我們通常用x的高度來代表;字間距沒有固定的數值,我們在界面設計時追求易讀性原則,通常不會調整字間距。

字體的設計命令(界面設計的字體規範)11

字體顔色

在界面中的文字分為三個層級,包括主文、副文、提示文案等。在白色的背景下,字體的顔色層次其實就是黑、深灰、灰色。常用的色值是#333333、#666666、#999999。

字體的設計命令(界面設計的字體規範)12

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved