Monthly Archives: February 2013

Build the Future

各位,元宵节快乐。 又到周末。我打算固定下来:每到周末,把这一周读到的新闻、文章或者应用,通过一个主题,串在一起讲一讲。应该会挺有意思。

Flat Design vs Skeuomorphism + Realism

“The Battle Between Flat Design & Skeuomorphism” 是一篇相当精彩的文章。

稍微解释一下这个念都念不顺的词 Skeuomorphism

\n

a skeuomorph is a physical ornament or design on an object made to resemble another material or technique.

\n

大意就是:将一个事物,仿造另一个事物的物理逻辑进行设计。(与写实风格不同,它的仿主要在于物理逻辑而不是外观) Flat Design 则是新兴的另一种设计风格:去除多余的装饰、结构,使用扁平的层、块加上清晰的文字来传递信息和实现功能。

大部分人花一毫秒就会意识到,这不就是 Apple vs Microsoft 么?嗯,可以这么说。

最近一段时间,人们越来越在意苹果 Skeuomorphism 和 Realism 设计风格所暴露出来的各种问题:无意义、过度装饰、审美疲劳、限制交互。人们也开始讨论新设计风格的可能性。但是,虽然有各种缺点,iOS 风靡,靠的不就是 Skeuomorphism 和 Realism 么?它到底出什么问题了?

其实,细想想, Skeuomorphism + Realism 并不是苹果独创。我们每个人很早很早很早以前就接触到这个东西了,只不过我们没有意识到它有这个拗口的名字。它最早出现的地方,是游戏。

想想 WarCraft3 的界面,暗夜精灵由植物缠绕生长起来的操作面板、人类由砖块搭建的操作面板。或者再想想红警、大菠萝、辐射…还有无数的大作。当游戏们把 Skeuomorphism 和 Realism 组合在一起,最直观的感受是「真实」,最大的魅力是是「代入感」。而游戏,最重要的就是「代入感」。

苹果启用了这样的设计风格,也是基于同样的考虑。它将各种功能包装成一个个独立的 App。每个 App 运行时进入全屏的独占状态,几乎不会让你能方便的切换到其他 App ,再加上这种强代入感的拟物&写实风格,你想到了什么?对,就是「游戏」。

每一个功能像一个超轻量级的游戏,这让智能手机拥有了前所未有的魅力。

那么,skeuomorphism 和 realism 真的有问题么?

Continue reading

对于抄袭,我们在担心什么?

in my head 诸位新年快乐。 开年第一篇,说说最近接触到的应用、新闻、文章。

Startup News | Hacker News

Startup News 是冯大辉(Fenng)最近做的一个小玩意,可以算是中文版的 Hacker News。不过他自己也很郁闷,因为程序用的是 Hacker News 的代码,立刻就有人说这是抄袭 HN 。 可是 Hacker News 的这套代码是开源的。

我们对「抄袭」两个字已经敏感到了空前的地步。可是对于「抄袭」,我们究竟在担心什么?

去年年中,几个不算知名的同学也做了一个不算知名但是有点想法的众包 Link Blog 叫「阅乎」(似乎已经挂了)。也是立刻有人说,这不是山寨的 Quote.fm(另一个少有人听过的服务) 么?

实际上?Link Blog 的形式已经存在了十年了(最早是我反复提到过的 Daring Fireball ),众包的 Link Blog 也不止 Hacker News (或者Quote.fm) 一家。可是我们对此还是耿耿于怀,如鲠在喉。

「 Idea (或者产品形态)是产品成功的关键」这个观念,就像是创业者成功学一样越来越深入人心。一个产品成功了,就会有无数的媒体网站、无数的个人开始分析它的理念,然后止于它的理念。

说着说着,每个人都相信了:如果产品成功了,肯定是因为 Idea 好;如果产品失败了,肯定是因为 Idea 太老旧。如果有人要质疑这个观点,反而会让人不舒服。

可是 Hacker News 的代码是开源的,如果一个普通的互联网人也去做一个中文版的 Hacker News,能像它一样成功么?如果把现在的我们扔到 2006 年 twitter 出现之前,我们能做出 twitter 么?

在互联网初期,一个连轮子都没有的年代,Idea 是最重要的东西,之一。而现在已经不是蛮荒时代了,互联网服务也不是在小圈子里玩的东西。产品需要卖出去,需要服务挑剔的客人,需要让人觉得爽。

光有一个 Idea?太糙了。

Continue reading

LINEARY | 专注阅读的微博客户端概念设计

微博上太多言之无物的配图,和「转发微博//」这样的冗余信息。个人更喜欢 Twitter 的信息传播形式: \n* Reply: 相当于微博的评论+转发;\n* Reply 在时间线上默认是折叠原信息、展示你的评论(更强调转发者自己的看法);\n* Retweet: 如果你没有看法,还有 Retweet 功能,只出现原信息(几乎不留转发者的痕迹,只传播有用的信息)。 经过这些设定,无用的信息(噪音)几乎不会被传播出去、也几乎不会以任何形式被添加到时间轴中,整个 twitter 时间线的质量比微博要高很多。 虽然微博的设计更多考虑到中国互联网的喜好,偏向轻松、娱乐。大部分人不希望刷个微博还需要时刻绷紧神经消化信息。 但是在移动场景下,对信息质量的要求会高很多(没人开 2G 流量看微博是为了看美女配图吧)。所以我把目光放到移动客户端上,考虑能不能借助 twitter 的启发,改良微博客户端的设计。

过滤更多噪音,让人专注、高效的获取信息,享受阅读: \n* 折叠转发者右边的其他转发评论,点击时展开(在那里的通常是噪音,也鼓励大家多关注转发的时候会附带发表自己独到见解的人);\n* 折叠配图,点击展开;\n* 点击展开被折叠的图片or转发:这类点击不转跳,不打断阅读流(reading flow);\n* 右滑快速进入转发状态,保证「阅读微博-> 发表想法」的过程流畅;\n* 其他:让分类简单简单再简单、左滑查看单条信息。

Continue reading

个人的信息获取 & 管理方法分享

每天早上开工之前都是美好的信息收集时间,主要途径是: \n* Google Reader\n* Designer News | Daring Fireball\n* Dribbble\n* 邮件订阅

Google Reader 适合订阅的网站(质量高、更新量适中):

    \n
  • Smashing Magazine 关于交互设计的干货+深度讨论
  • \n

  • A List Apart 更多有趣的观点和探讨
  • \n

  • UX Booth 同样是关于交互设计的讨论
  • \n

  • Be For Web 大众点评网交互设计师的译文博客,挑选的文章都很不错
  • \n

  • Beautifut Pixel 众多介绍APP的网站中最有审美的
  • \n

  • Type is Beautiful 字体博客
  • \n

  • 各大设计部门博客腾讯CDC | 腾讯WSD | 百度MUX | 新浪UED | 微博UDC | 网易UEDC | Taobao UED | 迅雷 CUED (设计部门的博文质量都不算太高,但好在更新也不算频繁,主要看看大家都在干什么)
  • \n

  • TED Talks
  • \n

  • 商业价值 不适合订阅但是我还是订阅了的网站(更新量过大,会淹没其他订阅源): Engaget | 36kr | 数字尾巴 | 雷锋网 等等… 我把这一系列新闻站都放进了一个叫「话儿多」的文件夹,点开快速浏览标题,遇到感兴趣的点进去看看。扫完全部标题就「标记全部为已读」,神清气爽。
  • \n

Continue reading