移動端字體字號及顏色的使用規範

一、字體的使用:

字體分為兩種:襯線和非襯線

襯線:字型方正,稜角分明,有極強的筆畫規律,從而使人在閲讀的時候有一種舒適醒目的感覺,結尾或開頭有裝飾性的筆畫,中文如 : 宋體, 英文如 : Caslo;

非襯線:樸素簡潔,無裝飾,視覺相等,黑白均勻,

IOS 的如 : 蘋方,英文如:San Francisco,Helvetica,

Andriod的如:思源黑體,英文如:Roboto。

手機上的文字,網頁,日常生活文字,98%都是非襯線字體。

二、字號的使用:(2倍圖為例説明)

導航欄主標題40-36px,

正文(主要現實的內容)34px,

副文(備註及內容)28px (32px),

輔助説明文字(一般是日期,時間)24px,

圖標文字:20px

大按鈕文字:36px

三、文字顏色的使用:

一級文字#333333

二級文字,#666666

副文(備註及內容)#999999

輔助説明文字(一般是日期,時間)#999999

反白文字:#FFFFFF

——————以上只是參考,具體請以實際視覺效果為準。

想聊聊文中的方向?

我們從產品設計到上線交付都在做,可以先聊聊你的實際場景。

深圳小助手科技有限公司 · 0755-82494862 · 13760424861

聯繫我們

← 返回新聞動態