本節簡介:本節課主要講解在界面排版設計中如何正確的使用字體和字體的間距,確保字體樣式與色調氛圍相匹配,提高界面的版式率和閱讀性。同時著重給大家介紹了界面文字的使用規則和常用字體。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
iOS9.0 蘋方字體 Android roboto 6字體 Noto 7種字體
一般間距大小單位都是8或者10 導航左右間距是20px 通常雙行文字的列高度都是120px或者130px
齊行式:詳情頁,長文本 居左式:常用于app中,列表 居中式:主要運用短文本和有設計感的頁面中
界面背景色#eeeeee 分割線#e5e5e5 分割線深##cccccc
白色背景下字體顏色 灰色#999999 深灰色#666666 #深黑色#333333
可愛型字體:方正經黑 方正稚藝 華康海報 騰翔金磚 漢儀小麥 漢儀悠然 漢儀跳跳 漢儀黑荔枝
平穩類的字體: 微軟雅黑 冬青黑體 蘋方字體 華文細黑 方正正中黑 方正蘭亭超細 方正蘭亭纖細 方正蘭亭黑簡 方正蘭亭中黑 方正蘭亭粗黑 剛勁有力型: 張海山銳線 張海山銳諧 華康麗金黑 造字工房版黑 造字工房勁黑
標題34-36 正文字號32-34 副文28 內容區域最小字號24
字號大?。簩Ш阶?4px,正文標題字號34px-36px,正文字號:32px-34px,副文:28px,最?。?4px
字體樣式太多,比較雜亂。Roboto安卓英文字,Noto安卓中文字。
字的間距左右是3像素。行的高度130px最為舒服。
字的間距左右是3像素。行的高度130px最為舒服。
界面的字體和間距的使用 字體太多可以使頁面太雜亂。 可以利用屏幕粗細來分主次 界面文字使用規則 1常見的字號 導航主題標題字號:34px 正文字號:32-34 富文本是:28 內容區域最小字號:24px 底部20px 常用字體, 平穩類的字體: 微軟雅黑 冬青黑體 蘋方字體 華文細黑 方正正中黑 方正蘭亭超細 方正蘭亭纖細 方正蘭亭黑簡 方正蘭亭中黑 方正蘭亭粗黑 剛勁有力型: 張海山銳線 張海山銳諧 華康麗金黑 造字工房版黑 造字工房勁黑
底部標簽欄的字號為20px。只有這里的字號是最小的。
字體顏色又有哪些常用的顏色呢? 三個層級:主文、副文、提示文案