网赏

关于网页和app设计。
请先看转载声明。

APP布局设计之独门的七字诀

杂谈:

动APP布局设计第一诀:聚


聚即聚拢、收纳,最朴实的节省空间的方式之一,归类之一。精简内容显示最常用的几个版块。




移动APP布局设计第二诀: 


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


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


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


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


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




移动APP布局设计第三诀:


组合一些或者是合并一些相同的元件或功能。比如移动APP设计中的合并也常常见于各种组件的组合,如输入框与标签、导航与下拉菜单、网址栏的输入框与取消/刷新按钮等。




移动APP布局设计第四诀:


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




移动APP布局设计第五诀:

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

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




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


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




移动APP布局设计第七诀:


顺的意思就是我们在设计APP的时候,可以直接利用智能手机现有的边角或边缘位置,顺着这些特殊的“点”进行设计。


比如:1)屏幕边缘  (2)角落  (3)控件边缘  (4)系统状态栏等

评论
热度 ( 1 )

© 网赏 | Powered by LOFTER