FB LIKE JACKER

非典型 Android Design——Press

2012 年Dec月 29 日由 发布 | 类别: Android 应用 | Tags: , ,

Banner

本来我没打算入这款应用的, 因为正好 Google Currents 升级了 2.0, 我用得不亦乐乎的. 但是看了他们的网站, 我坐不住了, 去 Play Store 花了 2 刀买了这货. 幸好, Press 没让我白花钱.

一点絮语

其实有一段时间我一直在寻找靠谱的 Google Reader 应用. 前段时间看到了个 Deer Reader 让我觉得还算不错, 在 Nexus 7 上也用了一阵子, 但是它给我的感觉是, 到底还是欠雕琢, 和”精致”二字无缘, 能不说它丑陋就很不错了. Deer Reader 的主题呢, 基本上也就是 Holo Theme, 没看出什么设计过的痕迹. 久而久之, 我居然对它心生嫌弃, 加上这货最近在市场上市了, 还卖 0.99 刀, 又赶上 Currents 升级, 所以我一怒之下给它卸了, 删了备份, 嘘了一口气.

当然, 这次推荐 Press 还有一个目的, 就是借 Press 来讲解一下, 一款”不 Holo” 的 Android Design 应用应该是长个什么样. 上图.

应用截图

2012-12-28 19.11.13

首先来看看 Press 的第一个亮点. 和 Android Design 应用大多数以蓝色为高亮颜色不同, Press 以明亮的绯色(不是我文艺, 这个颜色真的就是绯色)作为点缀, 瞬间在一堆第三方应用的 UI 中脱颖而出, 给人不同的感觉. 和 Press 相似的, AdAway 也是以红色作为高亮颜色, 但是 AdAway 做的不够彻底, 这点在下面会看出来.

左边的分栏中靠上的三个 Tab 分别代表了未读, 已读和收藏. 注意了, 这个 Fixed Tabs 的活跃提示的位置. 一般的 Holo 应用实在图标的下方, 而 Press 是在上方. 就我个人的感觉而言, 在上方的活跃提示实现比下方要有整体感. 虽然是 Fixed Tabs, 但是 Tabs 之间没有分隔线. 在三个 Tabs 之间能够左右滑动. 文件夹的右侧用数字和红点显示出了条目数量.

右边的源列表, 让我瞬间想到了 1.X 版本的 Currents 默认界面. 但是 Currents 升级到 2.0 之后取消了这个默认界面, 转移到别的地方去了. Press 把它拿过来为自己所用, 效果很好.

2012-12-28 20.36.24

这是进入某个源之后的界面. 依然是左右分栏, 但是右分栏的默认内容是第一篇未读文章的一角. 就设计语言而言, 这么做可以激起你去揭开右侧文章区, 去阅读它的兴趣. 这是个很精妙的设计, 不仅仅体现在布局上.

2012-12-28 19.23.51

在列表中, 你可以通过点击标题/预览左边的小黑点区域来直接标记为已读, 也可以长按这个区域唤出”快速标记余下所有为已读”的按钮. 滑出动画和 GMail 的删除/归档动画如出一辙. 这又是个很精巧的设计.

Screenshot_2012-12-28-16-19-28

很有意思的一点是, 当 Press 处于后台同步的状态时, Action Bar 的标题会变成”正在同步未读条目”. 当你滑动条目内容页的时候, 列表页会逐渐变暗并向左边移动, 反之则相反. 这个细节演出设计的非常用心.

2012-12-28 19.11.27

如你所见, Press 里大部分元素都是绯色的高光. 左边的小圆圈是重新标为未读. 标题上方有浅灰色的 A 按钮, 可以调节字体大小, 但是必须卷动到标题处, 对于现在很多有题图的网页而言很不友好, 必须在调整完字体大小之后卷动一段距离查看效果, 而且那个浅灰色的 A 看起来非常不显眼.

Screenshot_2012-12-28-19-05-34

Press 的选择器. 同样是绯色的配色. 按钮经过了重新设计, 变得扁平了.

Screenshot_2012-12-28-19-04-40

设置页里的 Checkbox 也同样进行了定制, 对勾变成了绯色.

2012-12-28 19.24.31 2012-12-28 19.25.37 2012-12-28 19.25.48 2012-12-28 19.26.02

附赠的字体(请勿对画面以及文章内容进行吐槽…). 从上到下依次为 Sourse Sans Pro(同时也是默认字体), Roboto Regular(个人觉得效果不如 Roboto Light), Open Sans 和 Bitter(很有特色的衬线字体). 除此之外, Press 还提供了 Lora 和 PT Serif 两款衬线字体, 同样是各有特色(但是我个人对衬线字体特别不感冒, 所以懒得截图).

2012-12-28 19.21.30

借助 ParanoidAndroid 的结构设置我们可以看出, Press 分别对手机, 小尺寸平板和中等尺寸平板进行了优化. 比起 Deer Reader, 他在手机和平板上的表现都非常不错. 如果你不经常用到竖屏, 可以大胆的将分辨率设置为 720p. 如果你经常需要用到竖屏, 那么还是保留着 600p 的分辨率为妙.

2013-02-25 22.42.22

你可以选择使用音量加减来切换上一篇/下一篇文章, 也可以使用屏幕内的换篇键. 这个换篇键做得不是很好看, 个人觉得是这个应用界面的败笔.

Screenshot_2012-12-29-15-25-05 copy

2012-12-28 19.11.13

2012-12-28 19.21.52

360p, 600p 和 720p 下的 Press.

关于应用

这个应用大量应用了 Drawer 这个在 Android Design 文档中最近更新才出现的交互方式, 借助 Drawer 和流畅的过渡动画非常好的解决了 Google Reader 类应用一直非常头疼的层级结构间导航的问题. 而且, 手势在应用中被广泛的使用——在首页的 Fixed Tabs 之间滑动选择未读/已读和收藏的条目, 在条目列表中向左滑动拉出正文内容, 从正文内容页一路向右滑动可以回到主页. 如果熟悉四次元的同学应该可以毫无压力的快速上手. 符合 Android Design 的前提下做出了鲜明的个性, 不单单是配色, 交互方式, 过渡动画, 控件等等都进行了精细的处理, 让人用着觉得很舒服, 而不像 Deer Reader 那样给人一种粗糙, 未经琢磨的感觉. 我能说, Press 是目前我在 Android 上见到的少数可以比肩 iOS 的顶级应用中的佼佼者.

Press 是一款刚上架没多久的应用, 目前的下载量不到 10,000 次. 但是制作者在这个应用刚刚上架的时候就非常用心的拍了精美的宣传片放在 Play Store, 其中诚意可见一斑 .不过, 据微博上的朋友们反映, 这个应用在 Galaxy Nexus 上的卡顿非常严重, 不知何故. 另外, 这个应用在面对摘要输出的订阅内容时显得束手无策. 而且载入的速度有时也非常不得劲儿(以上问题感谢龚叔@710Aziz 反馈). 也就是说, Press 的可以提升的空间还非常大. 如果你对性能要求严格, 那么还是再观望观望为妙.

关于作者

Press 的作者是两个地道的美国人, 来自俄亥俄哥伦布的 Jordan Beck 和来自伊利诺伊芝加哥的 Jay Ohms.

Josh Ohms Copyright

Jordan 是个典型的理工男, 他毕业于 Taylor University, 主修 CS. 喜欢数学和科幻小说, 同时也对设计感兴趣.

Jay

Jay 更像是个文科生, 浪漫主义者,  喜欢喝咖啡, 随时精力充沛, 是个天才的设计师, 同时还是个跑者与社区领袖. 自称”咖啡和奔跑给我带来编程的动力”, 刮了胡子就像换个人的男人.

3938b7e608625f7b739d2fd5913a677b

他们两人为组成的团队起名叫 TwentyFive Squares. 这名字的由来是团队起源的地方: 芝加哥. 更具体点来说, 是位于林肯广场附近的地方. 在那里, Jay 和 Jordan 开始了第一次合作.

如果对作者感兴趣, 可以关注他们的 Google+ 和 Linkedin(其实只有 Jordan 的, 因为 Jay 的 Google+ Twitter 都空空如也的). 你也可以去看看 TwentyFive Squares 的网站, 这个网站的设计风格和 Press 一致(但是阅读体验则非常抱歉…).

应用下载: Play Store

« 由接电话引发的思考
WP 应用及开发商 2012 年度吐槽和最佳 »

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~ ;-)
閃開│讓專業的來 沒辦法│我這個人就是太正直了