UI设计中常用字体规范

2018-7-13    博博


UI设计中常用字体规范

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里


很多刚做APP界面的设计师,经常会因为字号,字体颜色,间距等问题困扰。

拿到设计需求后,页面和页面的字号调着调着就大小或颜色不统一了。并且容易导致设计稿反复得修改。设计出来的效果图文字左右间距层次不齐,导致与预期不符等,完全不知道该如何下手,如何开始进行设计。下面,我就从UI设计中常用字体规范中给大家简单讲解一下,如何进行设计。

一、字体设计排版

我们常常会听到,这也太LOW(土)了吧?你能修改一下字体吗?

过多不明确而繁琐的字体搭配会导致整个画面失调。可以这样说,字体可以成就你的设计也可以毁掉你的设计。

UI设计中常用字体规范

问题的关键有:

1.字体样式太多,导致页面杂乱

2.使用的字体不易识别

3.字体样式和内容的气氛或规范不匹配

那么,怎么避免这样的结果发生呢?

通过设计经验可以帮助你做出更好的版式

了解不同平台的常用字体设计规范

在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。一般来说,视野范围内,最多不能超过三种字体,太多的字体、字号,就显得非常杂乱无章。

不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。

字体与背景的层次要分明

确保字体样式与色调气氛相匹配


二、界面中中文字体使用规则

不同平台、不同界面设计中,使用的字体规范也有所不同,像移动界面的设计就会有固定的字体样式。网页中会有常用的几个字体,在这我和大家分别介绍一下。

常规字体

IOS:可以选择的字体有华文黑体或者冬青黑体、苹方字体;尤其是苹方字体效果最好(iOS9系统将平方作为iOS字体)。

Android:英文字体:Roboto 中文字体:Noto。偶尔也会用到微软雅黑字体。

网页:网页中常规字体一般选用微软雅黑作为设计字体(微软雅黑Windows LCD)

常规字号

导航主标题字号:40-42px。

我一般设计就用40px,偏小的40px字号,显得精致些

内文展示中字号:大的正文字号32px,副文是26px,小字20px

一般在内文的使用中,根据不同类型的App会有所区别。像今日头条新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性,正文字号36px,会选择性的加粗。而列表形式、工具化的APP普遍是正文32px,不加粗。副文案26px,小字20px。


设计是一个漫长的修改过程,一个好的设计稿,不单单从字号,字体体现。下一期,我将给大家谈谈,UI设计规范中的其它要素。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档