奥斯睿品牌设计策划-贴心的品牌战略合作伙伴 客户服务热线:029-81012761
网站首页
关于我们
服务领域
新闻观点
作品案例
联系我们
界面设计必备,常用字体规范
发布者:本站 发布时间:2015-1-20 15:27:59 阅读:2031次  

好长时间没发帖,净想过年了,过年哈,倒腾工作总结和年货是大事。
这几天有人问我说:“最近看了好多教程,都老高大上了,但是老弟我做不到呀,想学点直接能拿来用的,这个要求过分吗……”

这个,好吧,那就直接说说能用的知识:字体字号。
也许你会说:字体字号?也太Low了吧,这个谁不知道重要呀。
对于这个问题,我想说:会和熟练,是两回事。一个App,不同部分的字体字号你能准确地说出来吗?

很多刚做APP界面的设计师,经常会因为字号,字体颜色,间距而困扰。
拿到设计需求后,开始进行设计,不知道从何去调整界面的字号和行间距等。容易碰到的问题是页面和页面的字号调着调着就大小或颜色不统一了。并且容易导致设计稿反复得修改。设计出来的效果图文字左右间距层次不齐,导致与预期不符等。
这小节我将和大家理一理界面中常用的字体,字号,字体颜色及间距对齐的一些小经验。希望能对大家有些帮助。

一.成也字,败也字

在设计师的职业生涯中,至少一次甚至多次在工作中因为字体不协调栽跟头。在实践的过程中我们会慢慢发现一些规律或者经验规范。接下来我将和大家一起聊聊在界面设计中的那些常规字体的使用规范。
我们常常会听到,这也太LOW了吧!!你能统一一下字体吗?
不明确而繁琐的字体搭配会导致整个画面失调。可以这样说,字体可以成就设计也可以毁掉设计。

问题的关键有:

1.字体样式太多,导致页面杂乱
2.使用的字体不易识别
3.字体样式和内容的气氛或规范不匹配

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

通过设计经验可以帮助你做出更好的版式,了解不同平台的常用字体设计规范。在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。
字体与背景的层次要分明,确保字体样式与色调气氛相匹配

二.界面中文字使用的规则

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

以下是在72像素/英寸下的规范

移动端常规字体
IOS:常选择华文黑体或者冬青黑体,尤其是冬青黑体效果最好。
Android
英文字体:Roboto,中文字体:Noto
移动端常用的的字号有哪些呢?

导航主标题字号:40-42px
我一般设计就用40px,偏小的40px字号,显得精致些。
在内文展示中字号大小又是多大呢?

大的正文字号32px,副文是26px,小字20px
在内文的使用中,根据不同类型的App会有所区别。
像新闻类的APP或文字阅读类的APP更注重文本的阅读便捷性,正文字号36px,会选择性的加粗。
大家注意了,在选用字体大小的时候一定要选择偶数的字号,因为在开发界面的时候,字号大小换算是要除以二的。这个详细缘由大家可以网上查询,我就不在这一一的介绍了。

常用字号的大小基本就这几个,根据版式设计需要也会采用异样大小的字号来特殊处理。这种更高的要求设计师的全局把控能力了。


在我们做设计的时候,字体和图库均是有版权的,请注意合法使用。

设计的时候我们还可以将字体进行变形来达到宣传的目的,这个需要设计师对字体设计有一定的了解。

总之,设计是要有规范,有体系的。使用规范化的设计对产品的延续性非常有帮助,并且保证了产品的独特性和一致性。所以,大家要在设计初期找到风格和规范,这样做出来的界面才会统一一致,在变化的需求中找到定量,调整起来也相对轻松很多。

上一篇: WilliamDalebout:不是中国的设计师最苦逼
下一篇: 一个设计师眼中的极客创新大会
联系我们
客户服务热线:029-81012761
本着为客户持续创作价值的理念,为有视觉前瞻性需求的客户提供有价值的视觉营销设计!
版权所有 © 2008-2015 奥斯睿广告文化传播有限公司 Anshirui Advertising Communication Co., Ltd
地址:西安市新城区朝阳门外长乐西路1号朝阳新世界12层1215室  传真:029-81012761  
电话:029-81012761   移动电话:18691450888  技术支持:中朗网络  
返回顶部