·首页 > 关于我们 > 新闻动态新闻动态

UI设计中文字如何排版才算达标

报名热线:13838135243 韩老师
[作者:郑州学易培训 发表时间:2017-07-04]

你还在学习基础的photoshop课程?那你就OUT了,2017年暑假学习全新UI设计课程就来郑州学易培训,零基础,零学费免费体验,,大家都在学,还不赶快行动起来,郑州学易培训给你实力派师资团队,VIP经典小班,六年定岗培训经验,有深度的培训课程,免费试学,满意交学费,UI设计课程,我们独竖一旗,不跟风,不一样的课程体验,所授课程内容均为企业岗位中用得到的知识点,一切只为了就业,咨询电话:13838135243

对于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的你,助你挑战年薪!

========郑州学易培训=========
郑州网页美工培训:www.hnxueyi.com
郑州网页设计培训:www.zzxueyi.com
郑州淘宝美工培训:www.chuandesign.com
郑州ui设计培训:www.wangyecn.com
网页素材下载:www.yunpsd.com
【联系人】:韩老师
【联系电话】:13838135243
【专家QQ】:82605542
【联系地址】:郑州市金水区北三环信息学院路爱特中心2506

谈谈对UI设计的理解:http://www.wangyecn.com/index_c_news_m_more_id_42.html
品牌视觉设计的4个关键要素:http://www.wangyecn.com/index_c_news_m_more_id_43.html
UI设计中的DPI和PPI区别:http://www.chuandesign.com/index_c_news_m_more_cid_49_id_2098.html
UI设计中黄金比例分割使用指南:http://www.hnxueyi.com/index_c_news_m_more_id_111.html
UI设计师必备的设计规范:http://www.zzxueyi.com/index_c_news_m_more_id_639.html
色彩搭配技巧!让你的UI设计作品更具吸引力:http://www.chuandesign.com/index_c_news_m_more_cid_49_id_2099.html
简约风格,在UI设计中的运用:http://www.hnxueyi.com/index_c_news_m_more_id_112.html

郑州网页设计培训24小时联系电话:13838135243
  • 郑州网页设计培训_韩老师在线
  • 郑州网页设计培训_侯老师在线
  • 郑州网页设计培训_韩老师在线
  • 郑州网页设计培训_侯老师在线