移动端app界面布局方式

关于移动端app界面的7种结构体例和其适用性详解

东西/原料

一台电脑
ps

方式/步调

1
大屏移动式结构
.（IOS10起头呈现）——总结
.主要的一点削减滑动次数5~10次之内
.适合展示什么信息?
.数目有限层级一致
.界面相对于高端产物，以少量的优质保举详情为本家儿
.解放屏幕横标的目的区域，分页闪屏，保举信息心猿意马制方案
.削减跳转，操作较为简单，条理不成太多
.信息扩展性较差
.信息量受到制约展示不成太多，插手缩略信息来填补页数少的缺陷
.Eg:BOSS直聘
2
宫格局结构
.展示大量信息）展示竖式信息，横标的目的要节制——总结
.横标的目的留白要比纵标的目的的大一些，宫格之间的间距要≤24px
.不法则，或法则色块组成，图片、视频、功能页面
.简单直不雅、适合初级用户
.层级不成太多
.卡片式，栅格化，瀑布流
3
列表式结构
.列表高度≥88PX 跟着信息的增添而转变
.最早也是最轻易接管的信息展示体例之一（包罗手风琴）
.可以无限延长信息，可是查找信息比力麻烦
.多连系其他形式利用，如标签式结构（分组选项卡）搜刮框搜刮提醒
4
标签式结构
.iOS平台中多用于底部或顶部
.安卓，WP选项卡凡是位于顶部
.削减界面跳转的层级，反复操纵统一屏幕
.没有过多的埋没信息，相对于未选择的选项，就会呈现埋没信息，信息量较大
.信息量庞大的网站App利用居多信息的层级属于平行关系
5
侧滑式结构
.合用于中高级用户，经由过程特别提醒，动效来吸引用户来注重
.属于埋没信息，对客户自己来讲要对APP有必然的领会，凡是利用“汉堡包”按钮进行提醒或者小我头像进行提醒
.削减界面跳转，信息延展性强，增添当前页面的操纵率
.也会包含埋没信息
.左侧滑动优先连系右侧滑动辅助
6
不法则结构
.不常见-可以增添展示型信息，不要过多的功能（按钮）放到手部热区中
游戏型页面，数据展示型，指南针地图
.用于高级心猿意马制型APP，凡是在东西型App，手游界面中利用较多
.界面个性美不雅
.延展性较差
.对用户要求比力高，会发生必然的进修当作本
.以阅读性信息为本家儿，人机交互性功能操作削减，其显示位置要充实考虑费茨法则来加以示范席克心猿意马律
.页面按钮一般是5个以内 3个
7
夹杂式结构
.沉浸型应用
.效率型应用（o2o）
.东西型应用（产物中的从属功能进行表现）

发表于 2019-02-19 22:44
阅读 ( 1275 )
分类：其他类型

移动端app界面布局方式

东西/原料

方式/步调

你可能感兴趣的文章

相关问题

0 条评论

作家榜 »

推荐文章