变身——成为互联网设计师

版权申明：本文出自“郗鉴”原创，感谢“郗鉴”的原创经验分享！

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/

互联网视觉设计师

UI设计师是什么呢？UI是User Interface Design (即界面设计)的简称。这个界面可以是手机界面，网站界面，软件界面，智能设备界面等一切人机交互可视化媒介。人机交互指的是人类与计算机的交流，这种交流大家可以想见从最早的图灵计算机依靠纸条来和计算机交流，到我们现在形形色色的屏幕上的按钮，再到我们现在的各类语音交互，以及像科幻电影一样的AR、VR或各类脑电波交互，这都是人与计算机越来越方便的沟通方式。可是人与计算机目前最高效的沟通还是停留在屏幕上，屏幕仍然是人机交互方式中最有效率的，这样的交互界面需要由我们来设计成更有效率和让用户能够看懂的界面，让普通大众更好的理解计算机的意图，这就是我们的职责了。总结一下：UI设计师的职责是设计供人机交互使用的图形化用户界面，并使界面更加易用和友好。

早期采用GUI设计的Xerox 8010 Star

我们完成的图形化界面又叫GUI（Graphic User Interface），它的要求是需要有易用性（Easy to use），即界面不需要复杂地思索即可容易地使用；友好（Friendly），即对用户非常友好，容易理解。一个好的GUI应该是易用和友好的，比如我们手机上的微信和支付宝等熟知的APP。由于互联网的发展很多行业被重新整合：设计师也被重新定义了。UI设计、动效设计、交互设计、平面设计被逐渐整合成了一个职业，这个职业不能单纯地设计界面和排版，还需要能绘制图形、掌握平面能力、懂交互等，这个职业有了不同的名字，比如全链路设计师、全栈设计师等，但是我认为合适的称呼是：互联网视觉设计师。目前国内名企招聘时也会使用这一词汇来强调与只会排版和套用规范的界面设计师。互联网视觉设计师担负着我们这个时代的主流媒介：互联网的设计。那无论叫什么，我们的职责没有改变：解决人机交互的问题。

iPhone界面中的UI设计

互联网视觉设计师或UI设计师一般依附于互联网产品团队之中，而不像平面设计师或服装设计师一样成立很多平面设计公司。所以我们打交道的人不一定都是同行，而可能是互联网从业者中的其他角色，如产品经理、程序员、技术团队、运营团队等。如果我们在的团队不光是设计师，那么我们就要有充分地表达能力和耐心让周遭的人理解我们的工作。互联网视觉设计师的工作主要有移动端设计、网站设计、运营设计等。如今随着UI设计师的数量越来越多，行业越来越成熟，UI设计师所需要肩负的责任越来越多。如需要了解交互知识、懂平面设计、擅长手绘等。那么UI的定义越来越丰富，现在想成为UI设计师的门槛越来越高。

互联网的产品团队

美剧《硅谷》中的创业团队

互联网公司的产品线是一个流水线。互联网产品团队指的是整个团队围绕着一个产品打造，并且以设计开发完成该产品为目标的团队。比如微信团队、支付宝团队等。互联网产品有可能是移动端，也可能是电脑端。也可能同时开展多个产品线等。我们按部门可以把他们分为：管理层、产品部、研发部、市场部。设计团可能单独成立部门也可能融合在产品部门里。互联网产品团队按角色可分为：

高层(leader)

一个团队的领袖，由董事会、董事会主席、首席执行官CEO（Chief Executive Officer）、首席技术官 CTO（Chief Technology Officer）等组成。决策公司的关键事物。

主要输出：idea

使用软件：Office

用研团队 UR(User Research)

通过用户研究的手段调查老板的想法靠不靠谱。用研团队保障着公司与用户之间的联系，确保研发的产品是用户所喜欢的。研发之前、研发之中、研发之后的反馈都需要用户研究团队及时参与收集数据等。

主要输出：用户研究报告

使用软件：Office、眼动仪等

产品经理PM(product manager)

产品经理细化产品逻辑，产品经理或交互设计师设计原型图，原型图用来和老板汇报和交付设计师。负责产品从无到有的企划。产品经理首先的职责是在产品策划阶段向管理层提出产品文档。产品文档PRD通常包括产品的规划、市场分析、竞品分析、迭代规划等。然后在立项之后负责进度的把控、质量的把控和各个部门的协调工作。在产品管理中，产品经理是领头人，是协调员，是鼓动者，但他并不是老板。作为产品经理，虽然针对产品开发本身有很大的权力，可以对产品生命周期中的各阶段工作进行干预，但从行政上讲，并不像一般的经理那样有自己的下属，但他又要调动很多资源来做事，因此如何做好这个角色是需要相当技巧的。

主要输出：产品需求文档（PRD）、市场需求文档（MRD）、原型图（Layout）等

使用软件：文档书写软件(Office)、原型图软件(Axure、蓝湖、墨刀等)

项目经理 (Project manager)

从职业角度，是指企业建立以项目经理责任制为核心，对项目实行质量、安全、进度、成本管理的责任保证体系和全面提高项目管理水平设立的重要管理岗位。项目经理是为项目的成功策划和执行负总责的人。这个职位很多公司里可能都是由产品兼顾。项目经理负责的是进度的把控和项目问题的即时解决。

主要输出：项目进度表

使用软件：文档书写软件(Office)

交互设计师 UX 或UE (User Experience Designer)

把产品需求文档(PRD)优化成可交互的原型图给设计师和技术。

主要输出：交互图（prototype）

使用软件：Axure RP、蓝湖、墨刀、Adobe XD等

互联网视觉设计师 或UI设计师（User Interface Designer）

互联网设计师不仅仅是给原型上色，设计师会根据实际具象内容和具体交互修改板式，甚至重新定义交互等。同时要提供给技术切图或PSD。一些出现过的别名：美工、全链路设计师、全栈设计师、UID、UI设计师、视觉设计师等等。都是在说我们。接到原型图或交互图后，我们会根据原型图的内容来进行交互优化、排版、视觉设计。最终和总监确认后交付开发人员。如果是对接网页项目的话，我们只需要交付给开发人员：PSD、规范。如果是对接移动端项目的话，那么我们需要交付给开发人员：切图、标注、规范。为什么给网页开发的工程师（前端）不需要切图而直接给PSD即可呢？因为前端工程师其实最早和我们的职位一起并称美工，是有PS操作能力的。

主要输出：设计稿 设计规范 切图 标注等

使用软件：Sketch Ps Ae Ai 等

前端开发 RD（Research and Development engineer）

开发人员有数据库端和用户端两种，一般来说我们接触的是用户端开发，他们负责还原设计。那么做网页端的用户端开发的工程师叫做前端工程师；做安卓设备开发的叫Android工程师；做苹果设备开发的叫IOS工程师。他们都指的是用户端的开发，用户端就是我们看到的一切界面。目前用户端我们接触的就是网页、安卓、IOS三种主流设备，他们开发使用的代码不一样，所以对有些特殊效果如动效、阴影等的支持有所不同。

后端工程师 或 程序构架师RD（Research and Development engineer）

后端工程师主要负责什么呢？后端工程师或叫程序构架师的主要工作是做数据存储。我们平时使用产品中产生的数据，如：头像、昵称、聊天、对话、图片等，均是通过互联网传输到服务器再交换信息分发回去，那么这些资料存储的架构都是后端工程师的工作。然而遗憾的是，设计师与后端工程师的接触没有太多。

运营或 市场拓展BD

产品完成后进入运营阶段，可能会根据运营调整产品设计或设计运营图等需求。运营更加直接面对市场，所以对市场的目的也更加明确。以此推倒出市场和运营的目的往往更加直接。而有时运营的目的盈利和产品以用户为中心的思想会有冲突，这时对设计师的要求就更高了，如何调节设计审美、运营目的、以用户为中心几种目的就成了设计师的难题。

测试工程师 QA

测试工程师 在企业中一般称为软件开发测试工程师（Software Development Engineer in Test，SDET）。一般为具有1-2年经验的测试工程师或程序员。有良好经验的测试工程师可以成长为产品/项目组的测试组长（SDETLead）或软件质量经理（SQA Manager），负责软件质量保证，进行测试管理和领导测试团队。测试工程师的职责就是把控软件的质量。主管与客观的都会进行把控，包括体验与视觉部分。但是通常设计师需要与测试工程师合作来完成对产品视觉部分还原度的测试工作。

大型互联网公司

大型互联网公司结构图

大型互联网公司人员配备较为齐全：高管负责决策、用研团队负责研究用户对于产品的反馈、产品经理负责制定产品发布的时间表、交互设计师负责优化交互图、视觉设计师优化交互并设计视觉后输出切图和标注并且完成设计规范、前端工程师负责实现界面还原和与数据库的对接、后端工程师负责程序构架和数据库结构、测试工程师负责测试整个程序是否可用、商务部门负责后期运营。除了完整的产品线外，大型互联网公司还配备了人力资源部门、后勤部门、协调部门等，分工很成熟。但是往往会出现大公司病，行动比较缓慢。注：此图为产品流程的主要关系图，真实的工作中关系错综复杂，并不只是线性顺序。