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

我今天分享的主题叫UI设计快与慢，这个名字取自一本书，思想快与慢，没看过？没关系。UI设计，一开始你们对UI设计是怎么看，是不是这上面写的，是画图标的，有谁是这样的想法？没有从事UI设计之前有谁跟我一样的想法？非常好，这很有意思。有没有别的答案？比较奇葩的答案可以分享一下？没有？那我往下。大家怎么都那么沉闷，是不是因为天气比较阴暗的关系？

我分享一下我的设计之旅，我2009年毕业，毕业之后做平面设计，我的专业是数字媒体设计，毕业之后莫名其妙就进了平面设计行业，不过也没有关系，我还是比较喜欢做设计的。做了两年我开始做网站设计，那时候网站开始兴起了，我就跟着这个潮流往下走，做网站非常有意思，做着做着就对交互设计开始感兴趣。做网站的时候开始慢慢了解一些网站前端的信息，然后开始了解一些网站的交互这一块的内容。随着互联网、移动互联网的发展，交互设计师也慢慢在行业中得到了一定的认可度，热度也非常高，这个职位也就出来了，我就转到交互设计。

中间有一个过程，我停掉了原来的高薪的工作参加了一次培训，才转型成为交互设计师，而不是直接转型，因为中间也比较，怎么说，也相对来说没有太多的自信，所以去参加了线下的培训。我顺便给自己的学校打个广告，是火星时代。我之后去了i+研习社。中间有一个过程，我毕业之后是去平安科技就职，就职的岗位是交互设计师。后来干了两年不到跳出来，现在做产品，也是做设计。未来的方向还是坚持在设计道路上走。

UI设计师是什么？我刚才也问了一下，大家没有太多的反响。我直接作为今天的分享嘉宾做一些引导。我很喜欢用百度，百度这个东西非常好用，只要打任何信息，就可以跳出来一堆，UI设计师，我用红字标出来了，用户界面设计师，网页设计、移动应用界面设计，以及中国信息产业中最为抢手的人才之一，现在可能没有那么抢手，最抢手应该是设计、开发，还有运营比较抢手。这在知乎上的答案不一样，互联网中靠脸吃饭的工种。为什么靠脸吃饭？是不是大家颜值比较高比较年轻？其实不是，靠脸吃饭，我们做的是UI，是可视化的东西，无论任何一个载体，就是直接给用户看的，它是一个门面担当。你作为设计师就是给这个产品做包装的，靠脸吃饭，这个非常有含义的解释。知乎是我平常非常喜欢上的一个站点。

UI设计师在整个设计领域到底是哪一块？这个图上在这里，属于交互设计范畴中的跟视觉设计交叉的这一块这个地方。作为UI设计者必须知道自己在行业中以及整个职位划分在哪个部分，才能更好的做这个东西。首先是视觉设计为主，了解一下交互设计，才能做更好的UI设计。UI设计跟UE设计是不分家的两个东西。

说到交互设计，大概解释一下，交互设计只要看红字就好，是产品与使用者的互动过程，以及是秉承着用户体验为中心的原则，以用户体验为度量的原则，产生这么一个工种。太复杂了，对于我们看起来比较郁闷，我简化一下，就是以用户体验为原则的互动设计。我们做UI设计，其中核心的部分就是视觉产出物的这个职位。

到底我们平时在做些什么？主要工作内容是这几个部分，切图、icon设计、规范设计、banner和界面。其中我把banner和界面设计标红是因为，这两个在工作中花的时间比较长，规范设计的时间跨度可能比较长，但是对于项目的推进会是一个前期准备以及不断迭代的过程。所以从工作的时间上来讲，banner设计和界面设计的时间上比较紧，花的时间会比较多，icon跟切图这两块，有做过的同学应该比较了解，它其实很多时间是，切图可以靠软件、插件去做，icon从网上下载的素材比较多，直接做icon的可能性不太大，工作中没有那么多时间让你去做。

花的时间比较长的这两块，分析一下，为什么有的人做得快有的人做得慢，慢的原因是什么。我先总结一下，外因有这些，早上一到公司就有这些事情，开会、邮件、写日报，紧急的任务比较多，刚入职的同学要适应团队和环境，需求理解也要走一些弯路，沟通跟协作的话，无论是新入职还是入职比较久的同学都可能有这些问题。种种以上的原因都是外因，内因呢？内因的话我是这么总结的，我是从零开始，也比较有痛点，做了一些总结，大家可以看看有没有什么补充的。主要是以上几点，小白阶段没技术没经验没思路，跨过小白阶段就是缺技术、缺经验、缺思路，有没有补充的？有没有别的想法？在座的各位UI设计师们怎样没有提出异议？

我继续讲，表现上看起来有拖延症，产出慢，时间点可能会赶不上，或者别人看你一直在逛网站，也不知道在干什么。结果就是效率低下，不断加班。

看的时候有没有觉得，没有“灵感”这个词出现？很多同学聊天的时候说，我做这个东西没有灵感，做这个东西好像没有什么感觉，这个词用得比较多。有没有想过灵感到底是什么东西？我也比较喜欢去找一些资料，灵感是什么，就是这个，是一种无意兴起的神妙的能力，这个不知道是谁写的。因情绪或景物引起的创作的情绪。这是外来语，inspiration的音译，是一种感觉突发的思维状态，是课余不可。所以灵感不靠谱，我没有写在里面。

怎么办？项目比较急要求比较高，怎么破？作为UI设计师经常有这样的问题，有一个banner要做，时间比较赶，今天一定要做，怎么办？我作为过来人给你们一个快的解答，平时修炼关键发挥。就好像那句话，台上一分钟台下十年功。道是相同的，刚才李老师也讲到一些东西，我只是做一些补充。

修行是在平时的，怎么修行？设计思路是需要大家不断提升和修炼的，怎么修炼呢？举个例

子，这样比较方便一些。这么大的“栗子”，喜不喜欢吃栗子？这是我做的一个提案，这个提案是一个ppt为产出物的提案，制作时间在两个小时之内，给了三个提案。核心的这个关键词是，说一下背景，它是一个icon，类似logo的例子，应用在手机上，类似微信这样倒角32度的这样一个，做一个app平台，服务的人是心态比较年轻，喜欢玩手办、模型的人群。PLAY，年轻，爱玩，活力，年轻的人群。这是图片，这是这样两个颜色。这样看比较大，但是手机上看比较小，载体比较小，相对来说精细感会比较强一点，所以第一稿其实是放了飞机稿，给他们看一下，手机上就不是这样的效果。第二个，负形，感觉会比较棒一些。到手机上就是这样的效果。

Plan B是这样，根据他们的关键词做了这样一个设计，字型风格，比较大气一点，感觉比较简约，比较像年轻人玩的那种模型，知不知道，喜欢玩高达模型的同学应该知道，有点这种板件的构成，这样类似的。放在手机上的效果是这样。Plan C是这样，手写的感觉。他们提出的关键词，比较喜欢手绘的感觉，根据这个关键词去扩展给到这样一个案例。稿我不是太喜欢，说好三稿，凑一稿上去，看看会选哪一稿。跟我想的差不多，最终选的是第一稿。

整个这个东西是一个ppt，但是对于我来说，我知道它是一个设计思路的总结，这就是设计思路。为什么要说这个东西一定要把它做成一个ppt的形式，一方面是给付钱的人看我的思路是怎么样的，并且把这个思路在展现的过程中，他有参与感，因为他看了这个就知道，这是我提出的需求，他是根据我这个需求往下做的推演。推演的过程中我会给到这样一些简单的图形，并且提供这样的应用场景。这样他就知道，我在这个设计中并不是类似于平时所做的独立的设计，没有应用场景或者不能落地，它是有实际的应用场景，在手机里呈现的是这样一个情况。对于PLAY的创始人来说，他们提出这样的需求，觉得这个东西做出来效果比较逼真，像上线之后的情况对他们来说，这个东西是比较贴合他们的想法的。

这个总结一长串下来看，就是一个设计思路。但是你们可能平时没有去积累，没有去总结下来，并且不断的去回顾，就是设计、总结，不断迭代，然后变成自己的一个设计路径。这个设计路径其实就是一个路线，这个路线是可以帮助你不断的去，下面一个关键词，思路可追忆，用图形化的方式把握自己的思路记录下来。有时候你的灵感或者是想法，它是非常一瞬间的，很难去捕捉。但是当你通过把这个思路呈现下来，就是一步一步记录下来，并且能够通过图形化的形式不断的激发自己，然后在激发的过程中又不断的跟进、改进、迭代，这样一个过程就是设计路径，并且是可以追忆的，可以把你当时很好的状态，非常好的idea直接展现在你眼前，并且告诉你我当时是这样想的。在给别人讲作品的时候，别人也看得非常清晰，你是这么想的这么做的。

讲个故事，这有点像爬山的过程，在山下先观察一下，但是你其实不知道自己在爬到顶峰在哪里，你不太清楚，只知道一个大概的方向，你也找不到路径。因为在没有爬上去之前，如果是一个人爬的话，没有人带你，你肯定自己去摸索的。在山中的时候就会比较艰难了，并且没有人协助的话，可能需要自己爬上去。但是你看，这条导索就是设计路径，这是我讲的设计思维，其中的一个点就是设计路径可追溯。你有前面领队的人把设计思路安排好之后，每次攀登的过程中就会越来越方便，到山上的时候就会看着比较轻松。

把这个拆分开，分成几步。怎么做设计思维？这四个字听上去好像人人都懂，但是为什么每个设计师说到这个问题就好像摸不着头脑了。怎么去做？三个阶段，整备、计划、落实。整备阶段涉及一些客观的因素，比如电脑插件也没有装，别人装了你没有装就是你问题。模板有没有准备，平常有没有经常去逛一些比较好的站点，把模板准备好，变成自己的素材库，脑子里有这样的印象，知道在A文件或者B文件，是怎么进行分类的，能够快速的调取到。素材个模板不同，素材的东西是可以在不同场景下切换的。比如要做一个logo，要用到手绘的元素，这个手绘的元素是我平时积累的非常好的东西，这个就不是想到就能直接找到的，积累之后就可以大大加快整备的阶段。软件不用多说，常用的软件有没有达到熟练，熟练度能不能快速将你脑子里东西落地展现出来。电脑，你的电脑是你最好的伙伴，如果电脑都不给力，怎么让你的设计变得更轻松呢？

计划，其实分为这么几个点，设计思路，就是属于计划中的一个部分。然后是设计方案，设计方案怎么来？设计方案通过平时的项目积累，或者是逛站点的时候会看到那些大神的UI稿，特别是比如说木老鼠（音译）或者是牛魔王（音译），他们那种大神的UI比赛稿，会从上至下呈现一个他的设计思路以及最终的效果图，这种就是设计方案。从零开始或者小白阶段，这些都是借鉴。或者说直白一点，就是抄袭、搬运，搬运多了之后就变成自己的东西。原型和草稿，就是你在实施过程中的手绘稿或者是用软件做的原型稿。这就是属于计划中的一部分。

（编辑：PHP编程网 - 襄阳站长网）

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