文字設計是界面設計中最細節的部分,也是最不可忽視的基礎部分。在界面設計過程中要考慮兩大因素:文字辨識度和界面的易讀性。
在任何一個有效的界面裡,具有層次的設計可以将界面上重要的部分與次要的部分區分開來,可以從對齊、間距、顔色、縮進和字體等方面做文章。當所有這些都調整運用得适當時,可以提高整個界面的可讀性。
很多剛做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。
,
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!