拟物到扁平,设计新纪元

本文节选自2014年10月的《程序员》杂志相关文章:

回顾移动互联网五年,如果要找出一家具有这五年特征的代表性公司,那么非小米公司莫属。

2010年4月成立,先期以开发Android ROM为主,后推出自有品牌智能手机,目前已经延展到智能家居领域,期间经历各种质疑,在同传统手机巨头的竞争中,走出了一条移动互联网模式的智能手机新玩法,不到5年,估值已达到100亿美元(截至2013年底),其间有哪些值得探究和总结的地方?近期,《程序员》杂志拜访了小米公司联合创始人、副总裁黎万强,一起就移动互联网这五年来的变迁和他对移动五年的感悟作了探讨。

我们聊的话题主要是围绕着设计和营销进行的。

拟物到扁平,设计新纪元

在移动互联网时代,大家更多是在提交互设计,由于终端同人的密切程度已从原来的坐在设备前到现如今的拿在手里,所以交互设计取代了设计,成为新的话题,扁平化是移动互联网目前交互设计的新趋势,不论是iOS、Android还是Windows Phone,都在让其设计框架趋于扁平,从图标到交互一切都在压扁。

《程序员》:你从2000年开始担任金山的设计师,到现在已有14年时间,可以说这14年也差不多经历了传统软件、互联网软件和移动互联网三个时代,在你看来,这三个时代,在产品设计与用户体验上有哪些不同?

黎万强:其实对这三个时代来讲,最直接的有几个变化,第一是整个设备中心变了。传统软件时代和互联网时代,都是以电脑为中心的。更准确地说,软件时代纯粹是PC,到了互联网时代则变成了“电脑+Internet”;而到了移动互联网时代则是“手机+Internet”,网络接入方式也由Internet变为了“移动通信数据+Wi-Fi”。从设备层面来看,我认为是屏幕变得越来越小,信息传递的速度却越来越快。这里在设计上所带来的最典型的变化就是所谓的“扁平化”。

其实,扁平化两个层面的变化:第一是在视觉图形上;第二是在信息结构上。视觉图形很容易理解,就是把这种拟物化的3D视觉风格给“拍平了”。信息架构包含的意义更多,传统软件追求大而全和功能的层级,扁平化以后意味着整个层级架构被“拍扁了”,只有单层。这一点主要是由于设备屏幕变小,以及信息传递变快所造成的。在获取信息内容时,其实今天大家的兴趣已经过溢了,因此在对信息的认知上,希望越快越好。

《程序员》:如果把时间缩短,只看移动互联网时代,产品的设计理念是否有遵循上述变化?

黎万强:可以这么说,首先移动互联网准确地讲是从2007年左右开始慢慢冒头,UC是个很典型的代表(大家开始在手机端用UC浏览器来上网)。当用户开始在手机上上网和通过电子商务来消费时,移动互联网才真正的起来(最早UC实际上是做了一个最简化的格式重组浏览器)。

到了2007年、2008年,Windows Mobile进入了大家的视线。后来到了2010年,Windows Phone的Metro UI可以算是扁平化设计的鼻祖,后来这种设计被从Windows Phone上移植到了Windows 8的设计中。现在,无论是苹果的iOS 7还是Android体系,都逐渐接纳了扁平化的设计理念。所以,不得不说扁平化是移动互联网近五年来发展中的一个最重要的关键词。

《程序员》:你上面提到,扁平化不仅意味着UI界面上的扁平,还意味着“信息结构”的扁平,这一点是否可以详细解释?

黎万强:移动互联网时代的用户习惯小而美的产品,一个应用如果让用户的点击超过三个层级,用户会非常反感。因此,如果你想在一个应用中去集成更多功能时,你的产品的层级往往会超过三层,比如拍照或视频分享功能,这样一来,你可能需要将这部分功能独立成一个新的App。究其原因,是因为移动互联网更强调个性化消费。这就意味着,你的应用面对的人群是窄众的、是很精准的,要抓住这些用户的心,就要让用户短时间内了解你的产品。这背后不是由单纯的某个厂商发动的设计浪潮,而是用户的消费心态发生了变化。

被动到参与,营销的新趋势

小米每18个月为一个新的阶段:小米1发布前低调酝酿产品是第一个阶段;专注做MIUI及小米1发布后是第二阶段;专注做发烧友品牌和红米的发布,则标志着小米进入了第三个阶段,也就是大众消费品牌阶段。“米粉”文化在这三个阶段中一直持续,小米甚至把每年的4月8日定为米粉节。黎万强通过《参与感》这本书,对外解读了小米是如何同用户进行沟通交流的。参与感不仅道出了小米在产品设计、研发、营销和服务中的精髓,也体现了它在移动互联网这个特殊的时代所独有的地位。

《程序员》:你新书《参与感》中提到,参与式消费是未来的一个主要趋势,这是说它适用于所有移动互联网的产品/服务,还是仅限于某一些特征的产品/服务?

黎万强:它适用于所有的移动互联网产品/服务。举个例子,比如我们在讲参与感时,希望一个公司在做产品时,可以尽量把你的所有产品环节里所有能够开放出来的节点给开放出来,包括研发、市场、销售、服务,让用户能参与进来。其实,你可以把这种思路理解为营销,也可以理解成是产品,其实它们已经浑然一体了。一旦你让用户参与进来获取他想要的再创造,你会发现“参与感”变成了一个消费的过程。因此,参与感这个理念,不仅局限于小米这个公司,也不仅局限于互联网和移动互联网,它真的是一个时代的关健词。

《程序员》:参与感这个理念在小米具体是如何实现的?

黎万强:主要就是在研发、市场、销售、服务等过程中,尽可能地让用户参与进来。比如研发,最典型的就是MIUI的每周更新。在市场销售方面,我们每周的开放购买,本身这个过程也是参与感很强的过程,用户要先来预约,预约完后还可以晒单或分享。当然我们也会通过一些活动来激发用户的积极性,比如2014年6月我们做了一个叫“服务点赞月”的活动。以往厂商在做服务点赞月是什么概念?用户依靠厂商或抽样数据来判断哪个服务最好,哪个服务商最好。而我们是由用户来投票,全部将数据也都开放在网站上。强调参与感,其实就是强调全员客服。这样一来你会发现,每一天、每一刻,你都有机会通过微博、米聊或论坛来跟用户互动。

《程序员》:参与感这个理念在你脑中第一次划过的时候,是什么时候?

黎万强:这种感觉是在做MIUI的第一个项目时就有的,“参与感”这个词是这两年才总结归纳出来的。当时我们的想法很朴素,就是把MIUI做成一个能让用户参与改进的系统。因为MIUI是一个系统工程,而非单纯的App,所以我们真的要依赖群众的智慧来做好这个系统。

《程序员》:如果用一个关键词来回顾你在小米的这5年,你会选择哪个?

黎万强:还是四个字——保持热爱。我认为,所谓小米的价值观,就是“真爱”,真爱的拆解就是“真诚”和“热爱”,这是小米核心的企业文化。(《程序员》)

时间: 2024-11-13 14:23:03

拟物到扁平,设计新纪元的相关文章

游戏网页设计:拟物还是扁平?

  小日:游戏网页设计的扁平化设计从13年的设计潮流发展到如今的设计趋势,在网页设计中已经应用广泛.相比于曾经成为主流的质感化网页,这两者之间带给用户的体验变化究竟有哪些?以下我们来谈一谈. 扁平化设计为何如此受青睐,因为其有着明显的优势所在.扁平化设计摒弃过多复杂的修饰,以最简单直白的方式传递设计所要表达的东西,因此设计会更加注重功能化,通过明显的颜色方案与排版上的设计,来减少不必要的视觉设计要素对表达内容的干扰. 如我们看到的上图,设计师通过颜色的设计,合理的布局,通过对用户行为的研究,来减

苹果iOS 7抛弃拟物采用“扁平化”设计?

硅谷网6月5日讯 据国外http://www.aliyun.com/zixun/aggregation/31646.html">媒体报道,随着2013年苹果 全球 开发者大会(WWDC)逼近,苹果即将推出的最 新移动操作系统iOS7也备受关注. iOS7今年最受注目的议题是:拟物设计(skeuomorphism)是否会随着苹果前iOS主管ScottForstall离职而消逝?被评价为沉闷的iOS交给以"极简设计"闻名的设计总监JonathanIve主导之后,能否焕然一新

拟物VS扁平?请别终结这个话题!

  扁平与拟物两派之争,从来都是话题之王,今年扁平化势力越来越强盛,于是有设计师喊出这个话题该终结了.现在拟物是华山剑宗一脉,虽然气象衰微,仍有老罗这个风清扬在坚持,今天令狐冲@牛MO王涵 小哥为其正名,孰对孰错不要紧,争出个美好就行. 差异化 关于历史和演变问题,我不能给予定论,也无法揣测古人们的思想.就像三国演义里描述的刘备大善,张飞莽夫,然而,如果事实上真有这样的人物,他们真的是这种性格吗?这不是故事的描述吗?也有野史说张飞书画文笔非常了得,因为故事需要才设定这样的形象而且愈演愈烈.在我眼

拟物与扁平之间:Google的新设计理念Material Desi

摘要: 当主管Google搜索界面的设计师Jon Wiley看到Google Now的卡片式交互时,他忍不住问道,当我滑动卡片的时候,他们下面是什么东西?这个听上去有些天真的问题启发了Google主管设计的副总裁 当主管Google搜索界面的设计师Jon Wiley看到Google Now的卡片式交互时,他忍不住问道,"当我滑动卡片的时候,他们下面是什么东西?"这个听上去有些天真的问题启发了Google主管设计的副总裁Matias Duarte,也为Google未来的设计标准打下了基础

photoshop设计拟物风格的iTunes图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计拟物风格的iTunes图标的制作教程. 教程分享: 今天的iTunes图标是一个非常经典的icon,不过现在你们看不到了.现在的版本只能说是走火入魔,推崇扁平化,说它漂亮也谈不上,说难看也不至于~ 下面是我完成的效果图,不过我对它的外轮廓作了一些恶搞性质的变化.这个外形介于正方形和圆形之间,它跟圆角矩形不是一个概念,迎合了现在的"审美观":   下面开始制作过程,首先我百度了一张原图作为参考-   新建一个1000*1000

绘制设计美工刀拟物图标UI教程

  绘制设计美工刀拟物图标UI教程,绘制精美实物美工刀,UI来于生活,绘制于生活,绘绘绘,画画画,练练练 分类: PS入门教程 ps图标制作教程

终结拟物化与扁平化之争!

  其时的中国,正被各种社会问题所困扰,也引发了学界对于各种"主义"的主张.针对这些主义,胡适阐明了自己的态度 ---- 现在舆论界大危险,就是偏向纸上的学说,不去实地考察中国今日的社会需要究竟是什么东西--某种社会,到了某时代,受了某种的影响,呈现某种不满意的现状.于是有一些有心人,以这种现象,想出某种救济的法子. 这是"主义'的原起.主义初起时,大都是一种救时的具体主张.后来这种主张传播出去,传播的人要图简便,使用一两个字来代表这种具体的主张,所以叫他做'"某某

页面动效能否拯救扁平设计?

  动效现在是扁平化身边的大红人,哪里都有它的身影,动效能否为扁平化增光?设计师有什么利器可以绘制动效?昨天发现一篇好文,关于这两方面都有实在的干货分享,建议同学们当机立断,先转后赞,特别要记得看. 作为一个网页设计师,我们需要努力让我们的技术与技巧与时俱进.我们不用追随每一个时代潮流(比如长投影),但是我们的确需要随着网络的发展与成熟,不断学习并提高我们的技巧. 网页设计产业最近开始火热的新发展之一便是动效,越来越多的公司在他们的应用和网站中放入动效以取悦用户,从竞争对手中脱颖而出以及提升产品

PS 30分钟拟物图标速成记之网球篇

  先展示一下整体效果图和两个细节图: 绘制网球基本雏形 首先新建一张纸. 宽:1600px 高:1200px 分辨率:72像素/英寸 名称:网球-test 添加画纸背景色. 点击选色工具中得前景色工具,输入色值 e6efd4 绘制出网球基本圆 先点击前景色 ,色值:90bf00 然后点击圆形形状工具 , ps界面上方属性栏显示如下,宽:800px;长:800px; 在屏幕中心创建圆形形状,图层命名为绿毛毛层,右下角为图层状态. 为绿毛毛层添加图层样式,使用颜色渐变,绘制出网球大概的体感,光感.