术语图鉴/UI/UX 设计/UI 设计
←→切换Esc返回

UI 设计 User Interface

你可能会说

帮我把这个界面做得好看点——配色统一、间距舒服、按钮圆润。

用户「看到」的一切视觉设计——颜色、字体、图标、按钮样式、间距。

用户「看到」的一切视觉设计——颜色、字体、图标、按钮样式、间距。决定产品好不好看。

也常被叫作User Interface

生活类比

像餐厅的装修——灯光、桌椅、菜单排版。同样的菜,装修好的餐厅你觉得更好吃。

🎮 动手试试

👇 切换查看 UI 元素组合

My App
输入框
按钮
选择题选择一个你认为最合适的答案

关于「UI 设计」,以下哪个描述最准确?

你可以这样告诉 AI

帮我把这个页面美化一下:统一配色、调整间距让元素不那么挤、按钮加圆角,整体走现代简洁风格。

容易混淆?这样区分

UI 设计 User Interface≠
UX UX

UI 关注界面「长什么样」(颜色、字体、布局),UX 关注用户「用得爽不爽」(流程、效率、满意度)。

什么时候用

设计产品界面外观

需要确定产品的颜色、字体、图标、按钮样式和整体视觉风格时,用 UI 设计的思路来系统规划而非随意拼凑。

和 AI 协作时

想让 AI 美化界面时,直接说「用蓝色做主色、圆角 8px、现代简洁风格帮我设计 UI」,AI 就能给出视觉方案。

什么时候不用

纯逻辑后端开发

UI 设计聚焦视觉表现层,如果你在做纯后端 API、数据库设计或算法优化,不需要界面相关的视觉决策。

与命令行工具无关

CLI 工具、后台脚本、系统服务等没有图形界面的项目完全不需要 UI 设计,字符界面只需关注输出格式。

组成结构 · Anatomy

1
核心概念Core

用户「看到」的一切视觉设计——颜色、字体、图标、按钮样式、间距。决定产品好不好看。

2
实际表现In Practice

像餐厅的装修——灯光、桌椅、菜单排版。同样的菜,装修好的餐厅你觉得更好吃。

3
与 AI 的关联AI Context

和 AI 沟通时提到「界面不好看」「换个配色」,改的就是 UI。

典型使用场景

美化旧页面
告诉 AI「这个后台界面太素了,帮我把配色统一成蓝色系,卡片加圆角和阴影,间距调舒服一点」
想弄懂概念时
告诉 AI「用大白话给我解释什么是UI 设计,举个生活中的例子」

延伸阅读