UI不得不知的app设计布局之道

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

无论是我们在電(diàn)视電(diàn)影中所看到的武侠动作片，总有(yǒu)一些大师拥有(yǒu)着绝世武功或是秘诀。我想在移动APP布局设计中，也有(yǒu)一些设计大师掌握着APP布局设计之道-独门七字口诀。

那是哪七个字呢(ne)？

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

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

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

聚和藏有(yǒu)点类似，前者偏向归类，后者偏向隐而不见。

移动APP设计中常用(yòng)的隐藏元素有(yǒu)以下三类：

（1）有(yǒu)形的控件：如按钮、标签、菜单、导航…

（2）手势与重力感应：長(cháng)按删除、横滑翻页、摇一摇都是这一类；

（3）操作路径：把不常用(yòng)的功能(néng)或设置项藏得深一点，通过层层递进达到目的。

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

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

移动APP布局设计第四诀：分(fēn)

常言道：有(yǒu)合必有(yǒu)分(fēn)。这话说的真不错！那么在移动APP设计中是如何體(tǐ)现分(fēn)的呢(ne)？

分(fēn)在简单收纳的基础上，如果将空间继续细化，分(fēn)割成不同的“小(xiǎo)块”，会使得摆放更有(yǒu)秩序。比如利用(yòng)网页设计中的设计技巧：九宫格、栅格、區(qū)域划分(fēn)…如果小(xiǎo)屏幕里灵活运用(yòng)这些格子组合会让界面显得更加完整！

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

当我们聚、藏、合、分(fēn)都不适用(yòng)的时候，你会想到什么呢(ne)？那就是换。

换即替换之意，即合理(lǐ)利用(yòng)共享空间交替展现。

手机屏幕空间非常有(yǒu)限，一块小(xiǎo)小(xiǎo)的角落都可(kě)以成為(wèi)兵家必争之地，通过共享空间的利用(yòng)，可(kě)以完成多(duō)个界面的跳转及不同状态之间的切换。Tab、slide page、还有(yǒu)各种翻转切换都是通过空间共享的方式承载不同的信息。

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

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

本文(wén)名称：UI不得不知的app设计布局之道
URL链接：

网站建设、网络推广公司-创新(xīn)互联，是专注品牌与效果的网站制作，网络营销seo公司；服務(wù)项目有(yǒu)App设计等

广告

声明：本网站发布的内容（图片、视频和文(wén)字）以用(yòng)户投稿、用(yòng)户转载内容為(wèi)主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文(wén)章观点不代表本网站立场，如需处理(lǐ)请联系客服。電(diàn)话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新(xīn)互联