【UI设计】论UI设计排技巧的重要性

2021-03-31
2703
0

很多小伙伴在做UI设计的时候不知道板式布局怎么做,今天小编来给大家讲解一下排版是什么,UI设计中排版的使用技巧。

 

 

1.什么是排版?为何如此重要?

 

 

让我们从基础开始:什么是排版?从本质上说,排版是一门艺术,它把信件和文本安排得清晰明了,给读者以视觉上的吸引力。排版涉及字体的样式、外观和结构,目的是唤起某种情感,传达特定的信息。简而言之,排版是使界面生动的关键。

 

2.排版在UI设计中扮演什么样的角色

当用户进入网页或应用时,他们扫描页面而不是阅读页面。清晰的层次结构和清晰的字体对于在用户中创造出色的第一印象至关重要,并最终将其保留在页面上。一旦吸引了用户的注意,下一个挑战就是传递信息。UI设计中排版的使用技巧,由于人们习惯于以文本形式接收信息,因此UI设计师有责任确保字体有助于传达信息而不是分散注意力。最后,排版应与界面中的其他元素无缝融合,并充当将其全部粘合在一起的粘合剂。它应设置产品的整体色调,并与其余图形协调工作,以创造美观的整体视觉平衡。

3.如何正确使用排版?

上面给大家讲解了什么是排版,排版为何如此重要。下面就教小伙伴们如何正确使用排版,我总结了以下几点:

3.1大留白

大留白是减少读者必须吸收一次的大量文本的一种关键方法。充分利用空白会引起用户的注意,告诉他们阅读什么以及如何阅读。需要谨慎且有意地使用它;空白太小会给用户一种紧凑感,更会影响用户点击。另一方面,过多的空白将使用户感到界面空旷,影响用户体验。

3.2可拓展性

可伸缩性是响应排版的艺术。它是指根据屏幕大小进行调整和重新调整的用户界面。有些字体在放大时很容易看到,但在放大和缩小时,很薄的字体可能会模糊,用户看不清楚。确保字体的可伸缩性是关键的一步。

可缩放字体,也称为离群字体或矢量字体,是可以放大或缩小而不会导致任何失真的字体。每个字符的轮廓都作为数学公式存储。除了提供无数种字体以及大小外,可缩放字体还具有另一个优势,即它们可以充分利用输出设备的分辨率。显示器的分辨率越高,可缩放字体的外观就越好。

3.3行高

行高,也称为前导,是指文本在行中垂直间隔的方式。理想的行高取字体本身的大小的,但是,如果您使用16的标准字体大小,则通常认为1.5x的行高是一个很好的起点。如果基本字体大小较小或较大,则可以相应地调整行高。

是不是没想到排版如此重要呢,排版常常被忽视,它是UI设计的关键部分。熟练的排版可以在UI设计中事半功倍。如果有小伙伴想进一步了解学习排版可以关注我哦~

转载声明:本文来源于网络,不作任何商业用途。

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
绘学霸是国内专业的CG数字艺术设计线上线下学习平台,在绘学霸有2D绘画、3D模型、影视后期、动画、特效等数字艺术培训课程,也有学习资源下载,还有行业社区交流。学习、交流,来绘学霸就对了。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
开发者:广州王氏软件科技有限公司 | 应用版本:Android:6.0,IOS:5.1 | App隐私政策> | 应用权限 | 更新时间:2020.1.6