集团主站
欢迎来到成都达内官方网站!达内—美国上市公司 亿元级外企IT培训企业!
成都it培训哪家好
成都it培训哪家好
全国服务监督电话:15023458194  |   联系客服   |
当前位置:主页 > 培训课程 > UID >

成都设计培训:手机APP该如何布局?

发布者: 成都达内     浏览次数:     发布时间:2019-05-31 09:34:44

俗话说的好,好的设计来自于对生活的细心观察。同样移动互联网产品设计同样要符合现实中生活习惯和认知习惯。毕竟移动互联网是现实生活的衍生。...

  俗话说的好,好的设计来自于对生活的细心观察。同样移动互联网产品设计同样要符合现实中生活习惯和认知习惯。毕竟移动互联网是现实生活的衍生。

  无聊是我们在电视电影中所看到的武侠动作片。总有一些大师拥有着绝世武功或是独家秘诀。我想在移动APP布局设计中,也有一些设计大师掌握着APP布局设计之道-独门六字口诀。

  那是哪六个字呢?

  移动APP布局设计第一诀:聚

  聚即聚拢、收纳,最朴实的节省空间的方式之一,归类之一。手机界面尺寸比较小,又要考虑符合手指点击的面积,所以往往不会像web页面中把详细分类及信息全都铺出来,导航条也不会像web界面设计中的细长的一条,只能精简内容显示最常用的几个版块。

  移动APP布局设计第二诀: 藏

  聚和藏有点类似,前者偏向归类,后者偏向隐而不见。

  移动APP设计中常用的隐藏元素有以下三类:

  (1)有形的控件:如按钮、标签、菜单、导航…

  (2)手势与重力感应:长按删除、横滑翻页、摇一摇都是这一类;

  (3)操作路径:把不常用的功能或设置项藏得深一点,通过层层递进达到目的。

  移动APP布局设计第三诀:合

  我们讲完聚,藏之后,是不是考虑到有些时候也有组合一些或者是合并一些相同的元件或功能。比如移动APP设计中的合并也常常见于各种组件的组合,如输入框与标签、导航与下拉菜单、网址栏的输入框与取消/刷新按钮等。

  移动APP布局设计第四诀:分

  常言道:有合必有分。这话说的真不错!那么在移动APP设计中是如何体现分的呢?

  分在简单收纳的基础上,如果将空间继续细化,分割成不同的“小块”,会使得摆放更有秩序。比如利用网页设计中的设计技巧:九宫格、栅格、区域划分…如果小屏幕里灵活运用这些格子组合会让界面显得更加完整!

  移动APP布局设计第五诀:换

  当我们聚、藏、合、分都不适用的时候,你会想到什么呢?那就是换。

  换即替换之意,即合理利用共享空间交替展现。

  手机屏幕空间非常有限,一块小小的角落都可以成为兵家必争之地,通过共享空间的利用,可以完成多个界面的跳转及不同状态之间的切换。Tab、slide page、还有各种翻转切换都是通过空间共享的方式承载不同的信息。


  移动APP布局设计第六诀:挤

  移动设计的挤压案例也特别多。ios4新增的inbox展示方式就是一种自上而下的挤压处理,除此之外,facebook和path的从左往右的挤压布局最近也特别流行。现在最流行的就是抽屉式设计。或者多态按钮设计。

成都设计培训:手机APP该如何布局?

  版权声明:文章和图片均来自公开网络,版权归作者本人所有,推送文章除非无法确认,我们都会注明作者和来源。如果出处有误或侵犯到原作者权益,请与达内成都UI培训机构网站联系删除或授权事宜。

(责任编辑:徐老师)
最新开班
  • 成都Java培训班
    免费试听名额发放中...
  • 成都C++培训班
    免费试听名额发放中...
  • 成都PHP培训班
    免费试听名额发放中...
  • 成都网络工程培训班
    免费试听名额发放中...
  • 成都Unity3D培训班
    免费试听名额发放中...
  • 成都大数据培训班
    免费试听名额发放中...
  • 成都uid培训班
    免费试听名额发放中...
  • 成都会计培训班
    免费试听名额发放中...
  • 成都Python培训班
    免费试听名额发放中...
  • 成都嵌入式培训班
    免费试听名额发放中...
  • 成都web培训班
    免费试听名额发放中...
  • 成都软件测试培训班
    免费试听名额发放中...
在线留言
提交

校区地址:绵阳市涪城区临园路东段68号富临大都会7栋3单元9层12号

联系电话:15023458194

公交路线:富乐路口凯德广场(10路;29路;3路;15路;11路;15a路;71路)

校区地址:成都市锦江区东大街紫东楼端35号明宇金融广场19楼1906室

联系电话:15023458194

公交路线:芷泉街(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:成都市高新区奥克斯广场蜀锦路209号一楼商铺

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

校区地址:成都锦江区东大街芷泉街229号东方广场C座3楼303

联系电话:15023458194

公交路线:芷泉街(188路;115路;515路;236路;505路;501路;84路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:成都市武侯区佳灵路3号红牌楼广场2号写字楼11楼1115号

联系电话:15023458194

公交路线:红牌楼东(11路;92路;100路;111路;139路;g28路;快速公交K1/K2) 地铁路线:红牌楼站(地铁3号线)

校区地址:成都市锦江区红星路二段70号四川日报大厦502-2

联系电话:15023458194

公交路线:市二医院站(6路;49路;102路;5路;37路;g92路;) 地铁路线:地铁市二医院(地铁3号线)

校区地址:成都市锦江区东大街芷泉段229号东方广场C座16层

联系电话:15023458194

公交路线:芷泉街(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:四川省成都市武侯区高新科技孵化园9号园区E座7楼

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

校区地址:成都市人民南路一段86号“城市之心”大厦26楼

联系电话:15023458194

公交路线:成都市人民南路(6路;14路;42路;72路;76路;1010路;)

校区地址:成都市高新区奥克斯广场B座1708

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

了解达内动态
关注成都达内教育公众号

首页 | 关于达内 | 课程中心 | 专家师资 | 视频教程 | 学员空间 | 校企合作 | 新闻资讯 | 就业指导 | 网站地图

2016-2025 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56