ui行高字体间距规范 (ui设计中文字行高怎么设置)

UI设计师不要觉得文字的排版看似容易就不够重视了,恰恰是因为文字的属性众多导致它并不简单。你要考虑字号、字间距、行高、段落等,一起来看看吧~

【定义文字间距】

文字行高:一般会设定为字号的1.2-1.5倍,具体值跟字号有很大关系,文字越小,行高就越大。

ui设计中文字行高怎么设置,ui设计标准文字段落间距

•文字段落:最好是手动设置段间距,这块没有固定的数值和规律。参考设置为字号的0.5倍,例如:字号30、段间距15,字号40、段间距20。

ui设计中文字行高怎么设置,ui设计标准文字段落间距

【文字行高规则】

默认行高:会随着字号的变化按倍数自动增减。

ui设计中文字行高怎么设置,ui设计标准文字段落间距

•手动设置行高:根据设计工具的指南提示调整即可。

ui设计中文字行高怎么设置,ui设计标准文字段落间距

【间距的使用技巧&原则】

文字行高规则:在UI设计工具中添加文本元素时,都会有默认行高。多行文本的行高为1.2-1.5倍,那单行文字的行高是需要手动设置还是遵循默认?其实都可以,但一定要与开发保持一致。

ui设计中文字行高怎么设置,ui设计标准文字段落间距

•间距数值设定:在同一App应用中,根据最小基数定义的间隔值数量不易过多,一般6个左右就能满足绝大多数的设计场景。

ui设计中文字行高怎么设置,ui设计标准文字段落间距

大数据请推给学习UI的宝子们~#设计##ps##学习##设计教程##学ps多久可以接单赚钱#