ui 是干嘛的 界面设计职能深度讲解

ui 全称 User Interface，中文叫做用户界面，简单来说就是人和电子设备之间进行交互的屏幕界面，ui 相关工作也就是 ui 设计，负责设计所有屏幕上看得见可以点击操作的元素，像 APP 里面的按钮图标菜单弹窗导航栏文字排版色彩布局，全部都属于 ui 的设计范畴，它的核心目标就是让界面清晰好用，用户打开产品之后不需要反复摸索，就能顺利完成操作，很多人会把 ui 单纯理解成美化画面，其实并不是，ui 除了视觉美观，还要兼顾操作逻辑，控件状态，多屏幕适配，还要和产品开发对接，保证设计稿可以正常落地，现在 ui 应用范围非常广，手机 APP，电脑软件，小程序，网页，车载中控，智能手表，工控屏幕都需要 ui，下面把 ui 的定义，工作内容，和相关概念区别，学习与识别要点深度讲解。

ui 覆盖产品类型对照表

ui 主要工作内容清单

1 视觉设计，统一整套产品的颜色字体图标风格，保证所有页面视觉风格一致

2 控件设计，制作按钮输入框下拉菜单弹窗标签，还要设计默认点击加载报错禁用等不同状态

3 页面布局，按照用户使用习惯安排信息层级，区分重点内容和次要内容

4 多端适配，根据不同屏幕尺寸调整布局，防止页面变形错位

5 设计交付，输出设计稿，标注尺寸色值，导出切图素材交给前端开发

6 设计走查，开发做完之后对照原稿检查色差错位，修正还原问题

ui 和 ux 的区分

ui 是用户界面，重点是看得见的页面和操作控件，偏向视觉与交互控件本身

ux 是用户体验，范围更大，包含用户调研，业务流程梳理，痛点分析，整体使用感受优化

日常工作里面两个岗位经常配合，小公司经常由同一个人同时完成 ui 和 ux 相关工作，很多新手容易把两者混为一谈，记住 ui 是界面，ux 是整体体验就很好区分

识别 ui 相关内容的操作步骤

第一步确认载体，只要是带屏幕可以交互的产品，就会存在 ui 界面

第二步观察元素，查看按钮图标导航弹窗，这些都是 ui 核心组成部分

第三步判断岗位，如果是设计这类界面的工作，就是 ui 设计师的工作

第四步区分概念，不要把 ui 当成单纯美术美化，ui 需要考虑点击逻辑和落地开发

第五步了解应用赛道，现在除了传统互联网 APP，车载智能硬件也是 ui 新的应用方向

ui 就是用户和电子设备交互的屏幕界面，ui 设计就是制作这套界面，兼顾美观和操作易用性，覆盖 APP 网页车载智能硬件等多种产品，它不只是画好看的图，还要考虑交互逻辑，适配和开发落地，是数字产品开发里面非常重要的一环。

【常见问题】

问题 1 ui 是干嘛的，ui 是不是就是做美工

回答 1 ui 是干嘛的，ui 不是单纯美工，ui 除了视觉美化，还要设计控件交互逻辑，做多端适配，对接开发完成界面落地，比普通美工工作更偏向产品交互。

问题 2 ui 是干嘛的，ui 和 ux 有什么不一样

回答 1 ui 是干嘛的，ui 指用户界面，负责可见的页面控件，ux 是用户体验，包含调研流程优化，ui 属于 ux 体系里面的一部分。

问题 3 ui 是干嘛的，车载中控里面的界面属于 ui 吗

回答 1 ui 是干嘛的，车载中控屏幕上的按钮菜单显示界面属于 ui，这类也叫做车载 HMI，是现在 ui 很热门的应用方向。

问题 4 ui 是干嘛的，ui 设计师日常要和开发对接吗

回答 1 ui 是干嘛的，ui 设计师需要和前端开发对接，输出标注切图，开发完成之后还要做设计走查，检查界面还原效果。

【免责申明】

本内容为 ui 概念科普，不同企业对 ui 相关岗位定义会存在差异，行业应用方向会持续更新，内容仅供学习参考。