原创者「墨客」

墨客抄这抄那的,有任何自己的东西吗?

还是有的。但是阳光下无新鲜事,我这里说的“自己的东西”是指我自己用残脑想出来的,不是参照着其他 app 做的,不保证前无古人,亦不排除其他现有产品有类似设计。

墨客的所有图形元素(除了一个背景纹理改自 http://subtlepatterns.com/)都是设计师@陈博威Chenbw自己一笔一笔画的。几乎所有界面我们都做了A、B两款设计,每一款我们做了10~20个版本,最终大概一共做了 20 个界面 × 30 版设计。这也是我们花了这么长时间的原因之一。

Grouped Table View
Profile View

在借鉴他人交互设计的地方(如 Tab Bar),我们选择保留原始设计的图形设计,这是我们的设计理念—保留、甚至展示设计的来源。因为我们知道随着墨客成长,这些他人的身影会渐渐蜕化,墨客会越来越自成一体,但我们希望正视一路上学习过的榜样。即便是这些沿袭他人设计的图形元素,也是我们自己画的。那些说我们是“像素级抄袭”的,你可以做“像素级比较”,就不难发现我们的这些元素是有自己的风格、纹理、色调的,是和墨客其他元素协调统一的。

有人说,我用了 Tweetbot 的东西,不感谢、不致敬。难道这样都不算是赞美、感谢、致敬?

墨客原创性可能不算强,但罗列了一下亦不少,请给点耐心阅读:

  1. Timeline 的视觉设计
    包括“所有动态”、“提及”、“评论”、“转发”等。列表的整体排版、列表尾的设计、每条微博的排版、附文与原文的分隔、原文前的提示符…都是精心设计的,相信大家也很容易注意到,至于喜不喜欢是另一回事。

    Timeline
  2. Timeline 的交互设计
    单击某条微博在其上浮现工具条、长按转发按钮转发原文、长按评论按钮评论原文、长按查看按钮进入原文正文…

  3. 微博正文页面
    微博正文的排版、附文与原文的区分、底部的位置信息、底部左边的转发数和右边的评论数、左滑查看转发、右滑查看评论、点击原文区域进入原文正文、长按工具栏转发按钮转发原文…都是较为独特的设计。

    Detail

    有很多例证可以说明:大多数人不知道点击原文区域可直接进入原文正文;大多数人不知道长按转发按钮可转发原文(评论按钮类似);大多数不知道左滑可查看转发、右滑可查看评论;很多人认为墨客的转发数、评论数太贴边了,甚至以为那两个图标被切坏了,没能体会到我想引导他们往左右去滑动的良苦用心;大多数人不知道可点击底部位置信息(如果有的话)进入地图模式查看,进一步可以查看周边微博…这些都说明墨客的设计比较新奇、有些功能不易发现(不见得是好事,只是说明原创性)。

  4. 个人资料页面
    这个布局、排版应该算是特色鲜明吧。

    Profile
  5. 搜索页面
    微博搜索和用户搜索共用一个搜索框、实时搜索本地数据、查看周边微博、分类查看热门人物。

    Search
  6. 微博编辑器
    地理位置的悬浮显示、输入#话题#时按空格键光标会跳转到尾#后并加空格、可在微博中加入剪贴板中的图片、长按“发布”按钮可选择“转发 & 评论”…

    Camera
  7. 用 Camera+ 拍照
    有人说这是抄袭 Tweetbot 的。真不是。这想法我在 2011年就有了,Tweetbot 在 2012年3月发布的 2.1 版本中才引入 Camera+ 拍照功能。我最早有集成第三方拍照应用想法的时候,第一个想到的是 Instagram,于是给他们发了封信,希望合作(当时 Insgram 尚未支持新浪微博):

    Instagram + Moke


    此事没成。我转而等待 Camera+ 推出 API。果然,Camera+ 于2012年3月推出了 API 供第三方集成。Tweetbot 很自然的成为首批支持者之一。此时墨客尚未完成,但集成 Camera+ 已成必然。

  8. 微博链接检测
    如果你在墨客中点击的一条链接为微博用户页面链接或微博链接,墨客会直接跳转到用户个人资料页面或微博正文页面,而不光是在浏览器中打开;如果剪贴板中有这样的链接,墨客(专业版)也能打开。

    Link Detection
  9. 应用图标、刷新图标
    有人说墨客的图标是抄袭 Circle,有人说是抄袭手机QQ浏览器。其实都不是,手机QQ浏览器我之前甚至没见过。不是所有看着像的都必有一方是抄袭者,不然请问 Circle 和手机QQ浏览器是谁抄了谁?这里只是一个蓝色圆圈,太容易撞车了。

    有人说墨客的刷新图标是抄袭 Tweetbot,其实也不是。

    墨客的应用图标和刷新图标是同一个东西。具体来说是一个环形槽里流动的墨,其轮廓刚好是一个 @,表征这是微博应用。反过来,我们的设计是从 @ 的造型出发的,何来抄袭 Tweetbot、Circle、手机QQ浏览器之说呢?

    Moke Icon
    Moke Spinner

原创的部分不一定讨你喜欢,但不讨你喜欢的就抹杀其原创性、否认其存在价值,未免太不公允。

有人甚至一边指着墨客与 Tweetbot 一样的地方说「无耻,抄袭!」,一边又指着墨客与 Tweetbot 不一样的地方说「无脑,连抄都抄不全!」。真要这样让人无路可走吗?那我们也只好走走看了,沿途的风暴亦可当作风景。对那些愿意陪我们走走看的人,我要说,「一路上有你们,真好。」