恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Muzei Live Wallpaper设计故事
0.0°
2014-09-23 自译外文 经验/观点 原作者: romannurik 举报 2437 8 5 0

手机是十足私人化的物件,由此个性化相关的Apps在Google Play往往上最受人欢迎的,这并不令人意外。壁纸,插件还有很多其他Apps都能让你的手机变得个性十足,把握每一丝细节突显你的与众不同。

还记得2012年下半年时,我第一次在公司内部邮件中(我在Google为Android系统工作)听说搭载于Android 4.2系统上的锁屏插件功能,就迫不及待的为我的锁屏加载了一个传统式时钟。有些同事加载了简单的文字,还有人使用了绘制模拟的时钟。不过,最值得我骄傲的是我意识到屏幕上仍有很多空间,于是我加了个实时温度和天气的提醒,这样我就不用再特意打开Google Now来查看今天是不是需要带雨伞出行了。

那段时间,我经常和我同事Adam在午餐时常常聊到这个话题,最终我们觉得也许还搭载更多的信息在锁屏上,让用户能根据他的需要创建一个“dashboard”试图,随心所欲的添加或移除附加信息。

于是,DashClock诞生了。

DashClock和白色

经过一两周内部试用后,有人建议将DashClock的功能展示在主屏幕上。说起来容易,只不过是一列编码!然而,正如大部分锁屏而言,DashClock的时钟和附加条目全是白色的。在安卓系统锁屏时,为了保护前景的可视度,往往自动调暗加深了墙纸颜色,在主屏幕却不是这样。大多数人的墙纸都是高对比度的风景图,抽象画或者他们的家庭合影,漂亮又有意义。App的图标和标签已经够碍眼了,更别说像DashClock这样白透明的插件。

所以我想出个主意,我添加了个黑色半透明的矩形边框在时钟和附加信息之下。问题解决了么?好吧,并不完全。

这便是Android!人们还可以有更多的选择!完全的私人定制!几乎是在我添加黑边框的同时,一个相熟的Googler提出了一个请求:

将DashClock原本白色的前景色改为蓝色,红色甚至黑色。

就在2013年2月DashClock发布后,累积了80多人次赞成改变前景色。最终,我选用了黑色。从未如此的开心,这样便极大的改善了之前可视度的问题。要知道这个问题几乎困扰了我9个多月,寝食难安。

回家路上

灵感的来源是个有趣的过程,而且往往会以你意想不到的方式给你惊喜。有时我对着显示屏安坐在办公桌上冥思苦想却徒劳无功,但出去跑跑做点其他的活动则会更容易有点子些。

好吧,不管怎么样,我正加速走在回家路上,穿过了初寒未冻的曼哈顿区的林肯中心,手紧紧放进口袋渴求一丝温暖,目光恍惚落在前方的人行道上,脑子里全是关于墙纸对比度还有其他头疼的问题。要知道这样直愣愣的烦恼反而会错过更多可能的灵感,哪怕灵感就在你身边。

太让人无语了,我是多么想把DashClock前景色的问题解决掉,都是墙纸的错,而不是我的!我该怎么做呢?要怎么提高可视度?不仅仅是DashClock,还有其他的插件,主页,图标,我该怎么做?

直到有一天,我散步时想起了自己在博物馆看到的一件抽象艺术作品(UX设计师搜集的背景图片),可以说是由精心挑选的色彩梯度而来。似乎是为满足可视化而完成的作品,但是并不完全。不过它一定耗费了设计师很多时间和精力来达到所需要的设计情绪。我还记得我最喜欢的一个Apps——Timely,相当棒的主题,非常少的边界,而且你能够自行选择足够深的颜色来保证前景色的可视性。

直到我回到家边立刻把用这些想法在Photoshop上制作了样本。但是我该如何将这些迳向和线性梯度的色彩用到墙纸上呢?好吧,即使我做到了,仍还有两个难题。首先,需要很多时间去选择颜色组合,色彩的梯度也很难控制。第二,也是更重要的,家庭照片还有风景图该怎么处理?毕竟,手机是相当私人化的设备。大量的颜色拼凑在一起,根本不适合作为墙纸。所以我放弃了。

依旧在回家路上

第二天,同样是回家路上,我决定看看身边。也就在这时,灵机一动,问题的答案正等着我。

在百老汇和阿姆斯特丹的第六十五街上,有20多个巨大的动态LED广告屏幕。他们循环的播放着广告照片或者新闻事件,他们之间的转换由滑出到减淡,还有,模糊!太聪明了!照片从模糊到清晰,最后聚焦,伴随着文字说明成为人们的焦点。“这就是我的主屏幕所需要的!”哪怕是模糊的墙纸也包含了原始照片该有的意义,而且清晰度太高总会影响你操作,不是么?

墙纸的模糊处理

我跑回家进一步寻找能相对简单解决墙纸问题的方法,你只要选择一张照片,模糊处理,设置为你的墙纸(之后我发现有一个很棒的App可以做到)。但是还是有遗留问题,因为,更多的时候你肯定希望看到正常的,没有模糊的孩子的照片或者好看的风景。

进入Live Wallpapers,基于Android 2.1的发布,apps已能够用动态墙纸代替静态背景。这种墙纸甚至能够拦截触控事件,因此你只需要通过双击就能够实现图片的聚焦,从技术角度来说相当完美。

在2013年12月,我着手原型设计对live wallpaper进行概念验证。很快便意识到仅仅通过模糊处理是不够的,于是我决定添加一个加深滤镜。通过在安卓开发平台上百千条的编码和不断的刷新,我的可变化的墙纸终于实现了。

博物馆和灵感

当我忙于BlurTest时,我思考了很多关于灵感的概念:到底是什么启发了我?在纽约,灵感无处不在——在第六十五大街和林肯中心的拐角聚集了各式令人惊叹的现代科技和建筑。这座城市也因像MoMA这样传奇的博物馆而闻名,无止境的想像力,艺术家在这样自由的环境下创造出令世人惊叹的作品,诉说着对人类历史,流逝的时间乃至对宇宙更深的理解。

我意识到我真正想做的不知是通过live wallpaper来提升用户对主屏幕的体验,而是启发他们。就像一次MoMA的参观之行带给我无穷的问题和想法,放在口袋里的科技也是不可小视的。我们每天要看我们的屏幕就快一百多次,还有什么比将美丽的设计载入人类历史更有吸引力呢?

旅程的开始

历经四个月紧张的忙碌,Muzei Live Wallpaper最终在2014年2月面向公众。

在这四个月里,我了解了令人惊叹的wikipaintings,请教了我的艺术老师fiancée关于绘画的问题,比过去更好的学习了OpenGL ES 2.0,为外部艺术资源添加了一个API(类似于DashClock的扩展),给Google云计算平台建立了一个小型的艺术作品管理界面服务端和图画服务系统,还得到了很多来自于其他Googler的很棒的反馈。当然了,这是以无数个夜晚和无止尽修复bugs为代价的。

但这次经历也给我带来了意想不到的收获。我的朋友Kenton最近在Google+分享了一则消息给我:

“Muzei”是译自于俄语单词музей,原意是博物馆,这也是Muzei的追求所在:让Android主屏幕成为一个活动的博物馆。但还有个目标是希望当你走在离你很近的博物馆时,你也能真正的走进博物馆去感受它的魅力。

归途

没错,创意来源的整个过程绝对是有趣的。DashClock随着新API实现了新的个性化锁屏方式。而Muzei又完美的解决了DashClock在高对比度墙纸为背景时可视度差的问题,这也为开发者们打开了一个新的思路。我是如此的热爱Android还有这座令人惊叹的城市,最重要的,她记载了我们星球上最美好最值得称赞的日子,通过作品留下纪念。

更新:2014-09-23

收藏

8人已收藏

Muselilys

Know your shabby.

  • 32

    作品

  • 501

    粉丝

  • 6

    关注

  • 设计师如何找到自己真正热爱的工作
  • 你的滚动条
  • Twitter设计总监谈“宏交互”
  • 乌托邦式UI构建者:Bret Victor
相关标签

    猜你喜欢

      2014-09-23 自译外文 经验/观点 原作者: romannurik 举报 2437 8 5 0

      Muzei Live Wallpaper设计故事

      0.0°

      你确定要举报Muzei Live Wallpaper设计故事

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年09月23日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      8
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录