UI设计里面应该怎么设计标题,要注意调整字距、充分展现标题的可读性和识别度

作者:王秋霜来源:艺考网

1、突出标题对比度:在标题上建立明确的层级关系,增加标题间的对比,提高标题的可读性及识别度。

2、调整标题字间距:适当减少标题行高,同时适当缩小字间距。

3、防止过度设计标题:同一个页面上使用的字体种类不宜超过3种,对于多段文本,需要考虑到标题和段落之间的对比。

UI设计里面应该怎么设计标题,要注意调整字距、充分展现标题的可读性和识别度

一、UI设计里面应该怎么设计标题

1、突出标题对比度

(1)大多数复杂一些的UI界面都会包括H1、H2、H3等各种级别的标题,设计师需要做的是在标题上建立明确的层级关系,通过标题的主次关系使用户清楚主题。

(2)可以通过增加标题间的对比,提升标题的可读性和识别度。比如字号的大小/粗细的对比度,有利于读者更快地理解每段文字的重要性。

UI设计里面应该怎么设计标题,要注意调整字距、充分展现标题的可读性和识别度

2、调整标题的字间距

(1)适当的减小标题的行高可以压缩标题纵向空间,使整体画面更平衡。

(2)除了行高之外,标题的字间距可以起到控制画面平衡的作用,用来控制标题的横向空间。

(3)适当缩小字间距会让标题看起来更像一个整体,增强阅读的快捷性。

3、防止过度设计标题

(1)过于复杂的字体变化会让阅读变得困难复杂,同一个页面上使用的字体种类不要超过3种,包含字体的样式和颜色等。

(2)主标题和副标题之间构建清晰的层次结构,做到既不会破坏文字的节奏,还能让用户有清晰的认知。

(3)对于多段文本,需要考虑到标题和段落之间的对比,确保内容与标题一样易于阅读。

UI设计里面应该怎么设计标题,要注意调整字距、充分展现标题的可读性和识别度

二、UI设计正负形应该怎么运用

1、在我们的正负形设计中,一般我们称白色的部分是负形,黑色的部分是正形。

2、我们的设计师可以利用正负形的方法充分地让图形与图形进行结合,双重的含义可以丰富画面的视觉冲击力,起到一些意想不到的效果。

3、比如说我们单纯的英文字母有些枯燥,我们就可以对最后一个字母做一些变化,加入一些关联性比较强的元素,比如bird这个单词我们可以在最后一个字母上加上一个关联性强的小鸟元素,这样的图形契合度非常高,也可以确保信息传达的清晰度。

UI设计里面应该怎么设计标题,要注意调整字距、充分展现标题的可读性和识别度

4、或者我们可以从最简单的开始,先绘制出一个云朵,再融入一个向上的箭头,就做出来了一个上传云端的图标,如果想要表现线上到线下的模式的话,我们只需要翻转箭头的方向就可以了。

5、在正负形中,正形和负形是形态互补的,比如说一个游戏中心的logo,通过正负形的转化将游戏手柄元素和首字母G表达出来,图形简洁却可以传达出丰富的寓意。

本文由作者上传并发布(或网友转载),本站仅提供信息发布平台,文章仅代表作者个人观点。