什么是UI设计

什么是UI设计

很多人对UI设计的概念都比较模糊，搞不明白UI设计到底是做什么的？它和交互设计、平面设计又有什么区别？我觉得花一些时间把这个问题理清楚是很必要的，在这里我准备从三个角度来概括UI设计。

首先是开发流程这个角度。

在我们日常使用的各种APP产品中，基本上能被人们看到，或者说接触到的界面，几乎都是UI设计师通过画图软件设计出来的，可以说UI设计就是负责产品界面的工作。但UI设计的工作做得到底有多深呢?是不是可以独立地把整个APP做出来呢?显然是不可能的，它只是整个开发流程中的一个环节，如果你要了解UI设计，那么你还需要对整个流程有多一点的了解。

基本上任何一个产品的诞生都必然经历从无到有的过程，这些产品最初都是从一个非常模糊的概念，然后一步步细化成大众能接触的具体界面。

拿网易云音乐为例子，这个产品是怎么做出来的？

首先，一个项目要立项，需要一个发起人，这个发起人他有可能是我们的老板。他意识到未来音乐市场会有很好的商业前景，也可能是看好正版化的潮流趋势会导致音乐市场重新洗牌的机会，也有可能是其他别的原因，总的来说发起人会从战略层的角度考虑，认为这个市场有发展空间的机会，然后才决策做一个音乐产品。

然后接到任务的是我们的产品经理，但他拿到手的还只是一个非常粗糙的战略方向，至于怎么样才能打赢这场战争，就很考验产品经理的智慧了。一般来说，他需要创造出更有吸引力的差异化功能来提升产品的竞争力，同时也要实现一定程度的基础功能来确保产品基本可用。但开发团队的资源确是非常有限的，怎么样部署产品的功能，可以说是产品经理的核心能力之一。总的来说产品经理负责了战术层的工作，他们主要的输出物是需求文档，这份文档记录了要实现的功能范围，以及这些功能要实现的深度。

然后流程就走到交互设计师，一般来说他拿到的需求文档还是比较抽象的，需要交互设计师把这些需求提炼，然后细化到可以操作的程度。通常他们要做设计产品的信息架构，操作流程以及页面的空间布局，而这些设计最主要的目的就是保证产品的可用性。通俗来说就是这个产品用得顺不顺是交互设计师要负责的核心工作，我们一般把这一层的工作概括为结构层，最终他们会输出一份叫交互原型的文档，这份文档会以线框图的形式列出界面所有会出现的内容元素。

接着就是UI设计师出场了，他们主要的工作就是要把交互提供的线框图设计成美观的，大众可以接受的界面。其中这些设计还涉及很多其他的技术，比如品牌学，用户体验学等。我们要保证用户在使用这个产品的时候，能有非常好的初始印象，同时留下强烈的品牌记忆，而且整体的使用体验也要有愉快的操作过程，一般来说我们把这一层的工作概括为表现层，而输出的文档就是具体的界面视觉稿。

最后就是开发工程师了，他们负责把UI设计师画的界面通过编写代码实现成真实的，可以使用的APP应用，这一层我们概括为技术层。

从前面的流程我们可以了解到，UI设计师主要负责表现层的工作，他肩负着与用户接触的最后一道工序，上游的战略思想能不能很好地传递给用户，很大程度上会受UI设计的影响，所以UI设计也需要有产品意识，往往这方面的能力越强，设计的境界也就越高。

前面我们了解了UI在一个流程中的角色是负责表现层面的工作

那么我们再看看第二个角度，设计目的。

UI设计的核心目的就是把产品的商业价值最大化，这一点不难理解，但有时候却不容易做到，在实际的设计当中，我们很容易会跑了偏路。为什么这么说呢？因为UI设计师的职业特征是追求美，有时候会因为过于追求完美的效果，往往会忽略了他最初的目的。举一个很经典的例子，《寻猫千万别找设计师》（一般设计师都知道，这里就不冗述了。当然，不知道的可以百度哦），它告诉我们如果设计师只追求艺术效果，不理会设计目的是件多恼火的事情，然而现实当中这样的设计却普遍存在。这里特别提醒设计师们应该要建立正确的价值观，不要因为设计而设计，要考虑这么做对商业的价值是什么。

最后一个角度是它的技术属性

UI设计是科学与艺术结合的综合技能，举一个很简单的例子，比如说云音乐的播放按钮，我们除了要考虑它的美观性，还要考虑它的操作效率，因为它是点击率最高的一个按钮。这个按钮的大小，会影响到鼠标能不能更快地进入点击范围。另外它旁边的切歌按钮的距离如果离得太近，从心里上也会影响到用户点击这个按钮的速度，因为用户需要更谨慎地移动鼠标，以防点错，所以一个看似普通的设计，背后还隐藏着很多科学的考究。