UI中国优秀会员-奚剑，献给想涉足互联网设计的同学的一篇文章，希望对你有所帮助。

互联网视觉设计师

谁是 UI 设计师？ UI是User（即界面设计）的缩写。 这个界面可以是手机界面、网站界面、软件界面、智能设备界面等任何人机交互可视化媒介。人机交互是指人与计算机之间的交流。 你可以想象从最早的图灵机用笔记与计算机交流，到今天我们各种屏幕上的按钮，再到今天我们各种语音交互。 以及AR、VR或者像悬疑片一样的各种脑电波交互，这些都是越来越方便的人机交流方式。 而且，人机之间最高效的交流还是在屏幕上。 屏幕仍然是最有效的人机交互方式。 这样的交互界面需要我们设计得更高效，更易被用户理解。 我们的工作是帮助公众更好地理解计算机的意图。 总结一下：UI设计师的职责就是为人机交互设计一个图形化的用户界面，并使界面更加易用和友好。

初步采用GUI设计

我们完成的图形界面也称为GUI（User）。 它的要求是需要易于使用（），即界面无需复杂的思考即可轻松使用； ()，即对用户特别友好，容易上手。 理解。 一个好的GUI应该是简单易用、友好的，比如我们手机上的陌陌、支付宝等知名APP。 因为互联网的发展，很多行业被重新整合：设计师也被重新定义。 UI设计、动作设计、交互设计、平面设计逐渐融合为一门专业。 这个职业不能简单的设计界面和布局，还需要会画图形，掌握平面技巧，懂交互。 这个职业有不同的名字，比如全链路设计师、全栈设计师等等，但我觉得合适的称呼是：互联网视觉设计师。 目前，国外著名公司在紧急招聘时也用这个词来指代只能排版应用规范的界面设计师。 互联网视觉设计师肩负着我们这个时代的主流媒体：互联网的设计。 不管叫什么，我们的职责没有变：解决人机交互的问题。

界面中的UI设计

互联网视觉设计师或UI设计师通常会屈服于互联网产品团队，不像平面设计师或服装设计师那样创立了很多平面设计公司。 所以，我们打交道的人不一定都是同行，还可能是互联网从业者中的其他角色，比如产品总监、程序员、技术团队、运营团队等。如果我们的团队不仅仅是设计师，那我们一定有足够的表达能力和耐心让周围的人了解我们的工作。 互联网视觉设计师的工作主要包括联通终端设计、网站设计、运营设计等。现在随着UI设计师的数量越来越多，行业越来越成熟，UI设计师需要承担的责任也越来越多。 如果需要懂交互知识，懂平面设计，擅长手绘等等。这样一来，UI的定义越来越丰富，现在成为UI设计师的门槛也越来越高。

互联网产品团队

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

互联网公司的产品线是一条流水线。 互联网产品团队是指整个团队围绕一个产品而组建的团队，但以设计和开发产品为目标。 比如陌陌团队、支付宝团队等。互联网产品可能是联通端，也可能是笔记本端。 也可以同时托管多个产品线等，我们可以按部门划分：管理部、产品部、研发部、市场部。 设计团队可以单独成立一个部门，也可以并入产品部门。 互联网产品团队按照角色可以分为：

高水平

一个团队的领导者由监事会、董事长、首席执行官（Chief）、首席技术官CTO（Chief）等组成，负责公司的重大决策。

主要输出：想法

使用软件：

用户研究团队 UR

用户

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

主要产出：用户研究报告

使用软件： 、眼动仪等

产品总监PM

产品总监提炼产品逻辑，产品总监或交互设计师设计原型，原型汇报给老板，交付给设计师。 从头开始负责产品规划。 产品总监的首要职责是在产品规划阶段向管理层提交产品文档。 产品文档PRD一般包括产品规划、市场分析、竞品分析、迭代规划等，项目立项后ai图标 导入sketch，负责进度控制、质量控制和各部门协调。 在产品管理中，产品总监是领导者、协调者、推动者，但他不是老板。 作为产品总监，虽然他对产品开发本身有很大的权力，可以介入产品生命周期的各个阶段，但从行政上来说，他不像通常的总监那样有自己的下属，但他也有很多资源是被调动起来做事的，所以如何做好这个角色，需要相当的方法。

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

使用软件：文档编写软件（）、原型绘图软件（Axure、Blue Lake、Ink Knife等）

项目总监

从专业角度讲，是指在企业中设立以项目负责人责任制为核心的重要管理岗位ai图标 导入sketch，对项目质量、安全、进度、成本管理实行责任保障制度，全面提升项目管理水平。 项目总监是全面负责项目的成功规划和执行的人。 这个职位可能在很多公司都是由产品担任的。 项目总监负责控制进度和立即解决项目问题。

主要输出：项目进度表

使用软件：文档编写软件()

交互设计师 UX 或 UE

用户

将产品需求文档 (PRD) 优化为供设计人员和技术人员使用的交互式原型图。

主要输出：()

使用软件：、Blue Lake、Ink Knife、等。

互联网视觉设计师或UI设计师

用户

互联网设计师不只是勾勒出原型，而是根据实际的抽象内容和具体的交互来改变布局，甚至重新定义交互。 同时提供技术截图或PSD。 出现的一些昵称：美工、全链路设计师、全栈设计师、UID、UI设计师、视觉设计师等等，都在说我们。 我们收到原型图或交互图后，会根据原型图内容进行交互优化、排版、视觉设计。 最后与经理确认后交付给开发商。 如果是对接web项目，我们只需要交付给开发者：PSD，。 如果是联通的对接项目，那么我们需要交付给开发者：切图、标注、标准化。 为什么开发网页的工程师（后台）不用切图直接给PSD？ 后端工程师虽然最初在我们这个职位上被称为美工，但是他有操作PS的能力。

主要输出：设计稿、设计规范、切割图等。

使用软件：等

后端开发研发

和

有两种类型的开发人员：数据库端和客户端。 一般来说，我们接触的是客户端开发，他们负责还原设计。 这样，开发网页用户端的工程师就称为后端工程师； 开发 设备的工程师称为工程师； 开发Apple设备的工程师称为IOS工程师。 都是指客户端的开发，也就是我们看到的所有接口。 目前我们在客户端接触的是网页端、安卓、IOS这三种主流设备。 他们开发和使用的代码不同，所以对一些动态效果、阴影等特效的支持也不同。

前端工程师或程序架构师RD

和

前端工程师主要负责什么？ 前端工程师或程序架构师的主要工作是存储数据。 我们平时在产品中形成的数据，如：头像、昵称、聊天、对话、图片等，都是通过互联网传输到服务器，交换信息再分发回来的，所以这些数据存储的结构是前端工程师的工作。 但不幸的是，设计师与后端工程师的接触并不多。

运营或市场开发 BD

产品完成后进入操作阶段，可根据操作调整产品设计或设计操作图。 经营越来越直接面向市场，市场的目的越来越明确。 推出市场和运营的目的往往更为直截了当。 有时候运营的目的，利润，和产品以用户为中心的思维会发生冲突。 这时候对设计师的要求就更高了。 如何调整设计美学、运营目的、以用户为中心的目的成为设计师。 困境。

测试工程师QA

测试工程师在企业中常被称为软件开发测试工程师（，SDET）。 通常是具有 1-2 年经验的测试工程师或程序员。 经验丰富的测试工程师可以成长为产品/项目组的测试总监（）或软件质量总监（SQA），负责软件质量保证、测试管理并领导测试团队。 测试工程师的职责是控制软件的质量。 有能力和客观的人将控制，包括经验和视觉部分。 另外，总设计师需要配合测试工程师完成产品视觉部分还原度的测试。

小型互联网公司

小型互联网公司捷步光

小型互联网公司人员配置比较齐全：高管负责决策，用户研究团队负责研究用户对产品的反馈，产品总监负责制定产品发布时间表，交互设计师负责优化交互图，视觉设计师负责优化交互和设计视觉效果。 输出切割图和标注并完成设计规范后，前端工程师负责还原接口和连接数据库，后端工程师负责程序架构和数据库结构，测试工程师负责用于测试整个程序是否可用，业务部负责后期运营。 除了完整的产品线，小型互联网公司还设有人力资源部、后勤部、协调部等，分工非常成熟。 而且经常会有大公司病，行动比较顺利。 注：本图为产品流程主要关系图。 真正的工作关系是复杂的，而不是线性的。

小型互联网公司

小型互联网公司捷步光

小型互联网公司人员配置中等：高管负责决策，产品总监负责制定产品发布排期和交互图，视觉设计师负责优化交互和设计视觉效果，输出切图和标注并完成设计规范，前端工程师负责接口还原以及与数据库的对接，后端工程师负责程序架构和数据库结构，测试工程师负责测试整个程序是否可用，业务部负责术后。 小的互联网公司比较整齐，缺少很多简洁，设计师会承担更多的责任。

大型互联网公司

大型互联网公司结光

大型互联网公司人员配置比较齐全：高管负责决策并担任产品总监，视觉设计师优化交互和设计视觉效果，输出抠图和标记但完整的设计规范，前端工程师负责界面还原以及与数据库的连接，后端工程师负责程序架构和数据库结构，测试工程师负责测试整个程序是否可用。 大型互联网公司人员很少，决策速度很快，而且由于每个人负责很大一部分，所以往往有学杂而不精的地方。 而且人少了，进步越来越靠自己了。

分工

工作

寻找投资：作为团队领导者，首要任务是解决团队生存问题。 所以，在产品还没有完成盈利模式的建立之前，投资是一个很好的方式。 我们在笔试的时候总会看到一家公司在A轮或者B轮融资。 这是什么意思？ 根据项目成熟度，投资分为：路演、天使轮、A轮、B轮、C轮、上市等状态。 投资的阶段也代表了项目的成熟度。 找工作的时候也可以权衡一下。

招募伙伴：一个好的团队领导者，不应该事事一个人包办。 不仅要找CEO，还要找CTO、CTOO等多名高管的人选。

创业奶茶文化已成潮流。 图为上海某奶茶店工作的众多创业团队。来源：网络

用户研究工作

用户研究的主要方法有以下几种：

可用性测试：让不同的用户群体通过筛选操作产品，观察员在门口观察记录。 可用性测试的要求是用户不能是互联网从业者，而应该是真实产品的用户群体。

Focus group：通常由6-12人组成，由专业人士主持，引导小组成员根据访谈提纲发表意见，并进行记录和分析。 而且focus group的卧室会有一个双向玻璃窗，这样用户就看不到上面是谁了。 坐在上面的通常是开发团队，他们可以清楚地看到用户如何抱怨他们的产品，他们没有权利直接向用户解释。

问卷调查：分为纸质调查问卷和网络问卷调查。 根据产品列出需要了解的问题，做成文档供用户解答。 问卷调查是一种成本相对较低的用户调查方式。

用户访谈：邀请用户回答与产品相关的问题，并记录下来供后续分析。 用户访谈分为三种：结构化访谈（按照之前写好的问题结构）、半结构化访谈（一半基于问题一半讨论）、开放式访谈（与用户进行更深入的交流，双方都有主动解释）。 注意用户访谈设置：用户不能是互联网行业的专业人士，不能问诱导性问题，不能使用专业术语。

眼动追踪测试：使用专用设备：眼动仪跟踪用户在使用产品时眼睛的焦点在哪里，盲点在哪里。 例如，网站可以通过眼动测试知道用户的视线会手动挡住网站常见的广告位置。 这时候如果想增加广告的点击量，就需要把广告位放在用户长期关注的位置。 眼动检测设备比较专业，一般小公司很难进行。

用户画像：根据产品的调性、用户群体，用户研究团队可以设计用户模型，这些研究方式称为用户画像。 角色是由特征标签组成的，通过这些标签我们可以更好地了解谁在使用我们的产品。 用户画像完成后，每个功能都可以完成自己的用户故事：用户在哪些场景下需要这个功能。 这样，我们设计的功能就会更加贴近用户的实际需求。

用户反馈和大数据分析：根据市场提供的反馈和数据，做出客观判断和合理推断。 用户反馈也是用户研究的一个重点。 用户反馈主要是用户通过产品反馈入口主动向开发者提出的意见。

图为韩剧《硅谷》焦点小组测试

产品总监的工作

产品总监负责协调整个团队的进度，工作极其复杂。 产品总监必须与整个团队打交道。

产品总监的很大一部分输出是在沟通和协调上。 如果单纯提取输出文件，有以下几种：

PRD：《 ()》，该文档的受众是项目组、开发组、测试组、策划组、体验组等。 文档描述了这个产品的概念，规划了产品每一步的完成时间。 输出包括产品界面、产品流程、功能需求、测试需求、体验需求等。

MRD：“业务需求文档（）”。 本文档的受众为业务、运营、营销等。文档描述了产品的商业模式，明确了产品的用户群，输出内容包括产品模型、商业模型、运营模型、市场模型等.

原型图：俗称线框图，即用腰线和图形勾勒出的产品框架。

图为产品需求文档PRD模板

交互设计师的工作

交互图：展示操作行为后，对象之间的关系，以及触发的下一步信息。 与产品总监设计的线框图或原型图不同，交互设计师完成的交互图越来越丰满，完成后可以运行在手机端模拟APP的使用。

图为交互图案例

UI设计师的工作

优化原型图：针对特定的视觉元素，提出交互图的优化方案。

视觉设计：根据人机交互原理和操作逻辑，设计和美化原型图的界面。

图片切割：根据不同平台规格，输出相应倍数的图片。

标签：使用该工具在输出页面上的每个元素之间标记规格和条件注释。

项目走查：开发完成后，选择主流机型进行 。

视觉概要：展示和解释设计作品中的字体、字号、颜色、图标、模块等元素。

图为UI设计稿

后端工程师的工作

Web后台工程师：完成Web后台界面的编程。 收到视觉设计师的PSD后，将图片截下来，用web代码重新构建页面，但是和数据库端提供的联合调试，没问题后放到服务器上，网站就可以访问了。 使用的代码语言主要包括：HTML、CSS、JS等。

苹果软件工程师：完成iOS平台APP的程序开发，并接手视觉设计师的裁剪图和标注，完成客户端编译，与前端工程师联调后上线。 主要使用的代码语言有：-C、Swift等。

软件工程师：俗称开发工程师。 完成平台APP的开发，并接手视觉设计师的裁剪和标注，完成客户端编译，与前端工程师联调后上线。 主要使用的代码语言有：java等。

图为后端HTML代码

前端工程师的工作

数据库编程：分为网络数据库、层次数据库、关系数据库。 它主要使用数据库编程来存储和管理数据。 主要使用的语言有：PHP、JSP、JAVA等。

图为前端编译部分代码

测试工程师的工作

如有侵权请联系删除！