优漫教育:UI设计中排版的原则与设计技巧!
新闻来源:优漫教育
日期:2021-05-06
优漫教育:UI设计中排版的原则与设计技巧! 假如颜色和图画是人的外表,那么排版就是人的骨架,从根本上决定着人的内在。下面我们将从5个方面与大家共同探讨下UI设计中的排版问题。 一.资料的排列排列 在UI界面设计中,能够有效地传递信息,离不开良好的组织布局…
优漫教育:UI设计中排版的原则与设计技巧!
假如颜色和图画是人的外表,那么排版就是人的骨架,从根本上决定着人的内在。下面我们将从5个方面与大家共同探讨下UI设计中的排版问题。
一.资料的排列
在UI界面设计中,能够有效地传递信息,离不开良好的组织布局,信息之间的层次关系表达非常重要。
适当的视觉设计,通过界面UI设计元素的展示,隐喻了信息之间的层次关系,能减少用户在使用过程中产生的困惑和理解上的障碍,我们可以通过以下两点来尝试:
1.信息层次清晰,重点突出。
2.适当的间隔和留白,使界面有呼吸感。
二.文本的排版
在设计工作中,大家都喜欢把注意力集中在颜色、图象处理上。但是实际上文字的阅读处理和前面一样,甚至更重要。
1、字体大小:在一篇文章中,为了区别信息的重要程度。可以用不同的字体来区分。主体作为文章的主题,首先要确定其字体大小,必要时可对大、小标题及注释字体进行调整。
2、留白:将留白按一定规则排列,也可增加可读性。按照“字间距>行间距>段间距”排列。
3、行高、行距:行距如果太宽,就会使视线移动过长,给使用者带来负担。通常的行高是字体大小的1.6-2倍,由于不同字体的固有高度不同,因此需要自行调整此数值。
三.使用图片。
图像是构成界面的重要元素之一,它能帮助我们更好地丰富界面。那怎样挑选符合我们产品风格的图片呢?如果没有图片,怎样才能使界面更有趣呢?我们可以从以下几个方面开始。
举例来说,如果需要做一个旅游类App,我们通过一些竞品和自己的体验来做一个旅游类App的图图集,一般都是明快的,色彩丰富,景色美,可以引起人们去旅游的兴趣,所以找图时,我们就朝明快、色彩丰富这方向去找图。
1、结合产品本身的个性设计图纸。
2.在没有图片的情况下,创建图形以丰富界面。
图示是典型的高效、直观的显示方式,简单明了的图形,能让使用者快速发现所需的功能与需求,同时也让界面更具趣味。
3、在有更多选择的情况下,可考虑不同的构成形式。
寻找更合适的布局速度让界面的布局显得更活跃,另外还要考虑图片的色调要统一。
四.亲昵原则。
亲密无间原则简单地说,就是把相关的要素组织在一起,即近、近、远、远、远。适当地运用亲密原则,可以使我们的界面更有条理。
五.优先考虑
在生活工作中,一切都有优先级,要由我们来安排,设计也同样如此,所以我们要将元素提取出来,按优先级排列,告诉用户什么重要,什么次要,这样才能让用户顺畅地接收我们要传递给他的信息,减轻用户的负担。
1、图片尺寸。
2、界面颜色。
设计所需要的不仅仅是视觉上的华丽呈现,还需要设计思维和设计理论的支持,用理性思维去做感性的设计,才能在实际工程中起到推波助澜的作用,将更多优秀的设计推向网上。
优漫教育