常用APP界面设计中主界面的布局
UI设计
浏览:1505 次

APP的主界面是什么?它要么内容丰富,要么是主界面;但是当我们点击启动图标-启动界面-指导页面时,我们到达的页面有一定的点击顺序。它可以是多个条目图标、列表,甚至是一个混合表单页面;页面也应尽可能保持简单明了,不应轻易更改,让用户无所适从;因此,今天我们将带您了解App的布局。
通常使用以下布局。当然,它们不是固定的,将根据App的特性进行调整。
1、 宫城
这种APP信息布局方式也是最常见的一种,也是符合用户习惯和黄金比例的设计方式;App布局
优点:指导性强,学习成本低,信息内容显示方式简单明了;
适应所有手机型号非常方便。同时,它也是IOS和Android开发者更容易编写的布局。
缺点:深度
2、 表格
特定内容以列表的形式显示,并且可以根据数据的长度自适应地显示。
优点:
1.清晰的液位显示
2.可以显示长标题
3.可以显示次要内容
缺点:
1.当同行内容太多时,浏览体验容易疲劳
2.排版的灵活性不是很高
3.每个条目的重要性只能通过顺序、内容过滤和颜色来区分

3、 大型显示器布局
适用于图片分享/艺术/摄影的APP
4、 图表信息布局
App采用了图表布局,使App更具商业风格。几乎所有APP商业图表都符合这一构成原则,可以说是商业图表背后的布局指南。
优点:
1.完整的图表元素
2.突出的标题区域
3.从上到下的阅读顺序
缺点:
标题不够突出,信息量不够,手机APP空间利用不够
5、 标签布局
来源:移动Android开发中的术语:选项卡布局
6、 混合布局
这种布局很常见;布局因功能不同而改变
7、 不规则、圆形
优点:效果独特生动
缺点:可扩展性差

8、 展厅风格
优点:
1.直观显示各种内容
2.易于浏览频繁更新的内容
缺点:
1.不适合显示顶层入口框架
2.界面内容容易太多,看起来很杂乱
9、 瀑布流
优点:
1.每个入口都是畅通的
2.快速找到入口位置
缺点:
1.无法在多个入口之间灵活跳转,不适合多任务操作
2.容易形成更深的路径
3.入口内容不能直接显示
4.无法显示太多条目子内容
以上是一些常见的布局,应根据产品的特点进行适当调整。

统软云团队创建的一站式项目()已正式启动。编码之前的所有设计工作都以一站式方式完成,++一个人完成了所有工作。必须强调的是,编码前的免费使用是互联网产品制造商提高工作效率的神奇工具。大量需求模板库覆盖所有行业。可一键生成产品需求图,并可根据需求在线编辑;需求映射可以一键生成产品原型,因此您不必再担心设计原型图纸;在线UI设计,支持草图导入,一键图像剪切和注释。预代码开发效率可提高30%-60%。来免费体验吧。