UI 全称 User Interface,中文叫用户界面,UI 相关工作就是设计各类数字产品里面用户可以直接看见并且操作的界面,常见载体包含手机 APP,网页,小程序,智能设备屏幕,车载中控,核心目标是把业务需求转化成清晰好看,操作顺手的页面,设计按钮,图标,文字排版,色彩,页面布局还有跳转交互。很多新手会把 UI 单纯理解成画好看的页面,实际上合格的 UI 不只是视觉美化,还要考虑用户使用习惯,不同屏幕分辨率适配,点击区域大小,文字可读性,界面统一规范,减少用户操作出错。UI 一般会和 UX 用户体验搭配出现,UX 偏向整体使用流程调研分析,UI 专注界面呈现,现在很多公司招聘已经要求 UI 同时具备基础交互思维,不再是单纯美工绘图。UI 工作需要和产品经理,前端开发,测试人员协同,产品经理输出需求,UI 完成原型和高保真设计稿,开发按照设计稿实现页面,上线之后还要根据用户反馈迭代修改界面。
UI 核心工作模块对照表
| 工作模块 | 详细内容 | 输出成果 |
|---|---|---|
| 需求梳理 | 接收产品需求,理解业务目标用户 | 需求评审记录 |
| 原型设计 | 搭建页面结构,页面跳转逻辑 | 低保真线框原型 |
| 视觉设计 | 配色字体图标组件页面排版 | 高保真界面设计稿 |
| 组件规范 | 统一控件样式,建立设计系统 | 组件库设计规范文档 |
| 开发对接 | 标注切图,核对页面还原效果 | 校对修改记录 |
| 迭代优化 | 收集用户数据,优化原有界面 | 新版界面方案 |
深度细分讲解
移动端 UI
主要做手机 APP 界面,需要区分安卓和苹果系统设计规范,考虑全面屏,刘海屏,深色模式,适配不同尺寸手机屏幕,也是目前岗位需求量最大的 UI 方向。
网页端 UI
做官网,后台管理系统,电商页面,后台类 UI 重点是信息清晰,表格表单布局合理,重视长时间使用的可读性,对视觉炫技要求相对低。
智能硬件 UI
车载中控,智能手表,智能家居屏幕,这类 UI 要考虑驾驶或者特殊场景,操作要简洁,减少复杂交互,对易用性要求很高。
完整工作流程步骤
第一步 参加需求评审,和产品经理确认本次设计目标,目标用户,业务功能。
第二步 做竞品参考,分析同类产品界面优缺点,确定设计方向。
第三步 绘制低保真线框图,确定模块布局和页面跳转关系。
第四步 内部评审线框,产品开发确认逻辑可行,再继续做高保真视觉。
第五步 制作高保真页面,搭建组件库,统一色彩字体图标。
第六步 输出标注切图,交付前端开发人员。
第七步 开发阶段跟进,检查页面还原度,修正错位样式问题。
第八步 产品上线,收集用户反馈,准备下一版本迭代优化。
UI 就是数字产品用户界面设计,核心兼顾视觉美观和操作易用,覆盖 APP 网页智能屏幕,工作从需求评审一直延续到上线迭代,现在行业对 UI 要求不再只停留在绘图,需要掌握交互思维,设计规范和多端适配能力。
【常见问题】
问题 1 UI 是做什么的 UI 和 UX 是同一个工作吗
回答 1 UI 是做什么的,UI 专注界面视觉和操作页面设计,UX 偏向用户整体体验调研分析,UI 是做什么的岗位现在经常和 UX 协同,但二者不是完全等同。
问题 2 UI 是做什么的 做 UI 需要会哪些软件
回答 1 UI 是做什么的,做 UI 常用软件是 Figma,Axure,PS,AI,UI 是做什么的岗位核心是界面设计能力,软件只是实现工具。
问题 3 UI 是做什么的 UI 设计师是不是只做手机 APP
回答 1 UI 是做什么的,UI 不只是手机 APP,还包含网页后台,小程序,车载智能屏幕等数字界面,UI 是做什么的应用载体范围很广。
【免责申明】
本文属于 UI 基础概念科普,不同公司对 UI 岗位职责划分会有差别,小公司岗位会兼任更多设计相关工作,大厂分工更精细,内容仅作为学习求职参考,不代表所有企业统一岗位标准。


