移动设计空间节省之道

   一位优秀的厨子,必须熟练掌握切菜的各种刀法:直切、侧切、推切、拉切、转切….设计如是,在节省空间之道上,同样有一些基础“刀法”可以帮助我们打造精致的app。

  1. 聚

  即聚拢、收纳,最朴实的节省空间的方式之一,可以轻松将归属一类的东西聚集起来放一块,办公用品、日常小工具、化妆品、衣服、家用医药….能装的,都给它装下。


  移动设计中也经常使用actionsheet、popover这些“容器”将各种菜单、通知、相关项收到一块。


  2.藏

  聚和藏有点类似,前者偏向归类,后者偏向隐而不见(有点难理解的话可以想象下冬天衣服打包的过程,先用收纳盒将衣服收起来,然后再扔进衣柜里去,这里就涉及先聚后藏的过程)。如果将一些不经常用到东西都藏起来,藏抽屉、藏衣柜、藏马桶里…会省出很多空间呐。


  移动设计中可隐藏的东西有三类:

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

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

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


  需要注意的是,藏是一种简单但“略显粗暴”的方式,移动设计不像私人空间,更多是为群体大众设计,他们可不知道你房间的剪刀放哪,所以,如果是比较重要的特性,提供一些简单的引导提示吧。

  3. 换

  替换,即利用共享空间交替展现。当舞台只能容下一个人表演的时候,轮流上。家居创意中有很多双用的设计,办公桌与休闲床的翻转交替就完美地演绎了这样一种节省之道。


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


  4. 合

  合并,咋一看和“聚”有点类似,不过“合并”更偏向融合,不但凑一块,还互不干扰,形成一个整体。沙发床就是一个典型的例子。


  移动设计中的合并也常常见于各种组件的组合,如输入框与标签、导航与下拉菜单、网址栏的输入框与取消/刷新按钮等。


  5. 分

  在简单收纳的基础上,如果将空间继续细化,分割成不同的“小块”,会使得摆放更有秩序。


  九宫格、栅格、区域划分…如果小屏幕里灵活运用这些格子组合会让界面显得更加整齐。


  6. 压

  冬天过了,厚厚的被子、枕头、薄棉衣就收起来,真空压缩袋绝对是收纳的好帮手。


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


  7. 顺

  直接利用现有的边角或边缘位置,顺着这些特殊的“点”进行设计。下面的这种组合书架紧靠两侧墙面转角位,这种顺着拐点的巧妙设计可以为墙面节省更多的空间。


  移动设计中,这些特殊的区域有那么几种:

  (1)屏幕边缘

  (2)角落

  (3)控件边缘

  (4)系统状态栏

  如果能够很好地利用这些特殊区域,会有各种意想不到的效果。HiQQ的锁屏设计从原来的“点到点”演变成“点到边”,非常巧妙地利用了屏幕边缘,大大降低了操作密度。


  最后,总结下七步刀法:聚、藏、换、合、分、压、顺。以上7步仅为节省空间的基础“刀法”,实际的情况会更复杂,经常需要组合使用。设计的乐趣也就在此,有章可循却又变化莫测。

  最后,准备好接下来如何收拾自己的房间了吗?

时间: 2024-12-03 16:52:42

移动设计空间节省之道的相关文章

【沉淀】一张表的设计优化节省了两百万,客户不断盛誉……,这背后他究竟做对了什么?——记访谈阿里云汪建明

<沉淀>是展示专家风采的人物栏目.它呈现每个专家独一无二的人生经历.认识和感悟的同时,也能帮助你沉淀技术,收获对技术和人生的判断.我们的想法是:"若你想精进为一个很厉害的人,不妨细细品味这些技术牛人背后的沉淀."如果你想了解这些云栖专家更多分享时,请点击云栖专家频道,当然我们也欢迎你往前走一步,成为我们的云栖专家(https://yq.aliyun.com/expert),与技术大牛一起"煮酒论英雄". "客户第一"是阿里巴巴&quo

看清云辨别云 探究云计算节省之道

本文讲的是看清云辨别云 探究云计算节省之道,[IT168 资讯]灵活性压力,节省开支和提升速度无不激发着CIO们对云计算的兴趣,但这些对技术噱头司空见惯的老手是不会轻易地被一些空头承诺征服的. 前不久,美国CIO杂志主办的"CIO视点论坛"上云集了100多位CIO,云计算成为热门话题.对于已经涉足云计算的CIO来说,实际节省的成本不如原先预计的那么明显,而乐观的分析师和迫切的厂商预测云计算会带来更多好处. 警告的声音也随之而来.大家对云的安全性.可靠性和企业数据管控仍然顾虑重重.最大的

《破茧成蝶——用户体验设计师的成长之路》一1.4 用户体验设计的精益之道

1.4 用户体验设计的精益之道 破茧成蝶--用户体验设计师的成长之路热爱生活,细心观察,勇于改变细心观察生活中每一个不如意的地方吧,也许它就是你改变世界的机会. 我保证,我曾经无数次地遇到过那个讨厌的插座问题,而我所做的仅仅是无奈地把其中一个拔掉,或者等其中一个用完了再用另一个:要不就是再买个插线板.我相信在中国,插线板的销量应该很好吧.但我却从来没想过怎么在设计上改进这个问题.在看到图1-3所示的设计后,我才发现改变原来如此简单. 了解人,观察人做设计是为了解决"人"的问题,是为了让

网站设计的简洁之道:优势和方法

中介交易 SEO诊断 淘宝客 云主机 技术大厅 在网页设计中,简洁并不一定等同于极简主义者的设计美学.简洁的网站只是从设计.内容.以及代码中移除了所有不必要的元素.而极简主义的网站普遍符合这一标准,有许多网站,不管你如何想象,都不会被认为是仍适合简单的定义的"极简主义". 下面是简洁网站设计的一些优势,以及一些简洁设计过程中的简单的技术. 简洁网站的优势 1. 简洁的设计让网站更容易导航 简洁的网站没有冗余的信息.这在两个方面有助于导航:通常,网站拥有更少的页面和栏目;或者网站的设计通

从C++到.NET:公共类型系统的设计空间

目录 本机枚举与托管枚举 单个类解决方案 五个类解决方案 六个类解决方案 自 2006 年 6 月介绍安装"从 C++ 到 .NET"的主题后,我就着手撰写一系列专栏,深入探讨如何使用 Visual C++ 2005 中的 C++/CLI 语言扩展,将有效的本机 C++ 应用程序移到 Microsoft .NET Framework 上.我所移动的示例应用程序是文本查询语言 (Text Query Language, TQL),这是在 1996 年针对我编写的书籍 C++ Primer

交互设计的简约之道与实际应用

随着信息过载越来越严重,人们的负担也越来越严重.手机.PC.平板甚至各种穿戴式设备等传递着各种消息,微信.微博等不断蚕食着我们的时间.事实上,很多时候我们已经不堪重负,每天早上当我醒来打开微信的时候,都有着十几条的信息. 信息的泛滥,在很大程度造成了人们的注意力的分散.现在的移动应用,如果不能在10秒钟内吸引用户,也许再也没有机会了.应用趋向于简单.易上手.风靡世界的愤怒的小鸟.切水果.会说话的汤姆猫,交互方式都简单而且创新,或者手指滑动屏幕,或者只需对着屏幕说话. 互联网的用户通常可以分为如下

承担集团数万应用、研发人员日常工作,阿里持续交付平台的设计、迭代之道

阿里持续交付平台已经经历了 8 年的不断迭代进化,成长为集团几万应用所依赖的最重要的研发工具,它的效率直接影响着几万研发日常工作.但平台不能只是工具的堆砌,更需要针对互联网时代的研发模式进行深度思考,不断打磨,将工程师文化和工程师实践不断地融入其中.轻管控重技术,使用业界上最新工程实践,用技术的演进去解决技术人的效率问题.本次演讲将介绍阿里持续交付工具的演化历程和对互联网行业交付领域热点问题的思考实践. 注:本文整理自阿里巴巴高级技术专家陈鑫(神秀)在 ArchSummit 全球架构师峰会 20

网络营销条条大路通罗马 介绍QQ空间营销之道

中介交易 SEO诊断 淘宝客 云主机 技术大厅 网络营销的方式有很多,而且把每一个营销方式用熟用精之后,你会发现不同的营销方法都能够实现良好的营销效果!可是实际上,很多网络营销人员使用了很多不同的营销手段,却发现营销的效果并不尽如人意,很显然这就是没有掌握营销的核心造成的,其实只要把其中的一条营销手段用精用熟之后,再辅之于其他营销手段,才能够实现超强的营销效果,下面笔者就来重点介绍一下很多营销人员容易忽略的一个强大营销手段,QQ空间的营销! QQ空间是独立的一个平台,但是QQ空间上的内容却不能够

节省之道 为打印机墨盒清零加墨

前几天朋友打电话找我,说自己的佳能iP1600打印机出了问题,无法进行打印,让我帮忙维修一下.笔者过去帮他检测了一下,系统提示:"废弃墨水吸收器已满,请更换墨水盒",这显然是墨盒里的墨水快用完了,只要更换新的墨盒即可继续打印.但更换原装墨盒价格太贵,而且墨盒里还有一些墨水没有用完,扔了有点浪费,于是打算对墨盒进行清零加墨处理. 一.让墨盒继续工作 朋友的iP1600使用的是原装墨盒,打印机内置了墨水使用量监控程序,从墨盒第一次使用到墨水用完,打印机系统会随时监控墨水使用量,当墨盒里的墨