对于一名UI设计师来说,字体是一门基本语言,更是设计师需要掌握的基本技能之一。目前常用的字体有很多种,比如黑体、宋体、楷体等。在平时的项目设计中,为了让页面中的字体更加贴合业务场景,设计师需要对字体的字距字高进行调整。接下来千锋就给大家讲解一下字体的相关属性。
1、字体基础结构详解
一般来说,为了保持字体的完整展示,字体设计师都会给字体预留一定的安全距离,设定合适的升部线及降部线距离,让字体展示的更为平衡。
在设计输出的时候,如果没有调整line值,是可以直接借助sketch的标注插件sketchmeasure,来实时导出相应的参数,这样的参数最接近开发效果。如果没有Mac的同学,可以利用PS选中文字,那么选中的深色底就是字体本身的间距。
2、字体的行高行距参数详解
在一些文字较多的页面,为了让阅读更为顺畅,我们需要对文字的字高字距进行调整。通过sketch及动效编程软件Origami中的可配置参数时只需要配置好Charater(字间距)、line(行高)、paragraph(行距)三个值即可。
3、字号大小如何设定
我们在做设计时,字号的单位需遵循原子理论,也就是使用一个基数作为倍增,如2、4、6、8、10或者3、6、9、12。但其实我们在做移动端设计时,单位需要遵循偶数原则,因为开发中的单位是以一倍图的基数来进行计算。那么其实在制定字体规范中,使用2为单位会导致字号过多,不易管理,且2号字体的差异化不大。
所以在字号方面我们使用4作为单位是比较合适的:一是适配后在@2x跟@3x不会出现半像素,二是使用4为单位,能满足字体大小的均衡。
4、合理配置字体拉开层级关系
在移动端的界面设计中,除了使用间距网格来拉开不同内容的层级外,对字体样式进行适当的调整也是个很不错的选择。通过调整字重、字色,能让页面的视觉逻辑变为更加的清晰明了、主次分明,降低因视觉给用户带来的干扰,提升页面的可操作性。如何来设定这两块呢?1)尽量减少页面中的不同色相的颜色数量;2)使用不同的字重来区分内容。
当然,随着用户体验度的变化以及技术的革新,字体运用也会出现新的趋势,比如更大更粗的标题、更明显的字重层级、用字体明度做内容上的信息区分等。
综上所述,想要成为一个合格的UI设计师绝不是只会使用PS、AI软件就可以,你还要注意各种细节。关注千锋学习更多UI设计相关知识,让你理论与实战兼备,搭建属于你的职场高起点。
本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。
免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com
UI设计中的一致性原则有哪些
学UI设计用什么配置的笔记本电脑好价格多少
学UI设计没了灵感,怎么办
UI设计网页时,导航栏尺寸规格一般是多少
UI设计中的文字到底应该怎么设计?
UI设计中最常用到的4个软件是哪些?
什么是UI设计UI设计包含哪些内容?
怎样的UI设计算一个完整的UI设计?
网站进行UI设计需要注意哪些问题?
学UI设计都主要学什么
进入12月,似乎离曾经遥远的2020年只剩下眨眼间的距离。新的一年,新的设计趋势出现,相较于2019年,平面设计界又有哪些新趋势出现呢?
app开发的UI设计需要考虑哪些方面?(二),通常在中文app中一般都以一种中文字体作为默认字体,因此在此不讨论不同字体搭配对于app中视觉效果的影响。
网站定位为企业级营销展示型网站,网站采用全新整站UI定制设计开发搭建而成。
怎么样才能做好UI设计
一个UI设计师怎么样才能修炼成为一个UED设计师
学UI设计没了灵感,怎么办
怎么样才能做好UI设计
一个UI设计师怎么样才能修炼成为一个UED设计师
一套UI设计,需要多少钱