欢迎来到培训无忧网!

全国切换

咨询热线 400-001-5729

位置:培训无忧网 > 新闻资讯 > 电脑/IT > UI设计 >  学习UI设计时应用界面信息排布有哪些类型

学习UI设计时应用界面信息排布有哪些类型

来源:培训无忧网 发布人:星星

2022-02-09 11:34:26|已浏览:178次

APP界面版式的信息排布

       UI设计中APP的界面看似只有几个简单的元素组合起来,所有元素的绘制可以说比较简单; 然而,当一个产品原型出来后,设计师如果单纯按原型来进行设计而不考虑信息化规则,那么很多时候就不尽人意。其实UI设计对版式的应用相当重要,今天我们讲APP界面版式的信息排布。

       APP界面版式的信息排布一:
       对任何信息进行排布的时候,必须先要掌握的是对齐、重复、亲密、对比,这四大原则。对齐除了能建立一种清晰精巧的外观,还能方便开发的实现。基于从左上至右下的阅读习惯,移动端界面中内容的排布通常使用左对齐和居中对齐,表单填写的输入项使用右对齐。
       设计和做其它事情一样,也要有轻重缓急之分,不要让用户去找重点、需要注意的地方,而是应该让用户流畅地接收到我们想要传达的重要的信息。重复和对比是一套组合拳,让设计中的视觉元素在整个设计中重复出现既能增加条理性也可以加强统一性,降低用户认知的难度。
       那么在需要突出重点的时候就可以使用对比的手法,例如图片大小的不同或者颜色的不同表示强调,让用户直观地感受到最重要的信息。
       APP界面版式的信息排布二:
       在排布复杂信息的时候,如果没有规则地排布,那么文本的可读性就会降低。组织信息可以根据亲密性的原则,把彼此相关的信息靠近,归组在一起。
       如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于减少混乱,为读者提供清晰的结构。在设计表达的时候,一定要考虑内容的易读性。适当使用图形可以增加易读性和设计感,而且图形的理解比文字更高效。
       那些用文字方式表现时显得冗长的说明,一旦换成可视化的表现方式也会变得简明清晰,可视化的图形可以将说明、标题、数值这种比较生硬的内容,以比较柔和的方式呈现出来。

      注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-20150.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注UI设计频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050

留下你的信息,课程顾问老师会一对一帮助你规划更适合你的专业课程!
  • 姓名:

  • 手机:

  • 地区:

  • 想学什么:

  • 培训无忧网
免 费 申 请 试 听
提交申请,《培训无忧网》课程顾问老师会一对一帮助你规划更适合你的专业课程!