服务热线:
18971120504
图文展示
衍果视觉设计培训学校

【UI设计干货】UI设计的排版方式和技巧

如果说色彩和图片是人的外在,那么版式编排就是人的骨骼,从根本上支撑着整个计,所以一个好的设计一定会有一个好的排版格式。


今天衍果小编就和大家分享一些关于UI设计中的一些排版技巧


01.留白


留白的最初的意义就是使画面简洁,使画面变得舒适简单,简而不空。目的就是制造层次感,让主题更加突出,并增加设计的品质感


UI设计中的排版技巧



留白的基本操作办法是:居左、居右、居上、居下对齐,而不是常规的居中对齐。

居中对齐之所以不合适,是因为如果一开始就将主要元素放置在页面中央,均等的留白难以呈现空间感,也会限制其他元素的编排,难以变化出编排的样式。

但如果是将主要元素放置在角落,剩下的空间则可以利于各种版面的编排。

02.色


利用颜色的效果来引起注意,也就是采取高亮,大色块来突显设计的内容。


UI设计中的排版技巧


利用不同的颜色也可以有效地吸引用户对重要及可操作元素的注意力。像红、黄、橙等暖色调,天生就有较强的吸引眼球的能力,而且这种能力在对比蓝、绿等冷色调时就更为突出。

有趣的是,这种差别会让人产生空间上的想象,比如蓝色背景上的橙色按钮会给人凸起的感觉,相反情况下会给人凹陷的感觉。

03.对齐原则


UI设计中的排版技巧



不管是左对齐、居中对齐、右对齐,都是非常工整的对齐方式,对齐是文字排版很重要的一步,对给人一种整齐、精致、工整的感觉。

对齐感觉就像是有一条无形的线把文字信息串联起来,起到一种引导客户阅读的作用!只有在规整的情况下,整个画面才能更加精细,经得起推敲。

04.分组


分组顾名思义把相互关联的文案在距离上相互靠近,彼此无关的文案距离上相互偏离,也就是平时所说的亲密性;下面举个“例子”:


UI设计中的排版技巧



没有文字分组的排版给人一种压抑、紧凑的感觉,会给用户造成一种无形的压迫感,这也是很多人最容易忽略的一点。


UI设计中的排版技巧



当我们稍微改动一下,只是进行简单的分组,把相互无关联的信息彼此拉开一定的距离,整个排版区域就变得很通透、同时增加了可读性。

通过文字分组,把文案进行整合,这也是整理信息的一个过程,使得文字编排更加富有条理性,也增加了用户对信息的捕捉、读取速度。

05.对比



UI设计中的排版技巧


重要信息和次要信息通过颜色对比、粗细对比、形状对比、疏密对比、大小对比,使我们聚焦在我们需要关注的信息上,在进行对比排版的时候,需要多维度考虑,找到合适的解决方案。

排版工作就是帮助用户整理信息的过程,然后在此基础之上进行设计加工,既呈现出清晰条理的文字信息,又富有设计感、艺术感


联系老师

联系老师

副标题

 
 
 
 
 工作时间
周一至周日 :8:30-21:00
 联系方式
客服热线:18971120504