设计的未来，就是让人生活得更加诗意

「人，是世间万物的尺度」-普罗泰戈拉

 

设计从人类使用工具之始就产生了，随着人类文明的发展，若干年来，工具发生了天翻地覆的变化，但期间人始终为人，操作电脑的现代人与最初使用石斧的原始人在生理特征上几乎没有发生任何变化，双手、五感、大脑… 设计的本质并没有发生变化，以人做为标准依旧可以度量设计。未来的软件 UI、UX 将会如何发展，有哪些趋势呢？

1.私有物品智能化

也就是时下流行的穿戴式设备，个人不太喜欢这个词，感觉狭隘了，看看最近流行的被智能化的私有设备，Google Glass、Galaxy Altius、Nike+ Fuelband、Fitbit、Jawbone UP、Pebble…… 如果尝试画一个圈（如图1）

 

 

中间是人，离用户最近、最核心的圈子就是私有化的一些设备，再外圈一些才是PC、家电等，所以如果有公司能够占据私有物品圈中的核心地位，那也将意味着给它带来惊人的市场和机会，例如：手机，以及iPhone给苹果带来的改变，它算是私有物品目前智能化度最高的物件了。如果将人们最常用的私有物件看做是一个系统，那么在核心圈中，手机将担任智能中心的一个角色，其它设备可能都将与手机进行互联，打造一个私有化的智能圈。 Google推出的Glass明显加速了这个进程，令各大厂商投入私有物品智能化的市场当中。（图2 Google Glass）

2.智能家电的变革

随着通信技术的成熟，移动互联网的成长，以及私有物品智能化的普及，智能家电的发展已变成了一种必然趋势，家电行业也需要在这种时候突破传统家电的框架，为未来家电注入新的活力，需要以全新的眼光也看待传统的东西，将已知变成未知，相信这会为我们带来无数的可能性，看看Nest恒温器的例子，这款产品很优雅地解决外观、功能、节能、以及智能等问题，在用户使用一段时间后，它将了解用户对温度的习惯。就像当年苹果公司发布iPhone时，重新定义了手机，如今Nest所做的也是同样的事情。其实，创新不一定要在前沿行业，只要你有足够的创意，在传统行业一样可以给用户带来惊喜。在这个领域当中还有很多需要进行重新设计及定义。接下来看一下eico为我们带来的 Project HALO，重新诠释了洗衣机的定义，同时还有很多可以值得去开拓、挖掘的地方。相信国内还有很多设计公司接到了来自家电行业的类似设计需求，变革正在悄然发生，难道你还要默默的等着吗？

3.机顶盒的战火

小米盒子的推出确实搅动了数字电视市场，最少让互联网的视频内容提供商，像优酷、爱奇异、搜狐视频等都在观望另一张网上的动静，它们不担心小米盒子，它们只希望小米能够成为一个试水者，期待政策的松动，相信这些公司内部多少都应该有盒子计划，或盘算通过某些渠道能够成为内容提供者。最近也刚试用了小米盒子， 从体验上来讲应该算是国内机顶盒行业里的佼佼者了。像图2，小米手机期望能够在用户的私有圈中占据一个位置，同样在外围的家电圈中也需要占据一个位置，未来家庭物联网生态系统中的智能中心，机顶盒能够很好的扮演这个角色。但现在的机顶盒在交互以及用户体验上并没有发生根本性的变化，还未达到能承载智能中心的能力，相信未来在这一方面进行加强，基于语音、体感或其它交互类型的设计将会是一种趋势，做为设计者如何能够视而不见？（图3小米盒子）

4.平板兴起

可以看看下图，按照现在的趋势，未来2-3年平板电脑的出货量将超过PC，这意味着更多的平板将在未来上市，不同的硬件配置、不同的屏幕尺寸、不同的针对人群、不同的使用场景，设计上也将会产生更多的可能性，同时，因为屏幕的直接原因，移动广告也可能在平板平台爆发。 （图4 平板电脑出货量预测）

5.汽车与互联网的结合

随着经济的发展，能够购买得起汽车的人会越来越多，同时也将成为大家基本的代步工具，经济发达国家，像美国人已经离不开汽车，所以它会成为人们未来生活中重要的一个终端。想像一下，基于汽车的信息化，导航、车况提醒、行车安全、车内娱乐，这也是为什么像Google 这样的公司，开发无人驾驶汽车的初衷吧，以这个作为切入点，控制未来人们在汽车内的状态。

6.微信平台

腾讯目前不需要做一个移动操作系统来承载它的产品，因为微信未来会成长为一个平台，如同 Google 一样，它不需要做一款PC操作系统，只需要以做系统的心态推进 Chrome。移动端的特性确实很适合微信的发展，先将用户所有的碎片时间都抓住，以社交+通知的方式替代传统 Web端的 URL，同时也有可能在 APP 内部应用 Html5 技术，未来围绕它打造游戏平台，使移动变现方式更明晰，随着必会推出移动支付解决方案（会不会以二维码为基础呢？），这些都会是趋势，但如何影响设计呢？随着应用的复杂化，给用户带来的信息压力也会越来越大，微信联系人消息、邮件提醒、公众号消息、朋友圈更新、以及未来的游戏平台、移动支付等等，设想一下，用户打开微信的时候将被排山倒海的各种消息及提醒所淹没，这仅是一个例子，针对可能出现的情况是不是我们应该从现在开始做点什么呢？

7.字体设计的回归

文字，是一种文化的浓缩，具有影响受众的力量，尤其是以象形、指事、会意等六书为主的汉字，其本身就携带着大量的视觉信息。很早之前就有一个观点：限制国内设计水准的重要原因之一就是字体设计。除了对设计者审美要求很高外，中文字体的设计需要耗费大量的时间和精力，但由于国内市场的环境，相应的经济回报相当 有限，所以一般设计师很难完成一套字体的设计，往往本需要有能力的机构进行主导（很佩服知乎上的@厉向晨 @許瀚文 等字体设计师）。个人感受越来越多的人及设计师关注起字体设计，更多的公司及产品在寻求相匹配的字体，像，字节社、锤子OS（最少它说明会去购买 一些字体）、连阿芙精油也弄个字体，这是个好的趋势。（图5）

8.输入方式的创新

上面提及的私有物品也好，智能家电也好，需要面对一座大山–输入方式，如何在进机顶盒上进行有效的搜索操作？利用遥控器？利用手机？还是直接给用户一个键盘 ？是否有更好的方式？ 语音：现在中文语音的识别率已经很高了，Google Glass目前也是采用语音识别相应的指令。相对于键盘以及触摸操作，语音能够完全解放了人的双手，具有有明显的交互优势。在移动端主要是因为使用场景的限制，如锤子OS海报所示，大多数用户不愿意在公众场合利用语音进行交互，但我们换个场景，用户是在一个隐私、完全自主的环境，像家里，就可以随心所欲的利用语音的高识别性改进现有交互了，应用在机顶盒、家电等方面。 体感：说到体感让我想起了中国的一句老话「丝不如竹，竹不如肉」，桓温问孟嘉：听伎，丝不如竹，竹不如肉，何也？ 孟嘉回答说：渐近自然。在用户体验上，早期的命令行模式就如同中国古弦乐「丝」，后来发展到图形界面，通过鼠标操作所见即所得「竹」，再后来发展的触摸感 应，以人的手指做为直接的控制器「肉」，「渐近自然」这四个字道出了交互设计发展的真髓。XBOX的Kinect ，Leap Motion 等产品，代表了这一个方向上的努力。（图6 Leap Motion） 现有的移动设备也好，将要出现的智能化的私有物品也好，从体验和功能上都受限于输入方式，只要设备不断发展，交互也必会继续发展下去。

9.输出仍以视觉为主

想想我们在上面提到的手机，电视，都需要用户眼睛去「看」，通过看这个行为令用户感知到设计，与其说你在使用智能手机，还不如说是手机屏幕吸引了你的眼 神，Google更狠，期望通过一幅银镜绑架你的眼晴，在你观察世界之时永远隔着一块屏幕，从技术上讲这是一次进步，但在人文层面就留给市场来证明吧。现在各种产品及设备的突起同样是在争夺用户注意力，你有吸引用户注意力的idea吗？

10.简约、朴素的设计风格（flat design）

现在移动端主要针对用户的碎片化时间进行产品设计，但这样设计带来了一个问题–浮躁，用户感觉不稳定。举个例子，如果你是一种重度碎片化的用户（相信知乎 上不少），一定会有常有一种举动，拿起手机，点亮屏幕，其实你也不知道想干什么，看一眼，不获取任何信息，再把屏幕给关上或放入口袋，一再下意识的重复这 个动作过程。简约、朴素的设计风格是潜意识希望规避这种情况而诞生的，让我们回忆一下魅族Flyme 2.0所带来的视觉语言，侘寂！以及锤子OS里拂过屏幕后通知消息全部清除，都是同样在这种潜意识下产生的。保持一种宁静，在这喧闹的环境中有一处能让你 的心感觉平静之所，那将是一个多少吸引人的地方。想想为什么这么多人在旅游时希望能够去一处人迹罕至的地方，除了观赏没有看过的风景外，就是享受这样的一种宁静。这样的设计风格的产生多少带有一些人文情怀。（图7 Google+ Grid by Haraldur Thorleifsson）

11.细致的动态效果

交互是一个动态的过程，虽可具体到某个场景，或对界面元素进行设计，但元素的动作及行为在表现层上也需要进行设计，就需要使用细腻、精致的动态效果来实现了，这些是细节。当视觉风格以简约为主，那真正吸引用户的将会是一些出彩的动态效果，在这方面需要达到的标准同样也是「渐近自然」。

12.设计师的觉醒（人文情怀、匠人精神）

在工业化之前，匠人依靠纯手工生产产品，无法大规模生产，每件产品看起来可能都一样，但会具有微小的差别，一瞬间的创造灵感以及积累的经验造就了每件手工产品的不同。它们每个都具有不一样的生命以及特别的意义，这使其具有了灵性，购买者所追求的不仅是产品本身，还有匠人们为产品所付出的态度与精神，以及蕴藏其中的匠人工艺，这才是手工产品价值所在。设计者以掌握高超的技艺，并制作出骄傲的产品为荣，追求卓越，「嗜之越笃，技巧越工」。虽然，只是在知乎上以文字的方式表达一些理念，但我希望能够成为一名匠人，保持一颗匠心，借用原研哉的一句话「将设计以文字的方式表达出来也是一种设计」。

13.社交综合症（孤独感）

愈社交，愈疏离，朋友被划分为无数个圈子，打上不同的标签，在多个社交产品之间流连。交流简化为评论、@、私信，现实生活中的社交能力不断下降，虽然被无数信息围绕，但内心深处有一种无法察觉的孤独感，注意力越来越无法长时间集中，长文的写作只能放在深夜（凌晨1点后吧），焦点会在多个窗口或多个页面这间切 换，并时常忘记操作的目的性，这可能只是我个人的感受，权当一听。 还有许多趋势值得我们去探索，云、智能交互、大数据、移动支付等等，过 了山，眼界就开阔了，抛弃我们所熟知事物的框架，使其成为一个未知的领域，重新建立认知。 人们总希望自己能够在高处眺望未来，观望着远处的风景，有可能只是个自以为的高处，而我仅期望能够脚踏实地，用不够快的速度向山上攀爬，期待着另一边的景致，低头认清路上的荆棘，预见未来最好的方式就是亲手创造未来。   （部分资料来自网络，禁止转载）

「免费」的定价模式真的好吗？

免费，一直是互联网一路走过来一个比较大的噱头，免费的邮箱、免费的空间、免费的软件，免费的服务，以至于很多时间，我们都觉得，互联网上的东西，都应该免费，而那些收费的反而总觉的比较难接受。另一方面，越来越多的服务倾向于正版免费，而转从其他渠道获得收入，但这真的是「免费」吗？例如网络服务提供商（ISP）往往把盈利转嫁到实际物品或服务提供商身上， 因此真正意义上的「免费」几乎是不存在的（ 例如广告），但是实际物品提供商又把广告成本转嫁给消费者，结果是用户的线下消费在无形中为自己及他人的「免费」买单，这样看来，免费是不是一件奇怪的事情？对用户来说，这是好的模式吗？

我对免费与收费服务的区别和界限困惑过很久，然后看到了一句令我茅塞顿开的话：

“如果商家为你提供免费服务，那你就不是他们的客户，而是他们的产品”

 

看明白了这句话，再看那些免费服务，就豁然开朗了：谷歌和百度做搜索服务，使用搜索服务的几亿人就成了一个成功的产品，广告主花钱实际是在购买这个巨大“产品”面前的曝光率；

电视台做各种各样的节目争夺收视率，观众就是产品，用节目吸引人气并划分出观众的年龄、性别、爱好，然后同样将这些分门别类的观众卖给合适的厂家，让厂家在他们面前展示自己的商品；
但是如果你收看付费频道，那你就成了客户，首先不必被广告困扰，其次，电视台对你的态度从“吸引、分类”变成了“服务、满足”；

网游的免费玩家，只需要给他们一些很初级的乐趣就可以，然后通过对乐趣的限制，吸引他们中的一小部分升级为付费玩家（客户）。而大部分始终免费的玩家，实际是被打包成一个巨大的“陪太子读书”的团体，供付费玩家们杀戮、领导、指挥；而且，付费少些的人同样要陪付费更多的大太子们读书；

对大型商场而言，顾客不是直接客户，商铺租户才是，顾客实际是他们提供给各商铺的产品，招揽到适合商铺类型的顾客才是他们的目的。所以，找准商场定位、招揽合适的商家进驻、针对定位进行宣传、甚至免费冷气、班车、座椅、公厕这种小事，都是为了尽可能给商铺提供更多客源。

回到题目中来。免费是好事吗？这个无所谓好坏，免费是种商业模式，关键看免费的目的是什么。
如果希望免费用户升级为真正的付费客户，那就会提供有限的免费服务，同时采取各种方法筛选出愿意付费的用户，并吸引他们升级；
如果免费用户只是纯粹的产品，真正的客户是另一群人，那就会通过免费服务尽可能多地吸引“真正客户们”想要的人，筛选掉无用的；
如果两者兼有，就要分别考虑，如何能达到两者的平衡；如果营销方式有误，可能会赔了夫人又折兵。

所以说，某个免费服务好用还是不好用，大部分情况下取决于商家希望你们这些用户怎么做：
如果觉得不好用，但付费就能变得好用，那就是商家希望你付费；
如果觉得不好用，你选择离开，那就是说你属于商家希望筛掉的那部分用户：不愿花钱，同时也没有作为产品卖给真正客户的价值；
如果又免费又好用，那你和商家其实是各取所需的双赢关系，也正是他们期望的。

（部分论证来自网络，请勿转载）

2014 年移动设备界面设计趋势

如果你是一个APP狂热分子，你会花大量的时间在各种APP的尝鲜中，你会明显感受到一些APP在采用着某种风格鲜明的设计语言，来标榜自己的独特之处，行成自己的设计风格，甚至引领设计风向。去年我们关注到随着Metro设计风格的影响和iOS7的发布，APP明显都开始尝试扁平化的设计语言了，除此之外，还有哪些显性化的设计语言崭露头角呢？
在这篇文章里，我想分享一些日益显性的设计语言，让人一眼就记住它的风格，有一些已经随着优秀设计师的摸索，融入到国内移动产品设计里了，而有一些，确实是刚刚在萌芽阶段，需要更进一步的摸索和尝试。

 

一、唯一主色调 | Simple color schemes

为什么我们要定义一个界面多种颜色？仅仅用一个主色调，是不是就能够很好的表达界面层次、重要信息，并且能展现良好的视觉效果？事实上也正是如此，随着iOS7的发布，我们看到越来越多唯一主色调风格的设计，会采用简单的色阶，配套灰阶来展现信息层次，但是绝不采用更多的颜色。

卡塔尔航空公司

卡塔尔公司航空就是这样的设计案例，整个界面采用粉色的主色调，从标题栏到标签页，从操作按钮到提示信息，除了黑白灰之外，全部采用粉色设计，这种简介的的配色风格，反倒起到了很好的信息传达效果，也具有良好的视觉表现力，设计师在内容排版上的技巧实在是加分。

Readability采用红色主色调设计，连提示信息背景色、线性按钮和图标都采用红色主色调，界面和LOGO也完全是一个色系的。而Vivino采用蓝色主色调设计，信息用深蓝、浅蓝加以区隔。Eidetic采用橙色主色调设计，其中的关键操作按钮甚至整个用橙色提亮，信息图标也用深橙色、浅橙色来表达程度。
可以说唯一主色调设计手法，是真的做到了移动端APP的最小化（Minimal）设计，减少冗余信息的干扰，使用户专注于主要信息的获取。

 

二、多彩色 | Hypercolour

而与唯一主色调形成对照关系的，就是Metro引领的多彩色风格，为什么我一定要给我自己的产品定义一种主色调，多彩色就不能是主色调吗？于是出现了不同页面、不同信息组块采用撞色多彩色的方式来设计的风格，甚至同一个界面的局部都可以采用多彩撞色，也产生了不少优秀的设计。

优衣库出品的RECIPE，是一个让人眼前一亮的设计案例，多彩色的设计风格融入到整个APP中，不论是切换标签页，还是在内容组块中滚动，都会变更不同的主题色。色彩切换的时候，还会有淡入淡出的效果，让切换变得自然而然，完全不生硬。RECIPE的番茄钟计时器模块，会一边计时一边播放优美的美食背景音乐，同时切换不同的主体颜色，随着主体颜色的变更，所有的前景文案、图片也会变更为该色系，加上清晰度极高的美食图片，真的是视觉+听觉的双重享受。RECIPE真的是2013年难得一见的优秀设计。

而Peek Calendar、EveryWeather和Harmony这三个APP，是列表多彩色的设计案例，这种列表多彩色，不知道是不是从Clear开始再度流行起立的，用鲜亮的多彩色来区分信息，确实能起到突出的效果，视觉上极其醒目。

可是对于一些内容型的APP，也许并不适用，比如GoogleKeep的多彩卡片，确实是在内容阅读上会起到反效果。百度云记事本第一版设计也是多彩色的，但是后来考虑到文字记事比较多，为提供良好的文字阅读体验，还是把多彩色改成灰白色微质感的设计。

 

三、数据可视化 | Data Visualization

至于对信息的呈现，越来越多的APP开始尝试数据可视化、信息图表化，让界面上不仅仅是列表，还有更多直观的饼图、扇形图、折线型、柱状图等等丰富的表达方式。表面上看起来也不是很难的事情，但是若真想实现，背后的复杂程度也不容小窥。

Nice Weather用曲线图来表达温度的变化，Jawbone UP用柱状图来表达每天的完成情况，PICOOC用折线图来表达每天体重、体脂的变化。移动APP利用数据可视化，可以在更小的屏幕空间内，更立体化的展示内容。

 

四、卡片化 | Cards

卡片也是一种采用较多的设计语言形式，无法考究这种卡片的设计，是从Metro的tiles流行起来的，还是从Pinterest的瀑布流流行起来的。总之我们可以发现，Google的移动端产品设计已经全面卡片化了，甚至Web端也沿用了这种统一的设计语言，据说是Google搜索的体验负责人引领的设计语言统一升级。

luvocracy的卡片流突出信息本身，用大图和标题文字吸引用户，强化了无尽浏览的体验，吸引用户一直滚动下去。Google Now的卡片则更加的定制化、个性化。有的卡片是用来做用户教育的，有的卡片是用来告知天气的，有的卡片是呈现联系人列表的，有点卡片是显示待办事项的。不同的卡片都遵循在一个统一宽度和样式的卡片内，进行发挥和设计。既保证了卡片和卡片之间的独立性，又保证了服务和服务的统一化设计。Shazam则用一种趣味的卡片样式，呈现专辑和歌曲。

 

五、内容为王 | Content First

APP产品的发展，最终的路径势必会跟web产品一样，突出内容，内容为王，当繁华褪尽，纤尘不染，再重新去看APP存在的意义，不外乎是给用户提供更好的服务。与内容相比，所有的设计和包装，都不外乎是一种表现手法，而真正具有价值的APP，一定是内容取胜的。Facebook用190亿美金收购了Whatsapp，这个全是用统控件搭建的APP，并不是因为他的设计多出众，而是因为他的服务足够有价值。

Artsy的图片瀑布流，完全没有用到线和面来区分信息组块，而就是用内容本身做排版，用户可以更加集中注意力于图片内容上。Prismatic利用字体排版，尽可能的内容前置，弱化图标和操作，让用户更集中注意力于内容阅读上。而MR Porter则利用商品图片、名称和价格直接做设计，让用户聚焦于商品本身。

 

六、圆形的运用 | Circle Design

原形是最容易让人觉得舒服的形状，尤其是在充满各种方框的手机屏幕内，增加一些圆润的形状点缀，立刻就会增加活泼的气息，徒增好感。一个有意思的现象是，iPhone的拨号数字键盘，一开始都是矩形设计，迭代到iOS7，均变成了圆形，可以说是对传统电话的致敬，也可以说是增强了界面的柔和感。当然相应的，也要处理圆形的实际点触区域，不要因为设计成圆形点击区域也变小了，导致点击准确率下降了，美观度提升易用性受到了影响。

Beats Music把选择喜欢的标签设计成了圆形，这就比普通的列表、矩形tag的感觉要好很多，更加趣味更具探索性。Movse每天走的步数、消耗的卡路里均用圆形承载，是数据可视化、关键信息显性化的最好案例。Tumblr则把要创建的内容的类型选择，用蒙层+圆形选项按钮来设计，让选择变得专注而明确，又不那么死板。

 

七、大视野背景图 | Bigger Vision image background

用通栏的图片作为背景，也成为今年的一个流行趋势，或者是作为整个APP的背景，或者是作为内容区块的背景，既提升了视觉表现力度，又丰富了APP情感化元素。一些信息或操作，浮动在图片上。这种设计方法，对字体和排版设计要求更高，难度也更多，但极容易渲染出氛围。

 

大视野背景图风格也分为两种，一种像Secret、The Whole Pantry这样的，内容区块中采用大视野背景图，好处是可以利用图片做区块分割，难度是图片拼接后的效果不一定好看，所以可能还需要配合描边、留白等设计手段优化拼接。另外一种就是想Vsco、Flink、Mindie、Soundwave这样的，全屏背景图甚至打通状态栏，前景做内容排版、导航、操作。好处是设计非常具有生命了，所有有朋友把这种风格也叫有计划设计，说的就是回归大自然的设计手法。但风险也是很明显的，就是前景的信息排布设计其实是有很大挑战的，必经花花绿绿的背景太过于干扰注意力，导致前景的文字内容可读性会变弱。所以需要把重要操作用明确的按钮区隔出来，阅读型文字跟背景图要用明显的反色，还是不行的话就把文字浮在半透明蒙层上，解决可读性问题。
最后总结来说，2014年让我觉得印象深刻的7种设计语言，唯一主色调、多彩色、数据可视化、卡片化、内容为王、圆形的运用和大视野背景图。其实设计风格很难有全新的，也是不断轮回的过程，为凸现内容APP都在往轻薄化方向设计，不过保不准哪天，又颠覆回最开始的重质感拟物话设计呢。

详文请参见《elya：2014让人印象深刻的7种Mobile UI设计语言》