主持人：谢谢李龙！很巧合我们百度云的也是六度风潮，接下来有我的同时MUX的设计师，也是上海MUX的负责人简驾给大家带来非常精彩的分享！

简驾：王心磊是我很欣赏和佩服的设计师，我知道他最开始是做蛋壳对他有所了解，第二次感到镇静的地方是他画的画，他的设定我一直很喜欢，我把他网上所有画的画都看过一遍，我知道他是从微软到FLOK，到ARK，成立了自己的公司。开始之间让我自我介绍一下，其实我叫简驾，目前百度MUX，目前担任的是交互设计师。最主要的是百度输入法和百度手机浏览器。

               简驾（百度MUX资深交互设计师）

今天我给抵赖的设计功夫，这个想法产生的是前期有一个电影，我想你们都看过，叫《一代宗师》，因为我是设计师在这部电影看到更多是和设计相关和行业相关的关联。

念念不忘，必有回响。其实这是电影当中很经典的台词，相信在座各位都看到过听说过，其实这句话最早说的是佛语，就是和尚里面嘴里说的“南无阿弥陀佛”，只要你经常这样念佛祖会感受到，会为你带来相应的福报和修行，其实对设计师来说有一种执念，这样的话才能产生驱动力，让你不断去探索更深奥的一些东西，或者不断挖掘你内在的一些潜力。其实这个东西就像你心中的念想，比如说你喜欢一个异性，当你心里面有喜欢他这个念头的时候才有表白的行为，最终能够在一起，也有可能不在一起，如果你没有这样的念想在一起几率是零，所以产生这样的念想会产生相应的行动，会得到相应的结果，这个就像链条一样。比如说我，之前是在一家比较小的公司，最早做机顶盒，做数字电视，最早面对的用户是各个城市的运营商，我主要面对的客户就是城市的用户，其实用户有限，比如说今天完成一个设计，可能在一年和一年半之后才能在深圳、合肥、长沙看到这样的产品。我那时候心里就有一个念想，我想做让更多人使用的产品，或者人更多人感受到我的设计，这样一种原始的念头迫使我不断磨炼我设计的技法和不断学习一些设计离鸾，在适当的时候加入了百度，加入了MUX，这是对我念想的反应和反馈。

接下来是保持初心，我想问在座的设计师，你是否还记得第一次完成设计作品的激动，或者那种让你们愉悦的成就感？或者反过来问，现在你们再做设计的时候，是否还能保有那样的一种态度或者那样的心态。我还记得和我女朋友第一次拥抱，这个是真的，我记得第一次和我女朋友拥抱很激动，让我全身都颤抖，所有的毛孔都打开了，那是一种很兴奋的感觉，但是随着时间的流逝，慢慢和她接触的次数增多，我发现再牵手的时候已经没有那种愉悦，或者拥抱她的时候已经没有激动，是不是我们在这个过程当中丢失了一些东西。可能丢失的就是我们最初的态度，当然对于异性来说可以买点道具增加气氛，但是作为设计师我们要增加我们的心态，保持状态，让我们的心胸打开这样才可以接受更多新鲜的事物。

宁可一思进，莫在一思停。这个是其实是拳法当中的拳理，如果在拼斗的时候不能很快的击倒对方，你要让自己处于一个有利的位置。其实设计师所在的互联网是一个日新月异的行业，每天都在发生改变，每天都有新的东西出来，不可能一直停留在一个状态，以前我们知道web端很好，很多视觉设计师等等都对这个很多兴趣。后来基于智能家电和汽车，作为设计师的我们是否准备好了？另外就是我们做产品设计的时候其实也是一样，就是肯定在座的各位收到过这样的需求，比如说PM或者你的主管告诉你说把我们的产品做得跟竞品一样，在作为设计师的你在没有思考的时候，只是延续竞品的设计，已经被对方影响了。功能的设定和产品节奏都可能被别人牵着走，这些都需要设计师需要深入的思考，并且每个人设计师应该寻找自己的方向，树立自己的风格，如果你永远去追随别人的思路跟在后面，只能下沉。

勉强求全，等于固步自封。其实每家互联网公司都有自己的特色，百度强于搜索，腾讯强于社交，阿里强于电商，大家多百度做电商失败了，腾讯做搜索也没有太大的气色，我相信在座的设计师你们每一个人都有自己特别擅长的方面，可能你善于画icon，有的设计师善于做页面，有的设计师就擅长做交互，如果你让一个擅长做写实图标的人画手绘的漫画，他们可能可以去做，但永远没有做到最好。如果设计师追求全面的提升，比如说我又是交互，又想做视觉，同时学学AE，做做视频，还要涉及管理，可能得到的只是一个平庸的设计师。产品设计方面也是一样，当有需求或者说你的PM、你的主管希望你去做一个大而全的设计的时候，或者说这个项目定义就是大而全，他就是一个平庸的产品，没有让用户印象深刻的特点，没有自己的特色。我记得在早些年在行业内职位的划分没有那么细，不去分视觉、交互、用研，我记得上家公司里面的团队里面我希望每个人都可以成长起来，独当一面，能文能武，我们也设立了一些激励机制，但是试运行一段时间之后我们发现喜欢做视觉依然做视觉，喜欢交互还是做交互，如果以这种制度强行推动的话适得其反，可能就是因为如果你勉强求全，对设计师来说就是固步自封。

悟，这个字左为心，右为吾，字面上理解就是用心去体会，用身体去感悟。我在工作当中发现有些设计师有很丰富的理论和知识，有很好的知识储备，但实际工作当中没有办法很好的应用，最终做出产品缺少一点点灵性，反之有很多的设计师有很多的丰富经验和实际的需求，只要说一个需求就可以很得心应手的做得很好，并且做得很漂亮，并且做出来的产品不错。其实对于这种设计师，我觉得它已经领悟到了自己的设计方法，已经拥有了自己的设计体系，其实就像刚才李先生所有的，设计师其实就是手艺人，手艺高低需要打磨、练习的，另外还有一个就是我们在做产品的时候，往往设计的过程是从无到有，大多数过程在脑海里形成的，最终产品出来时候可以去比对，比对实际出来的产品和脑海中的设计存在多大的差距，如果发现差距很大或者说做出来的产品不太好用，或者问题很多，不好意思，你还没有开悟，还没有拥有自己的手艺。但是你发现这个差距和你最初的设想差距比较小，或者做出来之后每个人都喜欢去用，反馈也不错，恭喜你，其实你已经领悟到了属于你的设计师的手艺。

在之前一段时间，我一直认为自己是很好的设计师，但是后来我才意识到，我不一个很好的设计师，我甚至是一名糟糕的设计师，一个好的设计师不是好设计师，为什么呢？就是当我自以为是一个好的设计师的时候，我已经没有办法去接受新的事物，我没有办法去接受新的设计方法，我甚至没有办法去接受别人对我设计的质疑，当我意识到这一点的时候我觉得很可怕。过了山，眼界就开阔了，这里所指的山其实就是你自己已经固化的思想，固化的私欲，我相信在座的各位设计师去看自己两年前或者三年前的的设计，如果觉得面目可憎，说明你已经成长了，如果你觉得之前的设计和现在的状态挺顺眼，可能你觉得在某一个状态待的时间太长了。我们需要定期的不断去抛弃对原有事物传统观念或者传统的成见，就是在产品上面、产品设计上面其实也是一样，手机刚被发明出来就是定义为打电话和发短信的工具，但现在已经成为了个人的移动终端，传统的眼镜也被谷歌改良为谷歌眼镜，传统的手环也变成了记录你健康的工具。

要有容人之心，但凡见不得别人好，就没有容人之心。设计师可以有傲骨，但不要有傲气，因为这样会伤到别人，甚至有时候会伤到自己。但是我发现贵圈有一个非常优良的传统，就是“相亲”，不是传统之间男女搞对象，如果你把一个设计给一个设计师，他会觉得还可以，我也可以做。对于视觉设计师可能还好，你的手艺怎么样把作品拿出来，大家看一眼，技法上、境界上就可以知道，交互设计师怎么拼？拼流程、拼为客户解决了多少困难？我小时候看武侠片一直对“忍者无敌”有误解，我觉得这个人很无敌，后来我慢慢目前长大了才知道忍者是具有容人之心的人，身边的人都是你的朋友，不需要在微博里指桑骂槐，作为设计师我们其实需要有一颗谦虚的心，贵圈很小，就是在圈子里面的人是设计师都知道，你说我认识A，B你也就认识了，因为贵圈很小，口碑传播很好。

面子与里子，其实最开始我是想讲另一个层面，今天就换一个角度，其实是指设计师两方面的能力，一方面是对外展示的能力，另一方面可能就是指你的手艺，你的实际的能力，设计师其实都具有很强的个性和性格，他们在这两个方面有所偏向，有的设计师有对外展示的能力，有的设计师会看重里子和实际的能力，我以前比较看中里子，我觉得设计能力强就是好的设计师，但随着时间的发展和自己的成长，我发现这个观点不太对。我有一个同事，我他的视觉设计很强，他做出来的东西很漂亮，但是他每一次把设计做完把设计打成一个压缩包发给相应的评审者，发给PM和开发人员，因为设计是在压缩包里面，评审们拿到这个评审包，他们会以自己的观点去理解，就导致在评审会议上每个人都有自己的观点，七嘴八舌在讨论同一个事情，你会发现不对，所以在这个时候我是建议他能够为他的设计稿一些小小的对外展现，也就是我们俗称的一些包装。这些东西就像城市里面的路标，或者是像地铁当中的引导指引，这样的话才能让他们更好的或者是沿着你的设计思路在理解你的设计，其实你只需要把你的设计思想、尝试过的方向做一个简单的阐述就可以了。另外还有一些设计师就更偏重于对外展现的人，对于他们来说我觉得就更需要磨炼自己的手艺，这样别人才会觉得你有更效率，更有料！

我的分享就到这里，谢谢！

主持人：感谢简驾精彩的分享，非常有内涵，都侧漏了！

与会者：你好，简驾大哥！我在知乎上看到，一查，原来知乎上就是你，今天听了过程中还是有一些新的思想新的火花，我是想问一下，你刚才听到机顶盒公司，到现在是上海百度MUX的负责人，刚才那些是思维上的事，你自己一路走过来发生在自己身边的事简单聊一下？

简驾：这三十多年发生在身边的事很多。

与会者：就是从机顶盒百度MUX的事很多。

简驾：比较重要的事，加入上一家公司，认识我女朋友，然后辞职，加入MUX。我知道你想问怎么慢慢成长起来，随缘吧！其实我上一家公司待得时间差不多快六年，我接触数字电视这个行业也很早，因为在六七当中发现很慢，与互联网相比真的慢太多了，我们到今天为止有很多数字电视、很多机顶盒还是用很传统的摇控器，是用红、蓝、黄、绿的键，这个用户体验不是太好。我做了很长时间去找回我的初心，希望找到更多让用户使用的产品，让更多人知道有我这样一个人在为他们进行设计，就像我们的百度手机输入法破亿，我觉得百度手机浏览器几百万，我很享受这样的过程，不需要管很多很烦的事情！

主持人：刚才这位同学的问题我想补充回答，首先要成长为设计师，首先要活好，像我们简叔他做了很多很多项目了，在项目中磨炼出来的设计技能肯定是不不容置疑，然后才能成长为我们百度MUX上海团队的负责人。最后一个分享是由ThoughtWorks张玳带来的，在传统行业中应用完全响应式设计。

张玳：刚才在听的过程中有一些感想想谈一下。我是ThoughtWorks设计师，我们是一家咨询公司不是做设计的，我们分享的案例是客户的案例，我们是2009年才成立的，投胎于我们的业务团队，刚才几位都是大牛，今天比较惭愧。今天给我的感觉就像在真理的沙滩上捡贝壳的小孩。

              张玳（ThoughtWorks体验设计师）

刚才Ark Design王老师讲了很多做了很长时间花很多钱做玩具失败的过程，我想这种新的方法可以有一个名词可以把它结合起来，如果大家对王老师话题比较感兴趣可以搜一下话题。刚才王老师讲了自己开模花了很多钱，结果才发现有问题。现在有了3D打印机可以更快的帮我做迭代。第二个刚刚听到有位同学说觉得设计是要不停打怪升级的过程，我个人觉得对齐、归类，少用颜色就解决80%的问题，所以它其实没有那么难，剩下的20%就比较那么复杂。接下来来讲我们今天要讲的话题。

今天要讲的是设计的理念，叫做响应式设计。首先是两个部分，第一个花一点设计讲一下什么是响应式设计，它是从响应式建筑来的，什么是响应式建筑呢？假设有一栋房子，到了完善之后发现暗下来了，就可以自己把灯点亮，如果有人进屋之后，里面的会打开外面的灯会灭掉，如果感觉很冷，可以给你供暖，把它用到web上面就是响应式的设计。所有人想做响应式设计的时候，就是想把所有的东西拿出来去砍，就像灰姑娘的姐姐去试水晶鞋一样，但王子想得一定是合适的灰姑娘。

今天的响应式设计分为三个步骤，这个也是我个人的一个看法，响应式的设计只是一种方法，它真正要解决的问题是传递给客户和用户，最核心的东西是内容。（PPT图示）这个是一个花生，不知道大家能不能联想。我们需要考虑的是最基本对内容的包装，这个是移动先行。第三步才是逐步的响应，现在大家已经看出来这个是一个M豆，这个图式是借用下面这位朋友的。我们来详细看一下三个步骤，首先是内容架构，很多人会在这个步骤犯一个错误就是想使用场景，其实我们不关心使用场景是什么，主要是关心的是内容之间有没有重复的部分，我们经常不从内容开始，内容是一个最抽象的都是，我们如果不从内容开始，从一个内容他说了两次，其实内容架构就是把重复的部分减掉，注重他与内容之间的内在逻辑，怎么样分组怎么合适，怎么样分才最符合内在逻辑。

我们要谈的是一个保险公司，这是我们整理出来的内容架构，有产品，产品分为几个部分，比如说个人保险、商业保险和人身保险，下面又分很多不同的类型，有自己的品牌，品牌旁边还有宣传的内容，所以今天我们主要关注的是最右边的宣传活动，这里把它整理了一下。它的产品活动分为名称、折扣率、宣传语、介绍、特点和必备的法律条文，折扣里又变化了产品利息率和对比的利息率。这个内容架构整理出来之后我们就要看什么是移动先行，因为移动端泛泛来讲是最简短的东西，在移动端我们会单列布局，可以之前把内容架构对应过来，还有就是我们在这个步骤会决定我们设计的最小宽度，这个就是比较技术化的一个东西了。然后我们看最后一个是移动特性，移动端有一些移动的特性，这个也需要考虑到。再来看刚刚的，刚刚的内容架构整理出来是这样一个样子，其实一开始不是这样子的，首先是名称，然后是折扣里，宣传语，介绍，特点和法律条文，我们把折扣率提到很快高的位置，因为是单列的非常简单，就是这样子，加上页眉就是一个完整的页面。这个我们页面决定为300，这个要看个人的决定，这个要支持你的设备，出来的效果大概是这样子。我们可以看到最上面是它的名字，0.90%是每年的折扣率，接下来是打电话的按纽，后面是一些功能列表，法律条文太长就隐藏掉了，这个就是第一个页面，也就是移动端的一个页面。

移动端之后就要逐步的响应，首先是设计决定宽度，现在响应式设计有一个问题就是针对某一些设计调整宽度，因为我们本来用响应式设计就是为了避免我们和任何一款设备绑定，但现在如果在这个步骤把某一个设备绑定就又倒回去了。其他还有就是设计决定了宽度之后，然后去考虑了一些特性，比如说会不会有一些特殊的颜色，或者是颜色的对比等等。还有就是考虑特殊的使用模式，比如说在Ipad上面有手势，手机上面有一些特殊的手势，在这个地方需要考虑到。怎么样用设定决定宽度呢，我们把它拉长，拉到某一个地方发现布局无法支撑的候，就需要针对宽度进行一个设计。我们根据个网页的特性找到了两个个性崩坏点，就是460和760，因为这样就让设计没有有好处了，宽度过于大了之后就会出现看的时候需要扭头来看，虽然说乐视的朋友提到了用户买了那么大的屏幕，又不把内容占满，但万一把内容占满了，需要扭头来看也是一个问题，这个问题也要考虑到。这个地方是一个产品的宣传页面，所以说刚刚看到的内容并不是特别多，所以我们把最大的宽度决定在1024。再来看高DPI的设备，很多时候这种设备的兼容性非常强，没有必要专门设计，如果在这个设备上出现一些问题，就需要做调整。因为我们做的类似宣传册的网站，如果你的网页特别多就要特别的考虑，还有就是单色的设备，也是非常重要的渠道。

还有触屏式的操作范式，最大的接触是多大，如果在手机上接触的字号会大一点。还有就是我们要兼容色盲和色弱，有时候有些行业要求全部可以兼容，特别是在做一些国外的一些项目时会接到这样的要求，比如说美国的政府要求所有的政府网站可以兼容两种以上的色弱，在上面可以专门模拟三种不同的色盲看到这个画面的形式，大家都可以下载来看一下，这个名字我忘记了。然后在这个时候我们需要考虑不同的使用场景，因为这时候我们的页面已经非常封面了，我们要考虑页面使用的不同的场景，如果我们可以侦测到用户的感光、环境光，就可以调整我们的页面颜色和对比度来适应用户的使用。最后的最后的才是润滑的一些效果，比如说动画、特效，因为这些东西是可有可无的，任何CSS的东西，任何用颜色加上去的东西都应该是可有可无的，如果它没有了会你的设计产生非常大的影响，以至于用到用户的使用，就是设计的本身，而不是润滑，在任何时候用户都可以得到内容而不被润滑效果所干扰。所以当这个页面做到第二个崩坏点的时候，这个就是完整的页面，我们会发现差距很大，比较详细的数字也展现出来，我们会在手机上会直接推荐一个电话号码，如果是比较宽的屏幕，可以很方便的键盘进行输入就提供这样的输入方法。大家可以看下面的解说一个功能的列表全部都变化，我们若加上Icon让用户更好的区分，把横起来的布局也改成了竖着的布局，让用户更加适合阅读。

接下来是另外一个例子，就是进去后的一个表单，我们是按照300像素来设置，比如说填名字或者是邮件地址的标杆，我们是没有提示的，我们直接把它放在框里面，因为空间很宝贵。（PPT图示）这是比较宽的效果，我们把可选的填表的项也拿出来了，在最小的界面面没有可选的项目，这个地方输入的范式也不一样，大家可以看到小的地方是类似Iphone的范式，接下来就是一个比较好的点击范式，这样就最大限度利用好了屏幕的问题。

大概就是这样的分享，非常简单，如果大家有什么问题可以提问！

与会者：其实我听了之后，比较响应式设计比较新，在做了一些项目之后有一个问题比较难解决，因为安卓各种大的大、小的小，还有刚才您所有些用户的屏幕比如说是显示器，有的可能还是比较小的笔记本或台式机，怎么样根据产品设置崩坏点，还有就是说这个崩坏点有没有最大值限制？

张玳：响应式的设计就是为了适应所有的屏幕，它本身就可以适应所有的屏幕，那时候要做一些小的处理，但绝对不是根据设备来决定崩坏点，只能通过设计来而来。如果你的设计是好的，它应该是可以自己适应不同的屏幕。就刚刚展示的是几张静态的图片，如果是看那个网页，我们只用了三个崩坏点，我们针对Iphone的字体进行了修改，我们办公室所有的手机，包括苹果以及其他的手机都可以使用。

与会者：但是在考虑适应屏幕的时候，对于崩坏点的设置，还要兼容里面对用户一些操作的设置，比如说你讲话讲到对手机来讲表单的隐藏，并不适合触屏去填写，当设置成640以上更适合用鼠标去交互的尺寸，像您刚才说的崩坏的点是由设计来决定，这块就有一个问题，比如说我们之前的1024只针对电脑屏幕，对于鼠标交互，现在对于平板电脑1024也很常见，甚至比这更快，像Ipad2、3还是有问题，这个适合鼠标操作，但是我的用户可能有一半甚至三分之一是用平板触摸的形式，他的交互又有一种问题。

张玳：如果你要检测它是用手势还是触摸，这时候还是要针对不同的设备来看，如果那个设备操作起来真的有问题，这个要针对设备做处理，已经不是样式的范围，应该是如果操作的范围，就涉及到一些处理，比如说能不能得到这个信息或者是逻辑，比如说要用触摸来做也是润滑的。

与会者：可以建崩坏点设几个吗？

张玳：这个没有，这个取决于设计，如果设计需要的话就多设，让它适应的话就自动适应，应该是越少越少！

主持人：谢谢张玳，谢谢大家！工作人员我们的礼品发完了吗？我们再给最后一个机会给最后一个问题给最后一个人。

与会者：因为我特别喜欢传统的东西，他刚刚讲到了传统，我觉得在交互设计当中为什么不融入一些传统的文化，传统的才是世界，怎么样把我们的传统文化和交互设计联系在一起？

主持人：好问题。在场的嘉宾可以回答。

王心磊：这个问题是这么想，要想问传统的东西设计真的是传统的方法，要为所有人设计一定要所有人，如果是西方人就一定不能用西方的方式，所有像刚才彦风老师设计的传统的东西就是传统的方法，其实这个问题如果只是面对中国人，但我们现在的手机为所有人设计，中国人、外国人，必须要达成这样的。

与会者：我不赞同你的观点，并不推广，而且我们是要提取其中的灵魂，不是说一个形式而已。

王心磊：你说的这话也对，但要分看什么东西，就像外国人不懂绿帽子，但我们懂。他们好坏所用

与会者：我们的职责是让他们知道，设计师就是为笨蛋服务，他们已经开始认识到这件事了。

王心磊：我觉得你不能把件事强加给他，不是说世界就给他们。

与会者：我们通过设计传达这种理念，不是强加，所以需要设计师。

与会者：你刚刚提到要用合适的方法，美国为什么可以向麦当劳传向世界。

简驾：我回答一下，因为在我眼中，交互的原则和理论其实没有国界之分，你看到1仍然是1，1加1还是等于2，这个是没有外国、中国之分，顶多在视觉表现层面，就像刚才彦先生做的明清家具的展示，更多是视觉的层面，更多的是引入中国的元素，而不是说交互是中国的，这个东西应该是没有国界之分，可以把这个东西做得很中国，但是如果把一个交互做得很中国。

与会者：中国的就是中国的，外国的人就是外国的，我的东西是我的，你的是你的，中国和其他的人东西不同，就是像国外端午节不是我们的，抢占我们的节日一样，我们就应该把中国文化告诉别人文化，纵然是世界的，还是中国的。

简驾：这个时候就不在一个层面上讨论，这个是文化层面，但我们可能要回到最基础的交互。这个交互有没有所谓的中国式交互和美国式交互，德国式交互，和英国式交互。

更多精彩，关注2013中国交互设计体验周官网：http://ixdc.org/IxD2013/

回复所在城市的大写首字母即可查看对应城市的展讯（例：广州回复GZ即可查看）。

目前开通的城市有：广州 上海 北京 成都 深圳

相关阅读（回复数字即可查看对应资讯）：

13.《先行动，再研究》

14.《导航设计中的信息结构》

15.《展望2025：决定未来经济的12大颠覆技术》

16.《揭秘：情设营销之提高转换率》

17.《Flash真的适合做网站应用吗？》

18.《首页设计的可用性和PET》

喜欢本文请点击右上角将文章分享到朋友圈或者发送给朋友。

未关注用户点右上角查看官方账号，点击关注！

关于我们：

IxDC（微信号：ixdcorg）：致力于引领中国交互设计行业行业发展，每天发布设计类资讯，让你快乐收获新资讯。