前平安科技PDC高级交互设计师李雨晨：产品UI设计快与慢

再往下拆分，框架就是这样，这个就是产品经理脑子里的东西，这边是到用户的东西，中间还有这样一个过程，可能是UE的同学来做，也可能是UI的同学来做。你懂跟不懂，是有天差地别的关系。可能跟产品经理沟通的时候给他看这个，他说这个是我想要的。如果给他看这个，如果框架不是这样的，他会说这不是我想要的，他可能会提出一些别的问题，比如我觉得这个文字排得不是很好看，或者icon不是很好看，不是我的风格，或者导航不对。但是他可能没有想到这是信息架构的问题。懂的产品经理会点出这样的问题，但是有的产品经理不懂，刚毕业的产品经理跟刚毕业的UI设计师有什么不同？没有什么不同，可能还没有UI设计师会做，因为UI设计师可视，他做出来的是可视的，但是产品经理做出来的东西是不可视的，就是一个文档甚至没有文档，怎么办？我们自己做，从信息框架层到低保真到高保真，这样一个过程。

信息架构总的来说不是我所说的这么简单的东西，我只是举个例子。如果有兴趣的话，可以详细了解一下信息架构到底是什么东西。我只是把它拆分成UI设计师常碰到的一些问题。

再聊聊团队，快跟慢有时候不是我自己的问题，可能跟整个团队有关。UI在团队中是什么样的情况，我们聊一聊。这有一个图，可能很多大师或者很多分享嘉宾都会用到，我也用一下。我会有些不同，讲的是这样，用户体验五个要素，我们把这个复杂的东西全部抛开，简单讲一下UI在哪一层。这一层，表现层，交互跟UI是这一层，没有交互就是到框架层，甚至是到结构层。这些层跟我们有什么关系？我们到底要涉及到哪些产出物？可能就是这个情况，这是高保真，线框图低保真，如果是产品经理，有些比较全能的产品经理，会做一个流程图，框架图会做出来呈现给你。但是有时候产品经理做不出来，怎么办？就是留给交互去做。交互同学也不会做，可悲的UI同学就要顶上了。我碰到过有些设计师，我这个交互图不会画怎么办？我们产品经理要我画交互图，我好尴尬，我不会画。这不是你的问题，UI设计师为什么要画交互图？会画是你的加分项，不会画打回去就行了。你不会打回去，干不好还是你的问题。

用户体验的五个要素，它为什么要分成五层？这个其实不是互联网行业有的情况，传统行业也有这个情况，战略层、范围层、结构层、框架层、表现层，自下而上的，整个规范化就是这样。现在互联网行业不是这样，我们是自上而下的，以用户为中心的原则做的产品设计，UI是属于在表现层，属于顶层结构。最多有些资深的UI设计在这三层游走，非常游刃有余。有些不是很资深的，被强逼着也要在这些里面游走。

那么你是不是知道自己平时做那些东西有什么用？对于这个产品对于这个公司对于这个市场有什么用？你做的可能是一个banner或者是一个宣传页，甚至只是一个icon。那你首先知道它要完成什么目的，要好到什么程度，这样你有一个大局的认识之后，自己在设计执行的时候就知道，我只要做到这个程度，别人肯定会说OK，我就不需要花更多的时间做一些无谓的东西，这样会不会好一点？

从开发流程，产品落地流程，大部分同学是在这里，交互设计流程的这个范围。我们是在这边和这边的中间点，我们是承上启下的这样一个位置。核心界面设计、细节界面设计，我们的地位非常重要，有没有瞬间觉得自己的工作重要性非常高，但是又一下觉得压力非常大，不知道怎么做？

我们看一下，作为中间的节点，我们承载上游和有，上面跟产品经理交流，下面跟开发沟通，如果没有我们，你们想一下会是什么情况？没有可视化的图形作为一个载体，去让他们两边做沟通，会是什么样的情况？是不是就打起来了？产品汪跟设计猿整天撕，没有可视化的东西。我们作为图形化载体的这个职位，我们给他们这样一个流程图，或者是高保真的页面，产品也懂了，这是我想要的，这个程序员会说，我知道了只要按照这个图去做，去切页面，前端去呈现就好了，甚至不用理上面的用户背景、战略层这些东西，只要按照你这个图去做就好了。程序员才不care投放后有多少回报率，我只要把测试做完产品上线就OK了。产品经理则只要管我的战略、市场，其他东西我都不管，只要丢给你这个交互设计师，UI设计师，搞定就好了。你把我的思想落地成图片，可视化，让程序员开发，就好了。只不过我们的沟通的时候需要方式方法，才能避免撕逼的这个过程。大家何要撕？

我们大局上了解了我们在什么位置，那么怎么做？我们还是要了解自己，不可能今天花时间听我讲，又不知道回去怎么做，那不是没有用？作为我这个过来人，必须给你们指一条路，到底怎么做，怎么才能做得更高效。

岗位中，肯定不希望同学马上离开自己的岗位去挑战一份高薪的职位，这肯定是不行的。即使你挑战了也可能失败，或者是很累，走了很多弯路。肯定是在现有的岗位中不断的试错、改进。平台是指什么？就是你的岗位。这个岗位就是一个非常小的点，可能就是一个企业或者一个公司中的一个萝卜坑，但是对你来说就是一个平台，你可以充分利用自己的这个职位，它可以提供你的资源，不断的给自己有试错的资本。因为你可以在这个可控的范围之内，只要每天去完成这些设计图。完成设计图是你自己掌控的，产品经理或者资源方给的这个权限是很大的，只要符合设计规范符合产品战略层的东西，刚才看到那些点，我们在中游，只要按照他们大的方向走，至于怎么试错都是我们的问题。大家都在这个平台上，你去做了这个试错，并且不断的根据试错的结果去改进，这个改进不光是作品的改进，可能是沟通上的改进，或者是团队中发挥作用的改进，这个改进是全面的多维度的。通过这样的一些过程，就不断提升。可能现在每天做，可能做了一两个月，好累好累，不知道自己提升了什么，工资也没有加。但是过两个月，过半年，你跟同学交流就不一样了，收获是不一样的，加速度上升，就像火箭三节式推进器，人家是一节，你是三节。第一阶段花的时间比别人长，不断试错，走了很多弯路，但是不要紧，只要不被公司开除，还可以继续试错，不断的改进。三个月之后，别人还是每个月持续的在工作中，打工模式，没有用这样的方法。半年之后，成长速度就不一样了。再过半年呢？可能你半年干得跟狗一样，像我自己，每天加班到很晚回家，躺在床上也不知道自己干了什么。半年过去，第一个半年累的程度比较大，再过半年，你不断的试错，路径可追溯，通过自己不断总结，走错的地方越来越少，走的速度就越来越快，下一个半年成长速度就完全不一样了，花的精力也相对较少，人也比较轻松，一年下来就可以跳槽了，工资可以翻一番，五千到一万、两万，看能力。

我现在怎么做？回头来讲，工作怎么落地。刚才是方式方法上的，工作怎么落地？我只会PS，当然我现在会的比较多，可能只会PS，没有关系，把工具运用到极致。PS这个东西很强的，我从PS6.5就开始用，非常厉害。PS的话，无论是快捷键还是功能，就拿快捷键来讲，它跟所有，就拿Adobe的产品来讲，AI和PS的快捷键是相同的，如果把快捷键倒背如流，这不是硬要你倒背如流，而是熟练到一定的程度倒背如流，那就不一样了，迁移起来非常快，用PS很熟练，用AI也很快，滤镜掌握就不用讲了，外置文件是什么，自己了解，这个东西是个难点。然后自动批处理会不会用？现在有些插件，也不需要去改了，会改比较高阶一点，听起来比较牛逼。智能模板，这个非常好用，工作中经常会用。3D素材，PS也可以做，不断的更新不断的迭代，工具的作用是干什么？帮助你快速落地，美工只会用工具，你不一定，你要不断的总结自己的思路，把工具发挥到极致。

匠人精神，这里要讲一讲匠人精神，老罗，非常有名。匠人精神是什么？就看图就好了，每天苦逼的打造，产品也可能卖不好。但是重要的是这个，什么是匠人精神，每个产品都是一次迭代。每一个迭代的过程就是一次历练，就是一次试错。那这就是匠人精神，每一个东西都要拿最终成品的这个程度去衡量，每一次都是完稿，而不是做完就放在那里，再也不去改了。可能这次做完这个成稿，下次拿第一稿再改。这跟作画中的成品意识有关，每一个环节都是一个成品，不管是线框到完稿，每一个过程，我放下笔去休息，站起来退后去看，都是成品。成品意识，互联网商业，每个版本都是一个成品，都要上线，对UI设计师也是一样，每一个完稿都是一次过程，甚至没有完稿之前的那个Demo版本对你来说也是一个完稿的过程，只要积累了，就是你的作品。

就开始列一个计划，首先是这个前提，UI、UE是不分家的。然后行业中的用户体验的设计者，一万小时定律，什么概念？就是我花一万小时在这个专业上去不断打磨，去积累，一万小时很快的，416天，很快的。一年过去非常快，你只要每天花心力去积累去提高，时间像飞一样，你可能不知道自己干了什么，但是别人看到你就不一样了，工资涨了，或者人变帅了，或者变瘦了。

量的积累到质的飞越，很好理解，但是做起来非常难。这些都是一个过程。其实核心就是，多想多看多练。平时就是你积累的过程，不要把下班之后就当成自己的时间，当然也可以跟工作有关，看一些杂志做一些手绘，或者练一练，让自己不断提高。

（编辑：PHP编程网 - 湛江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!