UI设计字体使用规范,app设计字体使用规范(2)

来源:网络   作者:热心网友   发布时间:2016-06-05    浏览次数:2049



华康俪金黑有种大字报的感觉

b2b0573d35e86ac7253f9a4ee8a1.jpg

3.可爱型字体

5706573d362632f8757cb9c9701c.jpg

使用方正经黑设计的内涵banner

是不是很可爱很有深度~~~

5e82573d36356ac7253f9a971cc2.jpg


汉仪小麦使用在插画中的感觉,不解释

3e5e573d36516ac7253f9a716722.jpg


华康海报体专题和引导页面中经常会用到

fb9c573d36b332f8757cb9c24e2a.jpg


腾翔金砖体

这也是一个非常不错的字体

设计师利用了腾翔金砖体的原型将美食的元素融入到了设计中

bf66573d36cd32f8757cb9056c02.jpg



当然我们还可以使用毛笔字生成器

通过自由的书法网站在线生成

在网址中输入文本,再进行选择书法字体样式

通过这种方法我们能很快的找到需要的书法字体

这招非常管用!

16d8573d36f932f8757cb9cd71dc.jpg


推荐大家来两个毛笔字生成的网站:

http://www.akuziti.com/mb/

http://www.51poca.com/


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

1.了解系统字体

iOS系统中用的是苹方字体系列

为了加强层次关系苹方系列从细到粗有着不同的样式


22cd573d37216ac7253f9a74df8c.jpg



Android的默认字体是Roboto和Noto系列

Roboto有6种字样

Thin、Light、Regular、Medium、Bold 和 Black

c9ed573d37456ac7253f9a1ae65b.jpg



Noto有7种字样

Thin, Light、DemiLight、Regular、Medium、Bold 和 Black

0974573d37816ac7253f9a04d7a2.jpg


2.统一字号

一个App,不同位置的字体字号

你能准确地说出来吗?


如果不能,说明你还不了解规范,没有去制定规范。

那我们先了解一下常规的一些大小(应用于2倍尺寸中,即iphone5/6)

导航主标题字号:34/36px

苹果默认标题字号为34px,而有些软件也会用到36px,更加强页面位置关系

比如微信导航标题字号36px,导航字体醒目易于对应页面位置。4e4e573d379c6ac7253f9a202b17.jpg


在内文展示中字号大小又是多大呢?

正文字号32px-34px

副文是28px-24px

最小字号不低于20px

字在正文字号使用中,阅读类的APP更注重文本的阅读便捷性

正文字号34px,会选择性的选用苹方粗体

54ce573d37c532f8757cb9c2a581.jpg


而列表形式、工具化的APP普遍是正文32px

(由于屏幕使用变大正文大小趋势变成了34px)

副文案28px,时间文字24px

ae72573d38596ac7253f9ad54912.jpg



26px的字号还会用于划分类别的提示文案

因为这样的文字希望用户阅读,但不要抢过主列表信息的引导。

a907573d37d96ac7253f9a405766.jpg


34px的字号还经常运用在页面的大按钮中。为了拉开按钮的层次,同时加强按钮引导性,选用了稍大号的字体。


fb13573d397632f8757cb9d1bf21.jpg



注意了!在选用字体大小的时候一定要选择偶数的字号。因为在开发界面的时候,字号大小换算是要除以二的。


那网页中常用的字号有哪些呢?

网页字号最小12px

常用微软14px/16px作为正文

大号字体是18px、20px、26px、30px

(注意使用双数字号,单数的字体在显示的时候会有毛边)。


好了,UI设计字体使用规范,app设计字体使用规范教程今天就给大家分享到这里了!记得点ad支持哦!

12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/wenzixiaoguo/4201.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通