UI界⾯设计的字体规范和技巧
⽂字设计是界⾯设计中最细节的部分,也是最不可忽视的基础部分。在界⾯设计过程中要考虑两⼤因素:⽂字辨识度和界⾯的易读性。
在任何⼀个有效的界⾯⾥,具有层次的设计可以将界⾯上重要的部分与次要的部分区分开来,可以从对齐、间距、颜⾊、缩进和字体等⽅⾯做⽂章。当所有这些都调整运⽤得适当时,可以提⾼整个界⾯的可读性。
很多刚做APP界⾯的设计师,经常会因为字号、字体颜⾊、间距⽽困扰。拿到设计需求后,开始进⾏设计,不知道从何去调整界⾯的字号和⾏间距等。
常规字体
界⾯中的每⼀个⽂字、每⼀个字符都很重要。好的⽂本就是好的设计,⽂本是最根本的界⾯,需要我们设计师来塑造和打磨这些信息。字体之间最⼤的差异并不在于有⽆衬线,⽽在于字体与字体之间形体的差异。但是很多字体之间差异不⼤,有些新字体甚⾄是已有字体进⾏了细微的改造后产⽣的。
于是,就把字体分成了⼏个⼤的系列,同⼀个系列中的字体⼤体相同,称作通⽤字体系列。其中包括以下五个系列:
①带衬线字体。Times New Roman是默认的s带衬线字体,中⽂字体的话,是宋体、仿宋之类的字体。
②⽆衬线字体。默认的sans serl字体,中⽂字体中微软雅⿊、⿊体等都是这类字体。
③等宽字体。这个字体⾥⾯的每个字母都有相同的宽度,通常⽤于显⽰程序代码等。Courier是默认的等宽字体字体,⽽对于中⽂每个汉字都是等宽的。
④模仿⼿写字体。⼿写体⽐较有个性,通常⽤于标题、logo等等。这个字体系列没有默认字体,英⽂来说,通常⽤Comicsans,中⽂的话,⾏书系列、草书系列的字体等,都可以算作⼿写字体。
⑤装饰字体。多数⽤于标题,极具个性,字体繁多,为艺术字体。
手写字体常规字号
由于移动设备空间⼩,环境光通常⽐较微弱,所以在字体与字号的选择上更要多注意。⽂字⼤⼩只是⼀个范围,这要根据设计的视觉效果来决定,字体⼤⼩没有严格标准,但在APP设计中,涉及4种字号32px、28x和24px,字号要⽤偶数,都是4的倍数。
这⾥需要给⼤家普及⼀下px的概念。px指像素单位,10px表⽰10个像素⼤⼩,常被⽤来表⽰字号,很⽅便很直观。
间距与⾏宽
⾏宽是⼀⾏⽂字的长度,舒适阅读的理想⾏宽是50个字符左右,⾏距的⼤⼩取决于⽂字的设计和间距;⾏距是⾏之间的空间,⾏距过紧或过宽都会给⽤户造成阅读障碍,标准的⾏距是1.4EM,在移动端界⾯设计中,我们通常⽤x的⾼度来代表;字间距没有固定的数值,我们在界⾯设计时追求易读性原则,通常不会调整字间距。
代表;字间距没有固定的数值,我们在界⾯设计时追求易读性原则,通常不会调整字间距。
字体颜⾊
在界⾯中的⽂字分为三个层级,包括主⽂、副⽂、提⽰⽂案等。在⽩⾊的背景下,字体的颜⾊层次其实就是⿊、深灰、灰⾊。常⽤的⾊值是#333333、#666666、#999999。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论