loading请求处理中...

5个方面来探究下UI设计中的版式编排

2021-12-03 05:56:26 阅读 9689次 标签: 设计 作者: yipinweike01

  今天,我将带大家从以下5个方面探讨UI设计的布局。

  一

  信息的排布

  在UI界面设计中,信息可以有效地传达,这与良好的组织和布局是分不开的。信息之间的层次关系的表达非常重要。

  适当的视觉设计可以通过界面UI设计元素的显示来隐喻信息之间的层次关系,并可以减少用户在使用过程中造成的困惑和理解障碍。我们可以尝试以下两点:

  1.阐明信息的层次关系并突出重要的信息

  2. 合适的间距和留白,给界面呼吸感

  二

  文字的排版

  在设计工作中,每个人都喜欢专注于颜色和图像处理。但实际上,文本阅读的处理与前两个相同,甚至更为重要。

  1.字体大小:在一篇文章中,为了区分信息的重要性。将通过不同的字体大小来区分。作为文章的正文,我们可以先确定其字体大小,然后根据需要调整标题,副标题和注释的字体大小。

  2. 留白:把留白按照一定的规律来排列,也会增加易读性。遵循“字间距>行间距>段落间距”的排布方式。

  3. 行高,行间距:行与行之间的间距如果太宽,会使视线移动过长,给用户造成负担。一般行高会给字体大小的1.6-2倍,因为不同字体的固有高度不同,所以这个数值需要自己调节。

5个方面来探究下UI设计中的版式编排

  三

  图片的使用

  图片是构成界面的重要元素之一,它可以帮助我们更好的丰富界面。那么如何选择符合我们产品调性的图片呢?如何在缺少图片的情况下让我们的界面更加有意思呢?我们可以从以下几点入手。

  举个例子,如果需要做一款旅游类的App,我们通过一些竞品以及自身的经验旅游类App的配图一般都是明快的,色彩丰富的,景色优美才能引起人们去旅行的兴趣,所以找图的时候,我们就往明快,色彩丰富这个方向找图。

  1. 结合产品自身的个性选图

  2. 当没有图片的时候,创造图形来丰富界面

  图标通常是有效且直接表现方式,简单明确的图形,可以让用户通过对图标的认识快速找到想要的功能和需求点,同时也让界面更加的具有趣味性。

  3. 当图片有更多的选择时,可以考虑不同的构图形式

  找到更合适的版图率让界面的布局显得更加的活跃,此外还要考虑的一个因素就是图片色调要统一。

  四

  亲密性原则

  亲密性原则简单的来讲就是将相关联的元素组织在一起,关系近的,距离近,关系远的,距离就远。合理使用亲密性原则,能够帮助我们的界面更加有条理。

  五

  轻重缓急

  生活工作中,事情都有轻重缓急要靠我们来安排,设计中同样也是,所以我们要把元素提取出来, 按照轻重缓急来排序,告诉用户哪些是重要的,哪些是次要的,这样才能让用户顺畅的接收到我们要传达给他的信息,减少用户的负担。

  1. 图片的大小

  2. 界面中的颜色

  设计不仅需要视觉上华丽呈现,也需要设计思维和理论的支撑,用理性思维做感性的设计才会在实际的项目中起到推波助澜的作用,把更多好的设计推动到线上。

  以上便是一品威客小编整理的的相关信息内容介绍,如果有系统开发APP开发或者是小程序开发营销策划,文案写作,网络推广等需求,欢迎咨询我们。

Tag: 版式 UI设计 UI

设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
相关任务
DESIGN TASK 更多
为APP设计一款logo

¥1200 已有192人投标

车辆服务公司logo设计

¥1600 已有120人投标

移民公司LOGO设计

¥1600 已有0人投标

软件开发UI设计

¥3000 已有0人投标