APP UI界面的版式的信息怎样排布?

发布者: 乾学优行者 发布时间: 2020-10-13 浏览 128

APP UI界面的版式的信息怎样排布?今天小编为大家谈谈APP UI界面中的一些版式排版设计理论,学习这些理论知识,对刚开始零基础学ui设计的你日后做移动端界面设计也会起到一定的帮助。


APP UI界面的版式的信息怎样排布?

APP UI 的界面看似只有几个简单的元素组合起来,所有元素的绘制可以说比较简单,然而当一个产品原型出来后,设计师如果单纯按原型来进行设计而不考虑信息化规则,那么很多时候就会出现不协调的效果。其实UI设计对版式的应用相当重要,懂得一些版式的原理,是设计良好视觉效果的前提。对任何信息进行排布的时候,首先必须要掌握的是对齐/重复/亲密/对比,贯穿设计的四大原则。


对齐除了能建立一种清晰精巧的外观,还能方便开发的实现。基于从左上至右下的阅读习惯,移动端界面中内容的排布通常使用左对齐和居中对齐,表单填写的输入项使用右对齐。


设计和做其他事情一样,也要有轻重缓急之分,不要让用户去找重点/需要注意的地方,应该让用户流畅地接收到我们想要传达的重要的信息。重复和对比是一套组合拳,让设计中的视觉元素在整个设计中重复出现既能增加条理性也可以加强统一性,降低用户认知的难度。那么在需要突出重点的时候就可以使用对比的手法,例如图片大小的不同或者颜色的不同表示强调,让用户直观地感受到最重要的信息。推荐阅读>>>UI设计师的设计思维怎么锻炼?


在排布复杂信息的时候,如果没有规则地排布那么文本的可读性就会降低。组织信息可以根据亲密性的原则,把彼此相关的信息靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于减少混乱,为读者提供清晰的结构。


APP UI界面的版式的信息怎样排布?UI设计对版式的应用相当重要,懂得一些版式的原理,是设计良好视觉效果的前提。


本页网址:https://www.u-walker.com/app/3212.html

上一篇: 设计师必会的UI设计理论有哪些?

下一篇: 如何平衡自相矛盾的设计原则?

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部