FB LIKE JACKER

Holo 就是圣杯?——实事求是 (来自 Opoloo 团队)

2013 年May月 30 日由 发布 | 类别: Android Design 研究会, 译文 | Tags: ,

这篇文章来自 Opoloo 团队的博客 Squirrel Park, 阅读英文无压力的同学可以不用看我的渣翻译直接去看原文了. 原文作者为 Michael Novak. 在文章里, 原文内容为黑色, 蓝色括号内的是我的补充和吐槽.

hero_guidelines

讨论

无论是用户还是开发者, 当他们开始讨论起移动应用——尤其是 Android 平台上的移动应用——时, 都依然会对设计规约感到不安. Google 发布的设计规约已经给出了精彩的, 深入系统层面用户体验的观点. 然而, 这个设计规约依然有一些明显令人困惑的地方.

设计准则: 这就是开发者的圣杯么?

我经常听到这句话. 这是很多不同公司和团队甚至是每个社区成员成员关于设计的讨论的核心. 某些用户和团队以过度的热情执着于”Holo”这个词,  有时我甚至不得不认为, 这个词被(他们, Holo 狂热者)赋予了已经远超它本身的涵义.

说个个人的经历吧. Opoloo 团队在 Play Store 里发布了一款叫做 Timer 的简洁而完全采用了 Holo 样式的计时器. 我们收到了大量的希望我们给它加入暗调的主题的请求, 于是我们就做了. 在暗调主题里, 我们采用了橙色而非蓝色来作为我们的高亮颜色. 之后, 我们收到了巨量的邮件要求我们把暗调主题改成 Holo 蓝色. 这之中很大一部分 (请求蓝色的邮件) (在邮件里很明确的指出) 认为只有蓝色才能被认为是 Holo. 这是我第一次见到如此热忱的 Holo 粉 (Holo Fans, 只能这么译了…).

当然, 我肯定是不认为我们用橙色而非蓝色就是违背了设计规约. 下面一段是设计规约的摘抄, 出自 Color 页的第一段.

“一般情况下, 主要在试图强调重点的时候使用颜色. 选择适合你的品牌的, 在视觉元素之间产生对比度的颜色. 另外, 注意对红色和绿色的使用, 对于色盲用户而言他们是难以辨别的.”

在开发应用的过程中, 我的想法是这样的, 在暗调主题中, 橙色与黑色背景的组合能够提供很不错的对比. 而我们收到的反馈显然不是我所期待的. 用户被我们所犯的这样低级的错误给震惊了.

噢, 我们当然没犯错. 用色对于 UI 设计来讲是如此的重要, 而且这(我们的用色)也不是由 Google 决定的. 对于应用中的用色是没有制约的, 尤其是对那些有很鲜明的品牌颜色的应用而言, 颜色绝对是必须正确使用的.

如果设计规约与我的目的相性不合, 那么我可以忽略它么?

这个问题就比较刁钻了. 毕竟这是个设计规约, 不是那么严格的规定(否则哪里还会有那么多 iOS UI 的应用跑在 Android 上啊). 但是从另一个角度来看, 远离这个规约难免会使你的用户(在使用你的应用时)产生与平台的疏离感. 这会对你的应用产生非常强烈的负面影响——特别是在 Android 这样一个竞争激烈的市场中. 在应用规约中, 忽略起来风险最大的是导航, 通知和应用结构. 有意思的是, 这三点都不是 UI 设计的主宰. 最重要的设计是围绕着用户体验进行的. 你需要让你的应用表现得像是这个平台上的应用.

如何才能够让你的应用中不同的元素很好的与你的品牌契合, 这是帮助你令你的应用与众不同的关键. 每个应用都有一个 Action Bar 并不意味着每个应用都长得一样不是么? 在 Android Design 的框架下你依然有极大的自由度去建造你的应用, 所以, 花点时间来打磨应用内容的呈现方式, 这样就能够令你的应用与众不同. 其中一个具体的例子就是最近越来越常见的 Drawer (原文说的是 fly-out menu, 实际上就是 Drawer). 就个人而言, 我还没怎么在 Android 上体验过这样的交互方式. 很多 Google 自己的应用都尝试使用了这样的交互方式, 但这对于我而言十分陌生, 主要是因为每次操作都会触发不同的东西而用户却只能瞎猜. (这句其实我也没搞特别明白) 所以, 在你决定采用这种导航方式之前, 先花点时间想想这是不是真的合适. 有挑战, 没错, 但是也会有很大的收获.

规约是非常有用的资源

整个Android Design 的入门章节专注于讲述视觉创意效果, 设计原则和 UI 概览. 这些小节都不会告诉你该使用什么颜色, 你应该用多大的空间来容纳你的内容, 或者该使用什么样的导航方式.他们只是引领你更深入的理解 Android 这个平台. 在之后的章节中, 他们描述应该如何设定元素的大小, 字体与排版, 图标选择, 以及更为重要的, 你的应用该如何与系统 UI 保持和谐共存. 如果你执意要在通知栏上放一个红色的图标(同时用户的其他通知图标都是白色的), 那你的应用看起来显然就没那么吸引人了. 在你的应用中你有足够的自由去选用各种各样的颜色套用到 Action Bar 或者其他图标上. 符合规约是一条路, 但是没有人规定这些东西(此处指 Action Bar 和图标)必须是白色或者灰色的. 这对于你的用户而言是很棒的, 因为这令他们感觉到这是个和其他应用一样的应用, 而你则可以用你的品牌化和内容来让它变得与众不同. 这个思路必须和你的行为保持一致, 当你改变了用户进入设置的方式, 上下文菜单的作用的时候, 这些改变都会影响用户探索你的应用, 发现他的某个功能. 而在设计规约中最重要一点不是如何设计你的应用, 而是如何设计用户体验.

一个练习

能让你以最快的速度熟悉设计规约的方式就是多花时间研究它. 拿阅读笔记应用做个例子. 这个应用使用户能够追踪他们读的书. 仔细思考这个应用该用何种 Android 式的导航方式, 让内容的呈现方式变得新颖. 如果你做出了做出效果模拟图, 请不要吝惜的将它上传到 Google+, 并且在这个帖子的下面贴上连接. 我相信你会被人们的不同设计和创意给震到, 尽管他们都在同一个设计规约的范围内思考.

 

Written on 2013-05-29 by Michael Novak – Michael Novak is a founder and front-to-back knockabout at Opoloo in New York. His trade is making things work – fast, efficient, in style.

« QR 工具箱——QR Factory
心叶, 你一定不懂吧 »

About NovaDNG

Nexus 4 (Android 5.1), Xperia Z3 (Android 5.0), Xperia Z2 Tablet (Android 5.0), veer 4G (webOS 2.1.2), Chromebook Pixel LS (2015). Guest Member of HiHex. Product Design @ Zhihu.com

» has written 188 posts

锋客的朋友们

  • 少数派
  • 煮机网

签订契约成为机油吧!

Buy me a coffee~ ;-)

Buy me a coffee~ ;-)
閃開│讓專業的來 沒辦法│我這個人就是太正直了