引导界面图标好大_UI设计中APP常见界面设计中主界面的布局

APP的主界面是什么呢,并不是内容丰富就是主界面;

而是当我们点击启动图标—启动界面—引导页面,到达的这个页面,有一定的点击顺序;

他可以是几个入口图标,也可以是一篇列表、更可以是混合形式的页面;

页面也要尽量保持简单、明了,不可以轻易变更,让用户感到无所适从;

那么今天就带着大家了解一下app中的布局方式

我们常用的布局呢有以下几个,当然这不是固定的,也会根据app的特性去调整。

(1)宫格式

(2)列表式

(3)大图展示布局

(4)图表信息布局

(5)标签布局

(6)混合式

(7)不规则式、圆环式

(8)陈列馆式

(9)瀑布式

宫格式;

这种APP信息布局方式也是我们目前最常见的一种方式,也是符合用户习惯和黄金比例的设计方式;

优点:引导性强,学习成本低,信息内容展示的方式,简单明了;

非常方便的适配所有的移动手机机型。同时也是IOS和Android开发人员比较容易编写的一种布局方式。

缺点:层级较深

b6fe17e4eeeeed4f3c8e865289ab71f4.png

列表式;

以列表的形式展示具体内容,并且能够根据数据的长度自适应显示。

优点:

1、层次展示清晰

2、可展示较长的标题

3、可展示次级内容

缺点:

1、同级内容过多时,浏览体验易产生疲劳

2、排版灵活性不是很高

3、只能通过排列顺序、内容筛选、颜色来区分各入口重要程度

a60c9389949bbcf4f2ba7cd1d34d4ed4.png

大图展示布局;

比较适合图片分享/文艺范/摄影类的APP

357eb35fb1ac3dae3a56f7129fda354a.png

图表信息布局

app里面采用图表布局,让APP更具商务气质。几乎所有的APP 商业图表都符合这一构图原则,可以说是商业图表背后的布局指南。

优点:

1,完整的图表要素

2,突出的标题区

3,从上到下的阅读顺序

缺点:

标题不够突出,信息量不足,移动APP空间利用不足等

2fc7acc8e04c7667798eef25987ad560.png

标签布局

来源移动Android开发当中的一个术语:标签布局(Tab Layout)

81c32bf3cc1a4935b2ee4dc71605f3af.png

混合式

这种布局比较常见;因为功能的不同所以布局也有所变化

d77c48811647d48825bd3023b81d92b3.png

不规则式、圆环式

优点:效果具有独特性、个性活泼

缺点:可拓展性差

25aef1b6a0144def62ff2ec3e8764e5b.png

陈列馆式

优点:

1、直观展现各项内容

2、方便浏览经常更新的内容

缺点:

1、不适合展现顶层入口框架

2、界面内容容易过多,显得杂乱

c69c4ebaeebf2b49e6fbcc9c0875cf55.png

瀑布流式

优点:

1、各入口清晰

2、快速找到入口位置

缺点:

1、无法在多入口间灵活跳转,不适合多任务操作

2、容易形成更深的路径

3、不能直接展现入口内容

4、不能显示太多入口次级内容

2acf7eab12b06756c236856f8d606f6f.png

以上呢就是常用的一些布局,这些布局也是要根据咱们公司产品的特性去做适当的调整。

今天的分享就到这里,大家记得关注呀,之后会分享更多干货~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值