UI设计中的排版方法

最近在设计一些APP界面,也在看一些关于排版方面的问题,下面是一些关于排版这方面的一些关键点~

留白

“留白”这个词出现在各种行业里,是个又高级又时长被滥用的词汇,大家都明白它的含义却总是在设计中忽视,做着做着就把界面填满了。

留白是指保证界面中的某一个区域没有多余的元素、装饰、文字、图片。它有助于分割各个板块,为你设计的作品增加更多的层次感。同时它可以有效地引导用户视线,减轻浏览过程的压力。有效的留白可以让你的产品重点更突出,更美观。

分组

分组就是将相近类别的几项信息聚合在一起,形成一个组,这是个很直观又好用的办法。可以很快地把信息呈现在用户面前,减少了用户信息接收时候的负荷。比如QQ音乐的推荐歌单,其实并没有真正框起来某一块告诉你这是什么。只是通过一些分组、聚合就会让用户有一个特别直观的感受。

对齐

任何元素都不能被随意地安放在界面中,每个元素都应当与页面上的某些元素有视觉联系。对齐是界面排版设计中最基础、最常用的方法之一,会带来非常强的视觉统一感,但是一定要基于上一篇所说的阅读习惯。对齐可以是左对齐、右对齐、居中对齐,但是左边的元素一定要向左边对齐,右边的则要向右边对齐,同一个水平面的元素居中对齐。具体操作还是要依据具体的情况了。

对比

对比是指避免页面上的元素看起来太过相似,这样会造成用户理解上有困难。如果内容有明确的区别那就通过改变元素颜色、大小、线宽、形状、空间等产生一种强有力的视觉对比,让它们变得截然不同,让主题更引人注目。

亲密

根据亲密性来组织复杂的信息是相当好用的,彼此有关联的元素应当靠近,形成某种关系。如果多个相互之间存在关联的项离得非常近,它们就组成一个视觉单元,而不是多个单独的元素。有助于组织复杂、多元的信息,减少混乱对读者造成的干扰。可以清晰地通过这个界面中的亲密性一眼分辨出主次关系,例如:头像、标签以及内容。每张图片下面的文字内容都形成了一个视觉单元,图片与文字很好的配合。用户在很快的时间内就可以阅读到有效讯息并决定要不要点开看看详细内容。

平衡

平衡可以避免人的视线偏向某一侧,保证界面的视觉平衡也会给人一种非常稳定的感受。在排版的时候依照左上到右下的原则很容易把界面的左半部分变得非常拥挤。简书的阅读界面,顶部导航栏和底部栏的内容分配非常均匀,中间部分读者姓名和文章信息在左侧,为了避免左侧过重关注与发布时间被安排在了右侧。支付宝和淘宝的界面从头到脚贯彻了平衡的方法,全部都是对称的排列。这样做可以给用户一种非常舒适的稳定感和安全感。

不对称

不对称元素破坏了对称的平衡感,但是会增加很多的趣味性,能快速吸引用户的注意力。平衡的界面中,每一个元素给人的感觉是平等的没有主次之分,而不对称的功能也在这,它可以构建出不平等和不稳定的感觉,一下子把重点突出出来。元素破坏了对称的平衡感,但是会增加很多的趣味性,能快速吸引用户的注意力。平衡的界面中,每一个元素给人的感觉是平等的没有主次之分,而不对称的功能也在这,它可以构建出不平等和不稳定的感觉,一下子把重点突出出来。
PS:以上是对排版方法的一些总结,最近也在设计APP界面,要加油鸭!!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值