对于UI设计来说,视觉信息的传达至关重要,用户通过界面获取信息,文字、图片、图标、按钮、表单等UI元素都承载着不同类型的信息。在这其中,文字的作用尤其巨大。排版设计的时候,如何让文本即好看,又能承载信息呢?今天的文章总结了文字排版的8个常见注意事项,帮你真正有效提升内容的可读性和易读性。
1、文字数量
当UI界面上的文本过多,或者使用三种完全不同种类的字体的时候,会让UI界面显得结构紊乱和不专业;为了避免这种情况的发生,尽量控制字体类型和数量,整个UI设计中坚持使用一种字体能够带来足够一致的体验。如果你需要使用两种,甚至更多的字体,那么请确保这几种字体族之间能够互相搭配
2、使用标准字体
在挑选字体的时候,需要考虑到多种平台,首先,你是选取的漂亮字体并不是谁的电脑里面都会有的,比如在UI设计中使用微软雅黑,最终展示肯定是在客户的电脑上,而客户电脑并没有这种字体,所以,设计师使用的字体必须是大家所熟悉的标准的、常见的字体,最安全的英文字体始终都是 Arial、字体。良好排版实际上只是基础,吸引人的始终是漂亮整齐的布局和优质的内容,而非字体本身。
3、控制字体宽度
每行文本的字符数,直接影响着内容的可读性,如果想拥有良好的阅读体验,将每行文字控制在大概60个字符左右,这个字符数量能够让内容拥有恰到好处的可读性。如果字体的字号较大,可以选择30个字符左右,以此类推
4、字体的字号
在设计的前期,一定考虑到不同设备访问网站,绝大多数的用户界面需要使用到大小不一的文本元素来作为支撑,正文,标题,按钮标签,表单,所以在选择的字体,应该在不同的尺寸、不同字重的情况下,都能具备良好的可读性。*将字号大小控制为相对大小或者百分比
5、字体的可识别性
由于英文字体本身具备几何特征,许多字体在设计的时候,稍不注意就会让用户难以识别,所以应该特别注意这方面的问题,确保不会在文字的可识别性问题上,给用户造成困扰。
6、大小写的问题
在UI设计中,将全部的英文字体大写,其实是一个特别典型的设计上的忌讳,你可以把同一段字体复制两份,分别全部大写和小写,然后比较其可阅读性,大写字体可读性有着明显的降低
7、行高控制
在文字排版中,行高和文字的可阅读性有着直接的关系,因为只有行高适中了,用户才能快速准确的获取信息,正常情况下,行间距应该是文本高度的30%,这样能够确保视觉上的清晰易读
8、文本的颜色
文本的颜色和背景应该有足够的对比度,文本越明显,用户就越能快速清晰地获取其中的信息
在UI设计中,排版是一件非常还总要的设计环节。糟糕的排版令人分心,内容无法清晰地传达。秀的排版会做的更加润物细无声,让内容清晰直观地传达,并且最终让用户更轻松地了解其中的内容。
来学易培训,学UI设计课程,有理论,有实践,更重要的是这里有实力派讲师一对一经验传授,除了给你最专业的UI设计课程,还能跟你分享UI设计中的理论,只有在强大的理论支持下,才会有优秀的UI设计作品,还在为工资低烦恼吗?郑州学易培训,高级UI设计课程拯救月薪3000的你,助你挑战年薪!
========郑州学易培训=========
郑州网页美工培训:
郑州网页设计培训:
郑州淘宝美工培训:
郑州ui设计培训:
网页素材下载:
新密搜:
联系人:韩老师联系地址:郑州市金水区北三环信息路爱特中心2506