起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 职业教育 > 洛阳阿甲科技总结常见的APP信息布局方式

洛阳阿甲科技总结常见的APP信息布局方式

时间:2018-07-30 17:59:28来源:职业教育网 作者:阿甲科技 已有: 名学员访问该课程

  快捷搜索:洛阳阿甲洛阳阿甲科技

前言:这种APP信息布局方式也是我们目前最常见的一种方式,也是符合用户习惯和黄金比例的设计方式,最知名的就是锤子手机的界面设计。 知名的APP设计采用的九宫格、六宫格等方式布局有:携程APP、途牛APP、支付宝APP等等。

洛阳阿甲科技总结常见的APP信息布局方式_qh.itpxw.cn

第一种APP信息布局方式:宫格布局

这种APP信息布局方式也是我们目前最常见的一种方式,也是符合用户习惯和黄金比例的设计方式,最知名的就是锤子手机的界面设计。

知名的APP设计采用的九宫格、六宫格等方式布局有:携程APP、途牛APP、支付宝APP等等。

九宫格是一种比较古老的设计,它最基本的表现其实就像是一个三行三列的表格。

采用宫格布局的优势:

非常方便的适配所有的移动手机机型。因为这样的结构是最有利于内容区域随屏幕分辩率不同而自动伸展宽高,同时也是ios和android开发人员比较容易编写的一种布局方式。

信息内容展示的方式,简单明了。

手机APP设计教程之四条APP产品设计黄金法则当中也提到了宫格布局的交互设计好处。

第二种APP信息布局方式:列表布局

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

列表布局就是List View 是可以滚动的列表布局方式,最常见的应该属于android的列表布局,这也是最快速的app布局方式。因为无论ios开发和android 都有现成的列表布局插件和模板。

第三种APP信息布局方式:大图展示布局

这类布局多见于引导页设计和一些图片分享app、或者文艺范、摄影类的APP主导的布局方式。

第四种APP信息布局方式:图表信息布局

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

优点有:完整的图表要素;突出的标题区;从上到下的阅读顺序。

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

第五种APP信息布局方式:标签布局

标签布局来源移动android开发当中的一个术语:标签布局(Tab Layout)25学堂今天跟大家讲的标签比这个tab layout范围要大点。除了tab布局。还有标签关键词布局,热度布局等等。

以标签的方式显示它的子视图元素,就像在Firefox中的一个窗口中显示多个网页一样。为了狂创建一个标签UI(tabbed UI),需要使用到TabHost和TabWidget。TabHost必须是布局的根节点,它包含为了显示标签的TabWidget和显示标签内容的FrameLayout。

最常见的标签布局就是tab标签布局。还有搜索的时候,热门关键词的布局。

文章出自:http://qh.itpxw.cn/qgtk/201841863.html

文章标题:洛阳阿甲科技总结常见的APP信息布局方式



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉

(责任编辑:阿甲)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
培训学校
阿甲 访问该机构站点 报名留言 加为好友 用户等级:注册会员 用户级别:10 机构名称:阿甲 联 系 人:王老师 联系电话: 联系手机:15617893695 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 电子邮件:2450248337@qq.com 网站域名: 注册时间:2017-08-24 11:08 最后登录:2018-08-07 17:08