本节简介:本节课主要讲解在界面排版设计中如何正确的使用字体和字体的间距,确保字体样式与色调氛围相匹配,提高界面的版式率和阅读性。同时着重给大家介绍了界面文字的使用规则和常用字体。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
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
字号大小:导航字34px,正文标题字号34px-36px,正文字号:32px-34px,副文:28px,最小:24px
字体样式太多,比较杂乱。Roboto安卓英文字,Noto安卓中文字。
字的间距左右是3像素。行的高度130px最为舒服。
字的间距左右是3像素。行的高度130px最为舒服。
界面的字体和间距的使用 字体太多可以使页面太杂乱。 可以利用屏幕粗细来分主次 界面文字使用规则 1常见的字号 导航主题标题字号:34px 正文字号:32-34 富文本是:28 内容区域最小字号:24px 底部20px 常用字体, 平稳类的字体: 微软雅黑 冬青黑体 苹方字体 华文细黑 方正正中黑 方正兰亭超细 方正兰亭纤细 方正兰亭黑简 方正兰亭中黑 方正兰亭粗黑 刚劲有力型: 张海山锐线 张海山锐谐 华康丽金黑 造字工房版黑 造字工房劲黑
底部标签栏的字号为20px。只有这里的字号是最小的。
字体颜色又有哪些常用的颜色呢? 三个层级:主文、副文、提示文案