超全面!界面视觉设计5要素(2)

来源:网络   作者:热心网友   发布时间:2018-01-11    浏览次数:315



要素二:文字



1. 字体简介


中文字体种类大致分为:宋体、黑体、仿宋、楷体、其它(变体字)。


西文字体种类大致分为:无衬线体、罗马正体或衬线体、意大利斜体、手写体、黑字体(哥特体)。


这次主要给大家介绍一下比较常用的衬线体和无衬线体。



1.1 衬线体


衬线字体在笔画末端具有附加的装饰线条或者“韵脚”。衬线字体字母的横线较细、竖线较粗,如Times New Roman、Georgia等字体属于衬线体。


衬线体具有复古传统的曲线美、个性鲜明、张力十足,通常用在时尚奢侈品牌、复古海报等设计领域中。


undefined



1.2 无衬线体


无衬线体顾名思义,就是指“没有衬线的字体”。衬线指的是字母结构笔画之外的装饰性线条,无衬线字体字母的竖线和横线粗细基本相同,像经典的Helvetica和Futula等字体就属于无衬线体。


无衬线体通常比较简约、具有现代感,适用于 Web、App 等互联网科技领域的设计中。


undefined



2. 文字使用规则


不同平台的界面设计中规范的字体会有不同,像移动端界面的设计就会有固定的字体样式,网页中会有常用的几个字体。



2.1 移动端常规字体


在 iOS 设备上,系统默认的英文字体为SanFrancisco,中文字体为PingFang。值得注意的是,SanFrancisco 字体会随着字号的变化自动调整字母之间的间距,以确保任何情况下都能很清晰地阅读。


在 Android 设备上,原生系统英文字体使用DroidSans或Roboto,但国内的 Rom 大都是第三方厂商定制而成,对原生系统字体有所变动。大家在设计时可以使用Noto作为中文字体来使用。


undefined



2.2 网页端常用字体


在 Windows 系统中,常用字体有微软雅黑、黑体、宋体等,最小字号推荐 12px,正文字号推荐 14px,标题字号推荐 18px、20px、24px、28px、32px 等,尽可能使用偶数。而行间距一般为字号的 1.5-1.8 倍。


在 Mac OS 系统中,常用中文字体有苹方、思源黑体、华文细黑等,英文字体有Helvetica、SanFrancisco等。


undefined


值得一提的是:Helvetica 曾被评为是设计师最爱的字体,简洁现代的线条,非常受到追捧。在 Mac 下被认为是最佳的网页字体,在 Windows 下由于 Hinting 的原因显示很糟糕。



12345共5页
联盟广告
×

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

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

标签:ui干货

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/7026.html
×

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

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

×

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

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

×

充值学币 立即开通