UI

间距 字号 颜色 字体 (参考设置)

Chason
2021-03-12 / 0 评论 / 0 点赞 / 1,064 阅读 / 518 字
温馨提示:
本文最后更新于 2021-03-12,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

间距:

通常来说,行与行的间距是使用字号大小的1.5 ~ 2倍。

字号:

移动端H5的字号范围是14px ~ 20px。

如果正文超过25px,大段文字的描述就会变得不够美观了。

对于正文来说,以iPhone6屏幕大小为例,通常页面正文一行能够控制在20~28个字时,内容阅读起来是比较合适的,用户能获得一个比较合适的阅读感受。

颜色:

正文字体最好不要使用彩色,最好的颜色选择是黑、白、灰这些没有色相的颜色,他们较容易和背景做搭配。当页面是深色背景时,我们可以使用白色的正文;当页面是浅色背景时,我们可以使用黑色和灰色的正文。

白底黑字--文字识别性最好。

纯底白字--文字识别性最好。

纯底彩字--文字识别性较差。

字体:

建议少用花哨、复杂的字体,如特殊字体、宋体等字体都不太适合用于正文,尽量多使用无衬线类字体,这里推荐大家使用苹果丽黑、微软雅黑、思源黑体和兰亭黑体这些成套的字体作为正文字体。

这些字体的好处在于设计比较简约。这些字体都有粗、中、细体等各种款式,是成套的,比较系统化。

黑体字正文--识别性最好

宋体字正文--识别性略差

手写字正文--识别性最差

0

评论区