UI设计第一季:UI的发展史

从今天开始，我会和大家的聊聊ui，聊的内容大多是从我的新书中节选的一些内容。

今天是第一篇，先来和大家聊聊ui的发展史吧。

前言

所谓ui设计，无非就是和界面打交道，但又不同于我们看到的那么简单。

我在设计行业摸爬滚打10余载，没有大的成绩，经验是我唯一能分享的东西，现在ui行业大火，有的没的都想要做一个app出来玩玩。大环境的改变必然带动新的就业机会，设计师们纷纷想转行，投身ui设计的领域。但是我接触的更多的设计师却很迷茫，要么没有相关的经验，不知道该做什么，怎么转行。有些经验的呢，所在的团队，工作流程不正规，实际学到的东西又很少，阻碍了自己的发展。

ui设计师到底在做什么、该做什么、怎样才算合格的ui设计师？这正是本书想要跟大家聊的。我会尽量把我在实际工作中积累的实用经验分享给大家，目的是让ui初学者和新晋ui设计师能学以致用，在工作中不在迷茫。

1.1 ui发展史

ui这个名词大家都不陌生了，但是ui从何时起，又是为什么这么火的呢?

大家接触ui这个名词是最近几年的事情，但是你知道吗，ui设计在设计行业一直存在，从最初我们用的电子产品、软件再到网站的建设，这些都是ui范畴，我们现在使用的电脑显示屏里的东西也都是ui。可以这么说，自从有了设计这个行业，ui这个名词其实就已经出现了。

那么，为什么到最近几年这个名词才被大家熟悉和这么火呢？因为越来越多的企业意识到设计的重要性和用户使用感受的对产品的影响了，也就是用户体验。

说到用户体验，不得不提一个人，那就是乔布斯老爷子。我个人觉得是他把用户体验做到了极致，暂且不说他之后的iphone设计的如何，不能否认，苹果的产品在设计行业依然成为了标杆。

即使是最初的苹果 mac os图形界面也只有两种颜色，苹果设备通过对深度，纹理，按钮和图标的控制，来模仿现实生活中的物体。界面的美观很大程度上受制于技术，而不是设计师。

随着技术的发展，设计师们在界面的视觉设计上获得更大的*。苹果在发布的mac os x界面中运用了有光泽的塑料气泡样式，拉丝铝和逼真的图标。随着时间的推移，操作系统的视觉样式愈发增强。微软在windows系统中预置有光泽透明玻璃般的主题，而苹果公司在桌面和移动系统中采用更加材质感和拟物化设计，如日历应用程序中的皮革纹理，并在其电子书阅读器中使用逼真的翻页效果。

说到这里大家应该能够明白，所谓ui不单单是设计视觉界面这么简单，它还包括了用户的使用感受（用户体验）以及使用时的交互方式（交互设计）

所以ui设计又分了3个方向，它主要是由ui 研究的3个因素决定的，其分别是研究工具，研究人与界面的关系，研究人。

研究界面-图形设计师（gui）

国内目前大部分ui工作者都是从事这个行业。包括(网页设计，软件界面，移动端界面设计)，每天工作做着各种界面设计。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是产品的外形设计师。这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。

研究人与界面的关系—交互设计师（ixd）

在图形界面产生之前，长期以来ui设计师就是指交互设计师。交互设计师的工作内容就是设计操作流程，树状结构，软件的结构与操作规范(spec)等。一个产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。

交互设计师一般都是软件工程师背景居多。

研究人-用户体验师（ux/ue）

至于ue和ux，其实根本就是一回事，通常海外和国内的外企公司习惯用ux，因为老外都习惯全称user experience，和简称ux。

任何的产品为了保证质量都需要测试，软件的编码需要测试，自然ui设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。这个职位很重要，如果没有这个职位，ui设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。

综上所述ui设计师就是：图形设计师、交互设计师和用户体验师。

了解了ui的来历，以及它的概念，对于之后的工作也是有帮助的，你可以根据自己的情况决定往哪个方向去发展。

1.2 ui必备技能

上面跟大家介绍了ui的发展历程以及它的概念和分类，那么，想成为一名合格的ui设计师，需要具备哪些技能呢？

首先，"工欲善其事，必须利其器"，作为设计师，熟练的使用软件，这个是基础。那作为ui设计师需要会哪些软件呢？咱们先来看看现在市面上相关的软件都有哪些吧：

photoshop，illustrator，sketch，flash，adobe after effects，fireworks，mindmanager，axure rp

这些是我能想到的比较常用的软件，至于其他的一些小软件或者辅助工具我就不说了。

大家看到这么多软件是不是发愁了呢?ui设计师用的软件可真多，这些都需要学吗？当然不是，我常对身边的初学者说的一句话就是：软件只是工具，它是帮助你实现设计想法的，而至于你使用哪种工具并不重要，只要它能做到。所以我建议，作为初学者，你会熟练使用ps、ai其中的一种就可以了。至于其他的工具，有条件的前期了解即可。不过，现在企业对于ui设计师的要求也是越来越高，建议你在熟练使用了ps或者ai之后，最好会使用ae（用来制作动效），还是axure，这些后面的章节中会具体讲到。

其次，三大平台的设计规范，其实我个人觉得掌握了2个平台的规范即可，一个是android，另一个就是ios，这2大平台目前市场占有率是蛮高的，第三个就是微软的windows phone了。不过我接触的项目中，设计这个平台的还不算多。另外建议，智能电视、苹果watch这些也要了解下。

第三，工作流程。无论从事哪个行业，在整个团队中，你必须要对你负责的项目流程熟悉。对于ui设计更是如此，一个款app从客户需求提交，到竞品分析，再到交互、视觉，这其中要经过很多的流程，如果你不熟悉整个流程，势必会成为项目中的短板，同事间沟通不畅，最终导致延长整个产品上线的时间节点，导致成本的流失。

以上三点，我觉得最为一名ui设计新人来说，掌握了就已经足够胜任工作了。当然，想要继续提高要学的还是很多的。