FB LIKE JACKER

另类的 Android Design——Carbon for Android

2013 年Feb月 4 日由 发布 | 类别: Android 应用 | Tags: , , ,

题图

对于 Carbon 这个名字, 有的人也许会觉得很熟悉. 最开始的时候, 这个应用是在 Windows Phone 7, webOS 和 Android 三个平台上同步开发. 不过在 WP7  和 webOS 上很早就发布了(旧锋客团队还有一篇介绍他的 webOS 版本的文章, 推荐与本文一同服用), 而 Android 版本则一直在跳票… 在今年九月, WP7 上的 Carbon 由于种种原因停工了, 这个时候开始, Android 应用的开发好像才正式进入主线.

最漂亮和创新的 Android 平台 twitter 客户端(?)

在 Carbon 正式上市之前, 我的”御用”twitter 客户端是 Falcon Pro. Falcon Pro 虽然要一美金, 但是界面简洁优雅, 性能(流畅度)表现非常优秀.

2013-01-29 15.13.15 2013-01-17 01.07.43

在 Falcon Pro 之前, 我用 tweet Lanes. 这个客户端最大的亮点就是它对的 Scrollable Tabs 的利用. 那段时间, tweet Lanes 也为我对四次元的设计带来了很多灵感. 可惜作者现在把精力放在 Action Launcher 上了所以已经很久没更新 tweet Lanes 了.

2013-02-03 18.30.50 2013-02-03 18.30.33

在那之前, 我还用过 Twidere(开发者是个比我还小的国内高中生)(其实是嫉妒人家了吧喂!) 和 Tweedle(最早使用 Scrollable Tabs 且可定制性很高). 但是这两个客户端比起 tweet Lanes 和 Falcon Pro 而言就显得有些暗淡无光了. 还有其他的 twitter 客户端, 因为没有丝毫的特色我在这里就懒得提了. 总之一句话, 市面上所有的 twitter 客户端我几乎都用过一遍, 比较在意的就只有上述四个.

为什么我要从粪坑 Play Store 里那么多 twitter 客户端里面把 Falcon Pro 和 tweet Lanes 特别挑出来说? Falcon Pro 是因为他最美观, 而且性能最棒. 而 tweet Lanes 则是因为他的形式最创新.

看到这里你大概也已经猜到我接下来想要说什么了——没错, 我想要说的, 集美观和交互上的创新于一体的 twitter 客户端, 正是 Carbon.

应用截图 & 功能说明

2013-02-03 13.13.43 2013-02-03 12.17.36

很有意思的是, Falcon Pro 和 Carbon 都选择鹰作为他们的 Logo 元素. 但是比起现在版本的 Falcon Pro 那略显可爱的 Q 版鹰, Carbon 使用了帅气凌厉的夕阳与鹰头的剪影搭配来做 Logo. 右图是 Carbon 的 Splash Screen. 这和其他一些应用的 Splash Screen 不同, 可以说是一闪而过, 手不够快还没法截到图.

 2013-02-03 19.00.31 2013-02-03 12.21.43

左图就是 Carbon 的主界面(Timeline). 构成非常简单. 时间线上用白线和蓝线标注出你发的推和提到你的推. 点击 Action Overflow 就会弹出右图的功能条, 上面三个功能是以 Drawer 的形式呈现在列表右侧的, 下面三个功能则是单独的页面呈现.

和 Falcon Pro 不同, Carbon 的主要操作都在右侧和下方, 无论你习惯用右手还是左手持机, 这些按钮都是能够很轻易的被按到的. 有点奇怪的是, Action Bar(因为主界面没有 Main Action Bar, 那么底下这条 Split Action Bar 叫成 Action Bar 也就没什么不妥了)中间这么宽一条(头像左右的线段始末)全部都是个人信息页的按钮, 略有点匪夷所思的感觉. 顺便, 这个头像是个槽点: 他会强制把你的头像转换成黑白的显示. 我的头像是 Chrome 所以看起来还算没什么违和感, 但是如果你用真人照片做头像的话…

2013-02-03 19.23.32 2013-02-03 19.01.15 

如果你长按 Action Bar 左侧的 +, 就会弹出左图的菜单 你可以方便的选择直接发送 Direct Message. 如果你长按某条推, 就会出现快速菜单, 和 Falcon Pro 的双击快速菜单有些类似. 但是亮点在于这个过渡动画. 四个操作按钮从头像后方弹出, 其他推向后渐隐. 如果你在其他推的位置拖动, 快速操作的菜单会消失, 其他推回到台前.这两端动画都极端的流畅自然, 漂亮而不繁杂, 非常具有观赏性.

2013-02-03 12.19.12 2013-02-03 19.41.03

如果说刚才 Timeline 上的快捷操作的动画还没有让你觉得惊艳, 当你看见刷新 Timeline 的动画的时候就不可能无动于衷了——和传统的”下拉刷新””弹回”的动画截然不同, Carbon在你下拉列表的时候, 整个列表会向内倾斜, 在你松手后弹回原本的位置. 在这段时间里你还可以卷动列表.  这个动画做得非常平滑自然流畅, 没有丝毫生硬和违和感, 而且和 Android 系统的逻辑相同——当你把启动器卷动到最边缘的页面再进行滑动操作的时候, 当前页面也会发光并以相同的方式倾斜. 可以说, 这个倾斜动画才是属于 Android 系统的越界提示. 反观某些国产应用和某些 ROM, 无视 Android 自己的越界动画, 使用 iOS 式的拙略的橡皮筋回弹动画, 既不美观, 又游离于系统之外, 实属陪了夫人又折兵.

2013-02-03 12.28.14 2013-02-03 12.19.05

左右滑动 Timeline 就会发现隐藏着的Fixed Tabs(这个会自动隐藏的 Tabs 似乎已经不能叫 Fixed Tabs 了呢… )出现了. 切换 Tabs 的时候, 每个列表也会以倾斜的方式展现. 动画依然非常流畅自然. 三个列表和 Falcon Pro 顺序相同, 都是 Timeline, 提及和私信. 不过 Carbon 这样隐藏 Tabs, 又是通过滑动来切换 Tabs, 隐蔽性似乎比较强, 对于小白来讲可能很难接受.

2013-02-03 12.19.51 2013-02-03 12.31.05

接下来说说推文详细页面. 这个界面由两个部分组成, 上部的推文内容, 快捷操作和图片, 下部的回复/RT 区域. 最初始的状态下, 推文部分大概占用 3/4 的空间, 而回复区则缩在下方 1/4 的空间中. 如果你按住评论去向上拉动, 你会看见推文旋转着向后方渐隐, 而评论区会伸展到占界面 2/3 的空间. 不过这个动画和展示方式虽然很漂亮, 麻烦的地方在于你在看评论的时候没法看清原文到底说了些啥. 而且, 和 Falcon Pro 相反, Carbon 的评论是从上到下最新到最旧, 一开始的时候会略有些不适应. 而且, 再这个对话列表中, 一级列表的快速手势(双指上划快速到达列表底端, 双指下划快速返回列表顶端)是不起作用的, 所以想要追究讨论的源头就变成比较麻烦的事情了. 在推文界面(回复区收起的状态)右划会返回列表界面. 看来现在右划手势返回上级界面已经被很多开发者默认接受了, 就看这条什么时候会出现在 Android Design 里了.

2013-02-03 12.36.20 2013-02-04 14.37.21

在推文界面还有一个比较有创意的地方就是 RT 功能. 如果你 RT 了这条推, 那么 RT 图标下就会亮起蓝色的指示器表示已经 RT 成功. 当然你也可以按左边的 Quote 按钮来引用. 右图是回复界面. 有意思的是如果回复中同时提到了两个人或以上, 在进入回复界面的时候, 原 Po 主之外的别人会处于选中状态, 也就是说你不用去手动删除就可以直接输入回复内容覆盖掉其他人的 @. 回复界面和发推界面是相同的, 我就顺便说下这个界面. 上面的变暗的头像是可以同时点亮的(长按未点亮的头像以激活), 用处是当你登陆复数推号的时候可以同时用几个推特帐号发一条推. 可惜我没有多个推号所以没能测试这个功能. 这点比起 Falcon Pro 等只支持单账号或者其他支持多账号的 twitter 客户端要强了不少. (小小吐个槽, 四次元要是能做到这个就好了, 我有三个微博账号, 有的时候还真要用到这功能)

2013-02-03 21.07.17 2013-02-03 21.05.40

这是个人信息界面. 如果是自己的个人信息的话就没有右下角的 Mention 和 Action Overflow. 值得注意的地方是, Tweets, Friends 等这些列表是用 Drawer 的形式展现的, 非常新颖.

2013-02-03 20.56.23 2013-02-03 13.49.08

左右两图分别是 Falcon Pro 和 Carbon 的通知栏提醒. Falcon Pro 的 Profile 键显得非常意味不明, 相比之下 Carbon 的回复和引用两个按钮就显得非常靠谱了.

 2013-02-03 12.21.10 2013-02-03 13.11.15

设置界面非常简陋(真的, 比起 Falcon Pro 等其他的应用而言), 只有两个通知开关, 也不能调整检测周期(固定是 15 分钟), 所以在同时有 Falcon Pro 的情况下 Carbon 的通知基本上是没用的, 还不如关掉. 另外我这里有个 Bug 是从通知栏进入 Carbon 必强退, 不知道大家有没有遇到. 作者说, 之所以不提供更多设置是为了更好的性能和设计上的方便. 右图重点是通知栏提示… Carbon 的通知栏图标是很诡异的一个六边形. 以后应该会换成更好看的吧…?

20130204 补充:

2013-02-04 14.37.52 2013-02-04 14.35.59

今天我又申请了一个 twitter 账号, 所以最后再说下 Carbon 的多账号管理. 设置菜单在你登录了复数账户之后会变成左图的样子, 你可以单独控制每个账号的通知, 这点做得很人性. 在登陆复数账户的情况下如果你从 Timeline 向右划动就会唤出右图所示的账号切换. 比较隐蔽, 很不友好.

细节 & 评论

Carbon 上手的第一感觉就是漂亮. Carbon 的漂亮和 Falcon 的漂亮完全不同, Falcon 的漂亮很朴实, 没有很多雕琢, 很素雅, 而 Carbon 的漂亮则有一种气场, 单纯的看界面你会认为 Falcon Pro 比较漂亮, 但是当你操作 Carbon 进行刷新和切换 Tab 之类的操作的时候你就会意识到 Carbon 的魅力. 过渡动画无处不在, 开发者重写了 on_back_pressed 和 on_home_pressed, 在你退出应用/回到桌面的时候演出漂亮的滑动动画, 而这些动画又和 Android 系统自带的动画统一, 很自然流畅不会让用户产生有丝毫突兀和刻意的感觉, 在这些方面, Carbon 可以说完虐 Falcon.

之前在写 Press 的推荐时候我就提到过, Android Design 并不是只是 Holo Theme 这么简单, 而是包含了很多东西, 比如 Carbon 做得非常好的过渡动画和 Falcon Pro 还有 tweet Lanes 做得很好的交互方式. 就这两点决定了一个应用的评价. Carbon 虽然在功能上不甚丰富, 但是他的 UI 和动画做得一级棒, Falon Pro 虽然不是最漂亮, 但是他有丰富的功能和靠谱的界面设计.

而反观国内一票 Android 应用, 能达到 Carbon 和 Falcon Pro 这种高度的真是一只手能数过来, 除却那些还固执的在使用 iOS 界面的应用, 其他的应用也大部分是徘徊着摸索 Android Design 的状态. 在这种情况下, Carbon 对于很多国内开发者而言是个值得学习的对象, 一个好教材.

Carbon 不支持平板. 开发者表示会专门为平板开发另一个应用, 以保证在手机和平板上最好的用户体验. 所以在平板上 No.1 的 twitter 客户端依然还是 Falcon Pro.

由于 Carbon 是跨平台的应用, 所以你如果用过别的平台上的 Carbon 就会发现 Android 版本的 Carbon 不但拥有其他平台的 Carbon 的优秀的特性, 也利用 Android 平台做出了 Android 版本特有的东西. 这样的开发者才是真正用心的开发者.

吐槽

实际上 Carbon 的槽点还是很多的.

最明显的一个槽点是那个背景的纹理, 感觉非常的不 Android Design.

其次是强制黑白头像, 我的 twitter 上已经有不少推友吐槽这个看起来像遗像的强制黑白头像了.

不支持横屏(也算是个槽点吧… 毕竟 tweet Lanes, Falcon Pro twedere 和 Tweedle 都支持横屏的).

Carbon 只支持手机, 但是你可以在 Play Store 中为平板下载, 兼容性提示并未显示不兼容. 可以想象一个用户兴冲冲地下载了之后打开看到不支持平板的提示框的时候心情是多么沮丧…

世界上有这么多 twitter 客户端, 很多图标的使用是已经有了约定俗成的规范的, 所以用户在不同客户端之间转移的成本很低. 但是 Carbon 是我见到的第一个不遵循这个约定俗成的规范的客户端, 比如他的 Mention 图标是个指向左下的箭头——鬼知道这个左下箭头是 Metion 的意思啊, 根据何在呢? 还有那个右上点了一个蓝点的矩形框是 Direct Message 的标志, 实在是非常的意味不明, 完全没法理解其中的意思.

其实还有很多可以吐槽的地方, 这里推荐看看龚叔专门写的的吐槽短篇.

关于作者

作者? 我其实没有很深入的调查作者. 他在 Play Store 上留下的网址是一个只有一张图片和背景的网页, 让人看了有种被嘲讽的感觉… 当然, 开发者有专门的 twitter 账号(@CarbonAndroid/@dot1ne)和 Google+ 账号(Carbon for Android, 略有点讽刺), 有兴趣的同学可以去围观.

下载地址: Play Store

« 更上一层楼——两款 Chrome/Android 通知应用/插件
简洁与视觉——HikiPlayer 与 N7Player »

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