FB LIKE JACKER

Android Design —— 从”还不错”到”棒极了!”

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

这是 Opoloo 成员 +Guenther Beyer 本周三在 GDC Munich 的一个小演讲中使用的展示, 他在 Google+ 上分享了这些东西. 我征求了 Guenther 的同意, 把这些幻灯片在这里分享并翻译.

001

002

003

“为什么一些应用会比另一些好呢?

“我该怎样才能让我的应用看起来棒酷赞?

“我的应用用的是 Holo Dark 主题, 这样就够好了吗?

004

005

这样已经(足够)好了吗?

006

你的应用要:

稳定

细节至臻完美

经过了用户们的考验

很好的支持 Android 4.0 及以上

提供扎实, 深厚的用户体验

007

追随 Holo 的步伐, 遵循 Android 的准则

010

(NovaDNG: 这三个就是 Android 2.3 时代最常见的东西了… )

013

014

法则一: 去除一切

020

023

024

加分项: 将 UI 的信息架构整理清晰, 明确认知和增强应用的快速导览的能力.

你也可以为自己剩下大把花在设计样式和细化各种元素上的时间.

025

法则二: 品牌与一致性

026

你的界面就是你的招牌

(广告牌上的文字: 性! 现在你注意到我们了. 来 Subway 吃饭啦!)(简直掉尽节操… 貌似是恶搞的)

027

法则二点一: 听众

028

029

法则二点二: 名称

030

(NovaDNG: 如果你在 Play Store 中搜索 Timer, 你会看到玲琅满目的结果, Opoloo 团队的 Timer 被淹没在 Timer 的茫茫大海中…)

031

法则二点三: 标识和图标

032

(NovaDNG: 又是玲琅满目的同类应用… 其中居然有三个 UC, 两个海豚… 国产浏览器占领市场啊. = =|||)

033

(NovaDNG: 还有一些应用虽然在这个搜索结果中出现, 但是光看图标我敢打赌你们绝对认不出他们是干嘛的… )

034

法则二点四: 用色

035

“有一个万能的办法就是在应用中只采用单一的强调色彩来做到让你的品牌符合 Holo 视觉风格.

By +Nick Butcher 大大

036

(NovaDNG: 上面都是属于配色比较标准 Holo 的应用. )

037

“默认状况下, Holo 风格的控件使用蓝色作为主色调——但是没人说必须要蓝色!

依然是 +Nick Butcher 大大

038

039

040

(NovaDNG: 广告时间~ 不用多说吧, Opoloo 自家的 Timer. 之前 Opoloo 成员 Michael Novak 的一篇文章论述了这个问题. )

041

法则二点五: 字体设计/选择

044

左至右: Roboto (单一), Roboto (组合), 自选.

045

小结: 招子放亮点! 注意你的用户群, 你的用户名字, 你的标志和图标, 用色以及字体选择!

另外, 千万不要画蛇添足!

046

法则三: 多变性

047

爆漫脸: 我艹艹艹艹艹艹艹艹艹艹艹! 说什么一致性啦?! 说什么多样性啦??? 我听不懂啦!

048

(NovaDNG: Play Store 采用了多样的应用呈现方式. )

049

050

051

遵守规矩不会死人. 但是如果你想要让你的应用看起来有更高的辨识度, 更令人印象深刻, 你就必须尝试一些变数.

052

法则四: 润色一切

053

(NovaDNG: 一个负责人的开发者应该为 4″, 7″ 和 10″ 设备优化应用的显示方式或者布局. )

054

注意边距

055

056

注意宽度

057

干掉了多余的东西?

考虑了品牌的因素?

提供了合理的变数?

打磨了每一处细节?

恭喜, 你已经做出了一个很棒的应用~

058

 

最后再次鸣谢 +Guenther Beyer 以及 Opoloo 团队~

« 一个有趣而又有迷惑性的问题
如何制作一个漂亮的 Android 应用图标 »

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

  • 马琳琅

    我觉得第十二张图的19:15旁边的时钟图形不应该去掉。时钟图形表达的是这是一个能了解时间信息的区域,它能够使用户更快的明白这儿可以查看时间。19:15这个文字表达的是确切的时间信息。他们起到的功能不一样。

  • 重度使用者

    test2 , 老哥。

  • aitianci

    subway那个最恶搞。

    问一个小问题:Timer里面的颜色还蛮漂亮,但是是不是只要从Holo颜色里随便搭配,选个顺眼的就行?还是也有相应的规则?

    • http://www.phonekr.com/ NovaDNG

      底线: 在色盲症患者眼中, 你的配色不会影响到应用的易用性.

锋客的朋友们

  • 少数派
  • 煮机网

签订契约成为机油吧!

Buy me a coffee~ ;-)

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