UI设计师的工作内容

UI设计师的日常工作

UI设计师最常见的工作类型，分别是风格定位，产品定位，bannner和专题活动。一般来说这些工作，UI设计师是都有机会接触到。

虽然它们都是设计，但这些设计背后所需的技术成分却差别很大，所以一般讲究专业细分的大型互联网公司会把它们再分成两种职业，其中风格定位和产品迭代主要是由UI设计师来负责，需要有扎实的界面和画icon的功底，还要有熟练的用户体验设计能力，内在的还需要有很强的品牌设计和产品意识。剩下的banner和专题活动主要是由推广设计师来负责，通常这些设计会更讲究表现美感，需要设计师的版式设计和配色有很强的的创造力和掌控能力，另外还需要掌握一定的字体和插画的创作能力，内在的，会讲究是不是对市场营销有更深的了解。

可能这么讲的话，还是有点模糊，我们还是具体看看例子吧，先看风格定位。

什么是风格定位?

简单来说就是要设计一套有利于竞争的视觉形象。

那风格定位是怎么做的呢？

在我之前的一篇文章里，讲产品开发流程的时候，我们知道一个新产品的诞生，最初都只是一堆模糊的概念，它要成为能给用户使用的实体，还需要UI设计师给它赋予一套界面。但如果只是随便的把这套界面制作出来的话，根本算不上风格定位，因为一个合格的风格定位，至少会有一套设计逻辑，是经过产品特征和目标用户喜好的思考之后才进行的设计。

具体的，还是看一个例子吧

这两个产品大概能说明，有做定位和没做定位的区别。

它们做的都是同一款游戏，这个游戏叫数独，是一款很早之前就已经很流行的小游戏。拿它们做例子，是因为这样的产品同质化非常严重，里面的游戏和功能基本上都是一样的。我们来具体看一下这两款游戏风格吧，左边的想把它做成比较写实的木质棋盘，这样的话感觉会更有游戏手感，符合一般用户对游戏产品的期望，可以说是做过风格定位的思考。

而右边色彩上没有表达出想要表现得风格主张，质感也只是做些立体投影，整个设计给人感觉就想是完成个任务，并没有什么道理，觉得它并没有做过风格设计的思考。

再来看看两个产品在市场上的数据，两个产品的上线时间差不多，但左边的总品论数是右图的40倍，意味着它们的用户差距非常的大。

为什么会差那么多呢？

再举一个简单的例子，这里有两个苹果，你们觉得哪一个会比较好呢？一般来说都会觉得右边的更好，因为你的潜意识会自动地去分析各种能看到的视觉线索，然后告诉你右边的苹果会更好，比如说右边的苹果有对称的外形，代表这个基因很健康，鲜艳的红色代表成熟应该会很甜，光滑的外表说明它既干净又考究。虽然实际上右边的苹果可能打过蜡，但不知道的人都会认为右边的比较好，所以通常这样的苹果也会买的特别贵。

上面的例子说明，人们在决策的时候会通过眼前的各种视觉线索，对这个物体做出一个综合的判断，从而影响他的决策。UI设计师负责的就是界面的视觉元素，所以我们了解用户对产品的期望，并设计出他们想要的界面，那就相当于我们在控制用户的决策。

说回前面那个数独的例子，好的界面能暗示这个产品更加安全稳定和细致完善，所以在同样条件下，用户当然会选择感觉更靠谱的APP，所以UI设计在一定程度上也会决定一个产品的成败。要达到能说服用户的效果，关键是能不能分析并设计出用户对这个产品所期望的质感，这个是风格定位的核心。

因为对不同产品，用户就会有不同的期望，并不是越精美越复杂就是约好的，比如说Google，百度这样的搜索类产品，用户希望的是能以最快的速度来解决问题，所以这样的产品设计不能给人以负担感，原生的界面反而是最适合的。

再来举两个网易的例子，简单的来说明一下这个产品质感大概是什么样的效果。

首先先讲一下LOFTER，它的创建前期的背景是一个轻博客产品，因为在2011年的时候，国外有一个叫TUMBLUR的产品火了，估值有30亿美金，所以马上引起国内大量企业的跟风，兴起了轻博客这个概念，LOFTER就是当时众多新产品中的一个。而LOFTER当时最大的挑战就是轻博客这个概念太新了，大家对这个产品的形态都不是很了解，更别说风格要怎么设计了。

还好LOFTER的目标用户还算比较清晰，这些用户主要是摄影师和画家，我们希望能吸引他们在LOFTER上发布原创作品。通过分析这类用户的喜好和行为，我们知道这些作品最好地展示环境就应该像是挂在艺术馆里，这个环境要有格调，同时不能太过抢眼，因为用户的作品才是主角。

所以可以从艺术馆中获得灵感提炼元素，首先这个环境的颜色必须都是中性色，因为中性背景才能突出用户的作品。然后是一些小细节也会比较考究，都尽量用一些夸张的几何图形来装饰，这样可以提升产品的艺术感，然后还强调所有的元素都必须是直角，而且边界必须得非常分明，这样可以营造出利落感。还有，用了大量形式感比较强的设计，这给LOFTER带来更大的艺术氛围

比如说这些带有强烈个性的几何元素可以让用户的个人空间特别有格调。

其实这些设计规则都非常的普通，如果只是单看一个页面，并不会有什么惊艳的效果，但如果在所有的平台中都能严格遵守的话，就会给用户留下一个非常强烈的印象。

再拿一个竞品来做对比，感受一下风格对产品的影响

这是当时LOFTER最大的一个竞品，其实它们的设计也非常精细，每个细节也扣得很严谨。但它们的设计倾向于选择大众，这样会降低了对特定用户的吸引力。而LOFTER对艺术家这个用户群体的针对性设计，使得这个产品一上线就比较顺利，很快就聚集了大量的优质用户，可以说这个风格设计给产品带来了非常大的贡献。

我们再简单地看一下网易云音乐的风格定位，用户使用 这个产品的主体行为是欣赏音乐，所以这个产品要能打动用户，就必须让它看起来很专业，很有品质感，所以可以参考专业的录音房是怎么装修的，还可以参考大量发烧级的音响硬件。从这些参考中可以发现，比较有代表性的是黑色金属，黑色吸音材料，黑色产品，黑胶唱片等等。所以基色定位黑色，让它有沉稳结实的感觉，然后又用代表有激情的红色作为点缀，刚好和品牌色也能搭配上，这样整套色系就有一个雏形。

这些整体的感觉组合起来，就像是在录音房里一样，有点神秘的专业感。

然后就是单曲的详情页面，大的黑胶转盘，这些典型的视觉元素，可以很好地传递出讲究和品质的感觉。

关于怎样做好风格定位，有两个关键点。第一个是要抓准方向，你需要洞悉这个产品的本质，推导出埋藏在用户心理的最根本的愿望。至于怎么挖掘，一般有一些常规的方法论，但如果要寻求突破，做出更优秀的设计，有的时候反而会更依赖直觉。怎么培养这方面的直觉呢，这就需要我们在平时生活中多体验和多思考。

第二点就是，当你知道什么是最好的时候，就是怎么样才能把这些想法做出来。比如LOFTER，要做出艺术感，并不是随随便便用黑白的配色就能抄得出来，有些细节没有注意到的话，可能就会抄出一个很low很俗的界面，要提升这方面的能力就需要多观察优秀的作品，找出这些同类作品中共通之处，发现的这些共通点最终会成为你创作的设计原则，所以说每个设计师都会拥有自己独一无二的设计原则。

风流定位的设计流程

首先是分析，这一步是分析三个方向：第一，是了解自己产品的属性，比如说工具型，娱乐性大众性，小众型，混合型，不同属性有自己的设计倾向。第二，是要了解我们的目标用户，要了解他们喜欢什么，期望什么。第三个是要理解我们的竞争对手在市场中已经表现出来的是什么特征，我们要超越还是要避开。这些都是定位上的策略选择，通常这一步分析过程会产生几个关键词，然后根据这些关键系来指导后面的方向。

确定好方向之后，就可以开始创作了。这一步就是围绕几个关键词在不停地出创意，创作时要尽量大胆尝试，实际上我们有可能要做几百个飞机稿，然而这些最后都会被否掉的。

然后到了筛选，如果有条件的话，最好可以做一下用户调研，没有用研资源的话，那就要考验主设计师的判断了，我们需要把前面设计出的风格一步步收窄到一个方。

前面三步基本上算是把风格定下来了，接着就是制作，我们需要用一套设计规范来把这套风格的关键元素都标识出来，用来约束后面的设计不会产生新的干扰。规范包括色彩规范，图标规范，按钮规范，还有排版规范。

最后一步就是把具体界面做出来，这里的工作量非常的大，一个APP产品可能有上百个细枝末节的界面，所以即使你是一个新手设计师也会被分配到要独立完成的页面工作，这可以说是最基本的设计工作，你要胜任这份工作，还需要有理解风格定位和读懂视觉规范的基本能力。

这里再提示一个信息，风格定位基本上是每个UI设计师想要追求的工作为什么这么说呢，因为它是最讲究创造力的设计，这里面所有的设计都是从无到有。另外还有，一旦你的方案被采用了，这个设计的影响力将会持续很长时间，甚至会跨越整个产品的生命周期，所以说这是一个非常高价值的工作，但是这样的工作机会并不多。如果你有机会参与这样的设计，然后放在简历中的话，肯定会让你的身价大大提升。

前面讲了很多风格定位的工作，这是一个非常重要的工作，但是能做的机会还是比较少的，而接下来要讲的是产品迭代，这个是UI设计的所有工作里占比最大的一个工作。

为什么这么说呢？一个产品的生命周期必然会经历年诞生，成长，成熟，结束这四个阶段，而大部分的时间里，这些产品都需要被不断地完善。因为市场是瞬息万变，总是不停地有新事物出现，刺激我们的产品要马上改进，同时用户的需求也是永远满足不了的。我们要不停挖掘用户需要的功能，来让产产品更加强大，而不停地完善产品的这个过程，我们就要产品迭代。

而UI设计师在产品迭代里的工作是怎么样的呢？

一般来说，交互设计师要把迭代的功能做成交互原型

这是比较典型的交互原型

里面列了要新增和调整的功能，还具体列了这些功能的详细内容，通常专业的交互原型会把这些细节讲得比较细。但再清楚也只是线框图，后面还需要UI设计把线框图设计成能用的界面。

再看看具体设计时的情况吧，UI设计师并不是单纯把线框图里的内容照搬到界面中就可以了，它需要对整体的用户体验负责任，所以交互原型里有些地方不合理的话，UI设计师应该要提出修改的。

比如说这里，云音乐的首页要新增三个功能栏目的入口，其中中间的入口是每日歌曲推荐，交互设计师在原型上写了具体的日期和兴星期数，但最终的结果是没有星期数的。

因为如果加了星期数会让这个图标看起来特变复杂，和旁边两个不太对称，而这个星期数在实际环境中也不是必要的信息，所以UI设计师和交互式设计师商量后就可以去掉。这个例子只是说了减内容，有时候UI设计师还会提出加内容的需求，这些操作都是为了让界面的体验更好。

因为交互设计做好框架图之后，是没办法知道具体的效果是什么，如果UI设计完全照搬内容的话，就会很容易受到局限。最优秀的UI设计师会有很强的掌控能力，而这个掌控能力就需要产品意识和用户体验的技术来做支撑。

前面讲了UI设计师的工作，下面来看看推广的工作吧。先说说banner，banner是指挂在网页上的横幅广告，通常都是以图片的形式出现，偶尔也会有些动态的banner，这些banner主要是用来宣传产品或者活动。

上面显示的是电商类的活动banner，大家经常上网，这些banner肯定不会陌生。

这是LOFTER的banner，是不是和前面电商类的差别很大，这些就文艺多了，但是文艺不代表就一定是好的，真正好的banner必须是符合广告本身的意图，如果把电商的banner设计得很文艺，可能会影响到它的转化数据，那就肯定不是一个好的设计。所以设计师不能根据自己的喜好来做设计，而是要了解传播内容的本身来做出最适合的设计。

这是云音乐的banner，从这些banner上应该能发现一些规律，基本上主题内容就是一张主图和一段标题，因为banner的空间有限，需要用最简单的方式，把最直接的信息传达出来，怎样配色构图和字体设计是我们要重点关注和学习的地方。

最后再看一下专题活动，对于UI设计师来说，对于做好产品设计前提下，又有足够的时间，是可以去临摹一下优秀的专题活动，多涉猎一些业务范围，对提升专业会有好处。简单来说，专题活动就是以某个活动主题来包装一些网络活动，来达到某种商业效果，通常是为了促销产品，或者是拉新盘活用户，对于设计师来说，比较挑战的是顶部头图的设计，怎么样才能设计出既有创意又好看的头图，很考究设计师的功底，需要设计师有很抢的配色，版式和字体设计能力。