细说UI设计

说到UI设计，我想大部分人的第一反应是设计界面、图标之类的工作。虽然没有错，但其实只说对了一小部分而已。因为其实UI设计包含了相当一部分内容哦。

 

UI是指用户界面，是英文Userinterface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是：用户研究、交互设计、界面设计。为了让大家能够简单且明白，以下我将用人类的语言来一一解说下...

 

用户研究

 

 

图片来自网络

 

-- 定义

 

用户研究简单解释就是研究与你要设计的产品相关的特定人群的一份工作。（不知这样解释能不能懂，这个解释其实比较粗暴......）

 

-- 为什么研究这些人群？有什么用？

 

研究这些人群可以更加了解目标用户在想什么，要什么，什么是他们喜欢的，什么他们更加容易接受等等......这个价值其实相当大的,这样在设计产品的时候可以避免走很多弯路。因为说白了，产品是设计给人用的，别自己YY想当然。往往那些很自信不做任何调研做产品，一般都死得比较凄惨...(当然抄袭别人的除外，因为往往抄袭的对象都是比较优秀且在市场上有一定受众群了的，所以...抄袭最靠谱？ (￣.￣)笑而不语....)

 

 

图片来自网络

 

-- 工作形式和输出内容

 

简单来说就是先分析用户，然后针对用户做一些访谈和情景测试，研究他们的行为，再接着根据这些行为得出数据，分析数据，最后得出具有一定开放性的结论（为什么是开放性的？因为数据只代表一部分人，只能作为参考）......

说实话，这种工作，在我看来还蛮烦人的...... (*ﾟ▽ﾟ*)

 

图片来自网络

 

-- 用研需要什么背景?

 

一般而言，搞用户研究的学历背景都是些学心理学、人类功效学、市场研究学等等一听就枯燥得想睡觉(～﹃～)~zZ的学科。

 

做这行的，很多都是非设计相关的专业毕业的。做事方式灰常有条理且理性。如果你当年是因为学设计低分才选的专业，那还是建议绕开这行吧！不适合你哈，这些家伙大多数都是研究生哦....... (≡ω≡．)

 

 

 

交互设计

 

图片来自网络

 

 

-- 定义

 

交互设计高大上的来讲是建立用户与机器的联系，使其能够通过这个联系达到某个目的。简单来讲就是做流程画线框的~（我知道这样得罪不少同事哦~~哈哈）ㄟ(▔, ▔ )ㄏ        （总之由于能力有限，也只能这么粗暴的解释啦~）

 

-- 工作形式和输出内容

 

他们的工作内容基本就是了解产品的想法和布局，结合用研的数据结果，去做产品原型设计。当然这些原型设计，其实就是如下图的线框。

 

图片来自网络

 

不难发现，由于交互设计的性质，会发现其实它处在产品开发的中间位置。既要和用研、产品经理沟通（上游），又要和视觉设计师沟通（下游）。虽然看着比较简单就是一堆黑白线框嘛~~其实是花了相当力气去做的，一个产品从无到有，最初的原型就是他们做的。棒棒哒~（这样做交互的就不会来喷我了~）

 

当然，原型也可以看出做得好不好，过去我偶尔也是会面到一些交互设计师。有些交互不能说出为什么要用这种形式设计，有木有别的方法？哪种方式更好且更快的达到目的也说不出.....一般那种情况我多半会推断这孩子没仔细考虑过，或者就是抄袭竞品的。就这样被我pass了......

 

图片来自网络

 

-- 需要什么能力背景

 

很多交互设计都是工科出身，当然理科的大大也是很多的，例如工业设计啊、计算机啊等等专业，当然还有相当一部分是视觉设计转的交互。（至于为什么转？原因其实很多。有些人觉得视觉设计地位不高，木有话语权.....又或者发现自己的审美能力比逻辑能力弱许多......总之各种原因啦。然而最关键的一点是：一般普遍而言，交互的钱钱是要多过视觉哦~）

 

 

图片来自网络

 

做交互设计要求设计者有一定的逻辑思维能力、整合能力、分析能力、英语能力（看文档和设计规范Guide line）、动效能力、审美能力等等高能的能力....要做好不是那么容易的。

 

有人会问，为什么还要审美能力？其实不怕告诉大家，有些NB的交互的视觉设计能力不比普通视觉设计差哦，只是人家不屑于画而已，注意是不屑＞ω＜ ~.....（笔者原来所带的一个团队中一个交互设计师画出的logo，你完全想象不到这家伙是个画框框的交互）。

 

有良好的审美能力，再与视觉配合时不至于被视觉忽悠~哈哈~还有就是那些细微的交互动画，其实都该是交互同视觉一起来设计的。没有审美怎么行~~~~~~

 

 

界面设计

 

 

 

 

图片来自dribbble

 

-- 定义

 

界面设计可能是被谈得最多的，顾名思义，其实就是对交互设计师完成的交互原型进行进一步的视觉设计。

 

-- 工作形式和输出内容

 

做界面设计师和交互设计师一样，也属于一个中间位置，他需要不断的与交互和产品经理，以及程序猿（开发）沟通。

 

图片来自花瓣

 

对于界面设计师来说，除了要画软件界面外，还要画logo，icon，配图，运营banner（大一些的公司可能会安排专门的运营设计师做bannner，小的公司你就通杀吧~~），还有就是动效设计等等，然后就是标注、切图和视觉还原啦。

PS：其实负责招聘的人（比如我）都喜欢相对全能一点的设计师，不太喜欢招那种只会某项技能的，除非他们公司真的很有钱可以养闲人（因为不是每个需求都对口的）。

 

-- 需要什么能力背景

 

一般而言，界面视觉设计师大都是视觉传达、工业设计、平面设计、新媒体等等与美术相关专业毕业的。然而也确确实实有很多大拿是别的八竿子打不着的专业毕业后转行的。笔者的同事就有数学系、新闻系毕业做视觉设计师的.......听起来尼玛好变态，但是是真的。一句话，关键还是在于自己的兴趣，并真正的为自己的兴趣付诸行动。

 

 

图片来自花瓣

 

-- 视觉设计师该具备哪些能力？

 

因为这个工作可能关注的人较多，我再展开讲讲。偶也算是做了蛮久的老司机了，笔者认为视觉设计师应该具备以下这些能力：

 

-- 软件篇 --

Photoshop、AI、AE、C4D（可选）

 

现在虽然出了各种ps的竞争对手产品，例如sketch等其它软件，不管这样个人认为ps是个很多行都可以用的软件，熟练掌握木有什么坏处，有时间的话去学别的就随便啦~~

AI则是矢量的代表，这个必须是掌握的。AE是做动效的，做界面的最好是学习一下，会的话面试是绝对加分的。C4D是三维软件，这个软件是个炒鸡强大的软件，一些运营图、海报设计越来越多的用到它。这个也是属于加分项。

 

图片来自花瓣

 

-- 基础能力篇--

 

·        手绘造型能力

·        平面构成（点线面）

·        排版能力

·        字体设计能力

·        基础配色能力

·        基础光影知识

·        各平台设计规范

  ......

应该还有，暂时没想起来。

 

 

图片来自花瓣

 

-- 加分能力篇--

 

·        软件开发基础常识

·        交互设计能力

·        产品思维

 

做设计是要能够实现的出来的那才叫有经验，所以了解软件开发的基础常识是有必要的，你要知道哪些能实现得出来，哪些是实现不了的。从另一个角度讲，要是你设计一个你认为很牛逼的出来，你已用洪荒之力，但是开发（代码仔）告诉你做不出来....如果你懂开发知识，发现原来是因为这个代码仔能力不行所以做不出来，这个时候你就可以大方的叼他：“尼玛，为什么别人的产品有这个效果？”他就会屁颠屁颠的问你那个效果再哪.....因为他发现骗不了你。

 

很多时候开发碰到比较难实现的效果压根就不会去尝试，因为实现起来确实花时间，他们心里的苦一般都是：“卧槽，怎么又双叒叕有bug，老子整天解bug都解不完，我还给你实现效果......滚(ノ｀Д)ノ”

 

后两项如果你能做到，偶相信你至少也是个高级设计师啦~。这里偶就不展开说了，总之有了这两项装备，基本来说你会感觉你在设计的时候主动性更加强。

 

希望本文能够对你有所帮助哦~