界面作为我们认识APP的第一道门槛,是APP的“面子”,更是不可忽视的一项重点设计,为了建立有效的UI,设计师需要根据移动端APP本身的特性和当下趋势,作出不一样的改变。

 

但当今设计趋势瞬息万变,在没有统一标准的设计规则之下,紧跟设计趋势,才能保证UI对用户的吸引力常在。

 

APP的主界面是什么呢,并不是内容丰富就是主界面,而是当我们点击启动图标—启动界面—引导页面,到达的这个页面,有一定的点击顺序。他可以是几个入口图标,也可以是一篇列表、更可以是混合形式的页面。页面也要尽量保持简单、明了,不可以轻易变更,让用户感到无所适从。

 

那么今天就带着大家了解一下app中的布局方式。我们常用的布局呢有以下几个,当然这不是固定的,也会根据app的特性去调整。

 

(1)宫格式

(2)列表式

(3)大图展示布局

(4)图表信息布局

(5)标签布局

(6)混合式

(7)不规则式、圆环式

(8)陈列馆式

(9)瀑布式

 

宫格式;

 

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

 

优点:引导性强,学习成本低,信息内容展示的方式,简单明了。非常方便的适配所有的移动手机机型。同时也是IOS和Android开发人员比较容易编写的一种布局方式。

缺点:层级较深

 

 

列表式;

 

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

 

优点:

1、层次展示清晰

2、可展示较长的标题

3、可展示次级内容

 

缺点:

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

2、排版灵活性不是很高

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

 

 

大图展示布局;

 

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

 

 

图表信息布局

 

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

 

优点:

1,完整的图表要素

2,突出的标题区

3,从上到下的阅读顺序

 

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

 

UI界面设计

 

标签布局

 

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

 

 

混合式;

 

这种布局比较常见;因为功能的不同所以布局也有所变化。不规则式、圆环式

 

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

缺点:可拓展性差

 

 

陈列馆式

 

优点:

1、直观展现各项内容

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

缺点:

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

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

 

 

瀑布流式

 

优点:

1、各入口清晰

2、快速找到入口位置

缺点:

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

2、容易形成更深的路径

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

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

 

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

 

青岛青设网络科技有限公司是国内领先设计团队和营销策划服务商,专注于5G技术下平面设计,UI设计,BS系统设计,网站开发,SEO,自媒体,百度百科知道、知乎等百家号,排行榜,删除负面,媒体发文等营销宣传。帮助企业解决5G时代三维动态化站点的设计改造,为客户提供网站一站式解决方案。

 

**本文内容来源网络,经AI自动调整,信息仅供参考**


暂无评论



发表评论

电子邮件地址不会被公开。 必填项已用*标注