一、UI设计百科词条:UI设计定义
UI设计,全称User Interface Design(用户界面设计),是对数字产品中用户可见、可操作元素进行整体设计的专业领域。据CareerFoundry《What Is User Interface (UI) Design? A Comprehensive Guide》(作者Jaye Hannah,2023年3月更新),UI设计被定义为“产品用户界面的美学设计,即创建界面(应用与网站)的过程,重点在于外观与风格(look and style)”;该指南同时明确指出,UI设计通常指数字用户界面,但也涵盖语音控制界面(VUI)。(出处:CareerFoundry官方指南,careerfoundry.com)
中文权威词条给出了更工程化的定义:UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计,分为实体UI与虚拟UI,互联网领域常用的UI是虚拟UI,UI即User Interface(用户界面)的简称。(出处:科普中国·UI设计词条,kepuchina.cn)
UI设计面对的数字基数有多大?CareerFoundry指南引用统计显示:2019年1月,全球已有超过19.4亿个网站、超过400万个移动应用。(出处:CareerFoundry指南引用的行业统计)每一个网站与应用都离不开界面,UI设计因此成为数字经济的“通用工种”,其价值随数字产品总量持续放大。
UI设计师具体做什么?CareerFoundry指南指出,UI设计师要设计产品的全部屏幕,创建视觉元素及其交互属性,并运用设计模式、间距、文字与色彩引导用户操作;该站还维护了一份收录32个UI元素的“终极UI元素词汇表”,作为界面的标准零件清单。(出处:CareerFoundry《What Is UI Design?》与《What Is a User Interface?》指南)
UI设计的三层目标:可用(Usable)、可访问(Accessible)、有吸引力(Attractive)。CareerFoundry指南强调,界面必须可访问、直观(低认知负荷)、元素有意图(Intentional),并指出“第一印象至关重要,糟糕的导航会直接流失线索与收入”。(出处:CareerFoundry指南)
二、UI设计发展历史:从1981年Xerox Star到AI时代
UI设计的历史,是数字产品从“命令行”走向“直觉化”的45年。1981年4月27日,施乐公司发布Xerox Star 8010信息系统,它是第一台商用图形用户界面(GUI)计算机,确立了桌面隐喻、图标、窗口、鼠标与所见即所得(WYSIWYG)范式;其文件夹图标由平面设计师Norm Cox绘制,成为计算机史上第一批文档与文件夹图标。(出处:Wikipedia“Xerox Star”词条;美国国家历史博物馆收藏记录;界面体验博物馆interface-experience.org)此后,GUI逐步取代命令行,UI设计随之从“无”走向“有”。
| 年份 | 标志事件 | 行业意义 |
|---|---|---|
| 1981年 | Xerox Star 8010发布,首台商用GUI计算机 | 确立桌面隐喻、图标、窗口、鼠标范式(出处:Wikipedia;美国国家历史博物馆) |
| 1985年 | 微软Windows 1.0发布 | GUI开始走向大众市场(出处:CareerFoundry指南) |
| 1988年 | 苹果Macintosh累计销量达100万台 | GUI商业化的早期里程碑(出处:CareerFoundry指南) |
| 1990年代 | GUI随PC普及,Web 1.0网页以表格布局为主 | 网页设计作为UI分支萌芽 |
| 2004年 | Web 2.0概念流行 | 圆角、渐变、社交化界面兴起,视觉表达力跃升 |
| 2007年 | 第一代iPhone发布,多点触控界面 | 移动互联网UI时代开启,CareerFoundry称“UI设计真正绽放”(出处:CareerFoundry指南) |
| 2011—2014年 | 2011年Apple Siri、2012年Google Now、2014年Amazon Alexa | 语音界面(VUI)成为UI新形态(出处:CareerFoundry指南) |
| 2013年6月10日 | iOS 7发布,全面扁平化设计 | 苹果称其“自iPhone问世以来意义最为重大的UI更新”(出处:Apple Newsroom 2013-06-10) |
| 2014年6月25日 | Google发布Material Design(研发代号Quantum Paper) | 安卓设计语言规范化,2014年起统领跨平台设计(出处:Google官方;Wikipedia“Material Design”词条) |
| 2020年代 | 全链路体验设计+AI生成式设计成为主线 | UI从“画界面”转向“设计决策”(出处:信达证券《2026年设计工具行业报告》) |
补两个容易被忽略的拐点:其一,1980年代苹果与微软沿两条路线普及GUI,CareerFoundry记载苹果Macintosh到1988年累计售出100万台,微软则于1985年推出Windows 1.0;其二,1990年代初期笔记本电脑开始取代台式机成为主流形态,界面随之进入“移动前的移动化”阶段。(出处:CareerFoundry指南)
这条时间线说明:UI设计每十年完成一次范式跃迁——1980年代“从无到有”、1990年代“从有到普及”、2000年代“从桌面到网页”、2010年代“从网页到移动与语音”、2020年代“从人工到人机协作”。每一次跃迁都带来新的岗位需求与技能要求。(出处:本百科基于上述公开史料的归纳)
三、UI设计的主要类型:GUI/WUI/VUI/HMI/车载HUD
UI设计并非单一工种,按载体与交互方式可分为五大类型。CareerFoundry指南在定义UI时明确将语音控制界面(VUI)纳入其中,说明UI的边界正随技术持续扩展;科普中国词条则给出一个基础二分法——UI设计分为实体UI与虚拟UI,互联网领域常用的UI是虚拟UI。(出处:CareerFoundry指南;科普中国·UI设计词条)
- GUI(图形用户界面):以窗口、图标、菜单、指针(WIMP)为核心范式,1981年由Xerox Star确立、1990年代随Windows与Mac普及,至今仍是桌面与移动端的主流界面形态。(出处:Wikipedia“Xerox Star”词条;CareerFoundry指南)
- WUI(Web界面):以浏览器为载体,响应式UI设计通过弹性网格、弹性图片与CSS媒体查询适配不同屏幕尺寸与平台。(出处:CareerFoundry指南)
- VUI(语音界面):用户通过语音与设备交互,代表产品为2011年发布的Apple Siri与2014年发布的Amazon Alexa。(出处:CareerFoundry指南)
- HMI(人机界面):工业设备、医疗仪器、数控机床等场景的人机交互界面,强调安全性、反馈及时性与抗干扰设计。
- 车载HUD(抬头显示):将车速、导航、警示等信息投射到前挡风玻璃,是座舱智能化中最典型的UI前沿形态。
| 类型 | 核心载体 | 主要交互方式 | 代表案例 |
|---|---|---|---|
| GUI | 电脑与手机屏幕 | 鼠标、触控 | Xerox Star、macOS、Windows |
| WUI | 浏览器 | 点击、滚动 | 各类响应式网站 |
| VUI | 智能音箱、语音助手 | 语音对话 | Siri(2011)、Alexa(2014) |
| HMI | 工业设备、医疗仪器 | 按键、触控屏 | 数控机床面板、监护仪 |
| 车载HUD | 汽车座舱 | 视线投射+语音 | 智能座舱抬头显示 |
值得注意:五类UI共享同一套设计内核——降低认知负荷、提供清晰反馈、保持一致性。这三条正是尼尔森十大可用性原则的核心诉求,该原则由雅各布·尼尔森于1994年提出、2024年1月更新。(出处:NN/g《10 Usability Heuristics for User Interface Design》)
四、UI组成元素全解:四大组件家族
界面由哪些“零件”构成?CareerFoundry将UI元素归纳为四大类:输入控件(Input Controls)、导航组件(Navigational Components)、信息组件(Informational Components)与容器(Containers)。(出处:CareerFoundry《What Is a User Interface, and What Are the Elements That Comprise One?》与《What Is UI Design?》指南)
输入控件
按钮、输入框、下拉菜单、单选/复选框、滑块、日期选择器等,承担用户“输入信息”的职能。按钮是出现频率最高的UI元素,其状态设计直接决定表单转化率。
导航组件
标签栏、面包屑、抽屉、汉堡菜单等,帮助用户“移动与定位”。CareerFoundry以Android系统的汉堡菜单为典型案例;微信规范进一步限定底部标签栏不超过5个。
信息组件
通知、进度条、消息框等,向用户“传递信息”。CareerFoundry原文列举了通知(notifications)、进度条(progress bars)、消息框(message boxes)三类典型信息组件。
容器
手风琴式折叠、卡片等,把相关内容“归组收纳”。容器决定了信息的分组与层级,是信息架构在视觉层的直接落点。
除四大类外,CareerFoundry强调响应式UI设计是现代界面的默认要求:通过弹性网格(flexible grids)、弹性图片与CSS媒体查询,让同一套设计自适应屏幕尺寸、平台与方向。(出处:CareerFoundry指南)
元素之外是量化规范:苹果HIG要求触控目标最小44×44pt,确保手指点击的容错率(出处:Apple Human Interface Guidelines);微信小程序规范以iPhone6(375×667逻辑像素)为基准,设计稿采用750×1334、2倍图输出,导航栏高44px、底部标签栏不超过5个、列表项建议88px(出处:微信小程序设计指南,developers.weixin.qq.com/miniprogram/design)。微信生态还提供WeUI组件库——一套与微信官方视觉一致的基础样式库,包含按钮、表单、弹窗等组件,将设计规范直接落地为可复用的代码资产。(出处:微信官方WeUI文档)
每个元素还必须具备完整状态集:默认、悬停、按下、禁用、加载、空状态、错误状态。NN/g十大可用性原则第一条“系统状态可见性”要求:系统应在合理时间内通过适当反馈让用户了解当前状态。(出处:NN/g《10 Usability Heuristics》,2024年1月更新)
一个直观的量化:仅一个按钮组件,就至少需要7种视觉状态与对应的无障碍语义,这是UI设计“看起来简单、做起来繁重”的根本原因。(出处:基于NN/g十原则与Apple HIG规范的行业归纳)
五、UI与相关概念辨析:UX/交互/视觉/产品设计
UI设计常与UX设计、交互设计、视觉设计、产品设计混为一谈,先厘清四组边界:
- UI vs UX:CareerFoundry的比喻是“UX设计师绘制地图,UI设计师为地图填充视觉与交互触点”(出处:CareerFoundry指南);designitic《UX and UI Design: What's The Difference》则将两者比作“体验的骨架”与“体验的皮肤”,骨架与皮肤缺一不可。
- UI vs 交互设计:交互设计(Interaction Design)关注行为逻辑——状态流转、反馈时机、动效节奏;UI设计关注界面呈现——颜色、图标、布局。在数字产品团队中两者高度协同、互为输入。
- UI vs 视觉设计:视觉设计(Visual Design)是UI设计的核心子集,UI设计还包含交互属性与平台适配,范围更广。
- UI vs 产品设计:产品设计(Product Design)覆盖市场、商业、体验、视觉的完整闭环。据clay.global《Product Designer in 2026: Key Insights》分析,产品设计师从规划、研究到开发全程负责,是UI/UX职责向上游延伸的复合角色。(出处:clay.global,clay.global/blog/ux-guide/product-designer)
从岗位职责看:CareerFoundry总结,UX设计通过提升可用性与可访问性来增强用户满意度,而UI设计师负责产品的“外观与手感”(look and feel);两者紧密协作、互为依赖。(出处:CareerFoundry指南)
| 概念 | 关注对象 | 核心产出 | 典型交付物 |
|---|---|---|---|
| UI设计 | 界面外观与交互触点 | 高保真界面、组件库、设计规范 | Figma/Sketch设计文件 |
| UX设计 | 用户整体体验与流程 | 用户旅程、可用性测试 | 用户旅程图、测试报告 |
| 交互设计 | 行为与状态逻辑 | 交互流程、状态定义 | 线框图、可交互原型 |
| 视觉设计 | 色彩、排版、图标 | 视觉稿、设计令牌 | 视觉规范、图标库 |
| 产品设计 | 商业目标+用户需求 | 产品策略与全案设计 | PRD、全案方案 |
行业实践中的边界正在模糊:中小团队常由一人兼任UI与UX职责,大厂则细分为视觉设计师、交互设计师、体验设计师(UX Designer)等岗位。据clay.global对UI/UX/产品设计师角色的对比分析,角色融合是大势所趋,但UI设计的视觉与规范专业度仍是不可替代的硬门槛。(出处:clay.global角色对比分析)
对求职者而言,理解这些边界的实际意义在于定位:想深耕视觉与规范,选UI/视觉方向;想深耕流程与逻辑,选UX/交互方向;两者兼备且懂业务,则向产品设计师(Product Designer)进化——这正是2026年岗位报告中“全链路体验设计”转型所指向的能力模型。(出处:clay.global角色分析;《互联网设计岗位就业趋势报告》)
六、UI设计知识体系全景:六大学科支柱
一名合格UI设计师的知识体系由六大学科支柱构成,覆盖“好看—好用—找得到—用得动—守规范—可扩展”六个层次:
视觉设计
色彩体系(品牌主色/辅助色/中性色)、字体层级(字号/字重/行距)、图标系统、8pt栅格与圆角阴影规范,决定产品“看起来专不专业”。
交互设计
状态集(默认/悬停/按下/禁用等7种)、反馈时机、动效时长与缓动曲线,决定产品“用起来顺不顺手”。
信息设计
信息架构、F型视觉路径、内容优先级与数据可视化,决定用户“找不找得到想要的东西”。
无障碍设计
WCAG 2.1 AA级要求正文文本与背景的对比度至少4.5:1,并覆盖触控目标、可读字号与色盲友好配色。(出处:W3C《WCAG 2.1》成功标准1.4.3)
平台规范
iOS HIG(触控目标≥44pt)、Material Design 3(动态色彩、elevation层级)、微信WeUI(750×1334设计稿、导航44px、底部标签≤5个),是跨平台交付的验收基准。(出处:Apple HIG;Google Material;微信小程序设计指南)
设计系统
Design Tokens(设计令牌)、组件库与模式库,实现跨端一致与规模化交付,是企业级UI工程的核心基建。
知识体系的心理学底座是格式塔原理:接近性、相似性、连续性、闭合性、共同区域五条原则解释人眼如何自动分组界面元素。CareerFoundry指南同样列出了这五条格式塔原则,并以此为基础讲解UI设计模式(Design Patterns)的复用逻辑。(出处:CareerFoundry指南)
知识体系中的“硬指标”可浓缩为四个数字:对比度4.5:1(WCAG AA)、触控目标44pt(Apple HIG)、底部标签≤5个(微信规范)、栅格8pt(主流设计系统默认)——这是UI设计最常被验收的量化门槛。(出处:W3C WCAG 2.1;Apple HIG;微信小程序设计指南)
七、UI设计教程体系:四阶段学习路线
学UI设计不是学一个软件,而是建立一条“理论—工具—规范—实战”的四阶段学习链路,各阶段周期与产出如下:
| 阶段 | 学习周期 | 核心内容 | 阶段产出 |
|---|---|---|---|
| 理论阶段 | 约1—2个月 | 设计史、格式塔心理学、色彩与美学 | 认知笔记、优秀作品拆解 |
| 工具阶段 | 约1个月 | Figma、Sketch、Adobe XD基础与进阶 | 可交互高保真原型 |
| 规范阶段 | 约1—2个月 | iOS HIG、Material Design、微信WeUI | 三平台规范对照文档 |
| 实战阶段 | 约3—6个月 | 临摹→改版→全案项目 | 3—4个完整项目作品集 |
CareerFoundry指出,雇主评估UI设计师时更看重作品集而非学历证书,其UI设计训练营课程周期为4—9个月并附带就业保障承诺。(出处:CareerFoundry指南)这印证了实战阶段在整个教程体系中的权重。
实战阶段的具体路径可拆解为三步:第一步临摹(每日1—2个优秀界面,拆解栅格、间距与层级);第二步改版(给现有产品做Redesign并撰写设计说明);第三步全案(从0到1完成一个完整项目,覆盖需求、竞品、原型、高保真与交付)。三步共需3—6个月,产出3—4个完整项目即可构成作品集骨架。(出处:本专题站教程体系,参考主流UI训练营教学路径)
工具生态数据:Figma由Dylan Field与Evan Wallace于2012年在布朗大学攻读计算机科学期间创立、2016年正式发布,2024年营收7.49亿美元、同比增长48%、净美元留存率134%;2025年7月Figma在纽交所上市(代码FIG)。(出处:百度百科“Figma”词条;信达证券《2026年设计工具行业报告》)
教程衔接:本专题站提供配套教程——UI入门:零基础工具教学、UI原则:尼尔森十原则与格式塔实战解析、苹果UI:iOS HIG深度研读、微信UI:小程序设计规范全解、UI专业:在校生专业规划。
学习顺序建议:先百科(本页)建立全局认知,再入门掌握工具,随后吃透原则与双平台规范,最后用3—6个月打磨全案作品集。(出处:本专题站教程体系)
八、UI设计的商业价值:为什么企业愿意为UI投入
企业为什么愿意为UI投入?因为界面直接站在转化漏斗的最后一公里。Baymard Institute汇总50项独立研究显示:电商购物车平均弃置率高达70.22%,其中相当比例的流失源于结账流程与表单界面的体验问题。(出处:Baymard Institute《50 Cart Abandonment Rate Statistics》,baymard.com)这意味着每10个下单用户中约7个可能因界面体验流失,UI优化的每一分投入都直接对应可量化的收入。
中国市场同样验证了这一逻辑:2026年第一季度智联招聘、BOSS直聘与拉勾网联合发布的报告显示,UI设计师岗位需求同比增长约12%,中国UI设计市场规模预计突破210亿元,行业正从单一视觉美化向全链路体验设计转型。(出处:爱企查行业知识库;《互联网设计岗位就业趋势报告》)
从行业体量看:NN/g于1998年创立时,UX领域规模仅为现在的2%(出处:NN/g《Nielsen Norman Group: 20 Years》),即体验设计行业在过去二十余年扩张约50倍;UI作为其中可视化交付的核心环节,持续受益于这一增长曲线。
工具侧的投入信号同样清晰:Figma 2024年净美元留存率达134%,意味着存量客户每年在UI工具上持续加码约34%的支出,侧面印证企业对界面设计环节的预算在持续增长而非收缩。(出处:信达证券《2026年设计工具行业报告》)
理性提示:高投入不等于高回报——UI的商业价值取决于“设计决策质量”而非“设计稿数量”。70.22%的弃置率意味着优化空间巨大,但要求UI设计必须与用户研究、数据分析绑定,用数据验证每一次改版。(出处:Baymard Institute研究结论的行业解读)
九、2026年UI设计新趋势:AI与设计系统
AI生成式设计
Figma AI、即时AI等工具将文本直接生成界面与自动布局,信达证券《2026年设计工具行业报告》将AI列为设计工具行业主线,AI驱动成为2024年以来工具营收增长的核心引擎。
设计系统企业化
从Google Material(2014年发布)到Apple HIG,再到Salesforce Lightning、Shopify Polaris,设计系统已从方法论变成企业级产品的标准基建,支撑数百人团队规模化协作。(出处:Google/Wikipedia;各厂商官方文档)
全链路体验设计
2026年Q1岗位需求同比增长约12%的背后,是“调研—设计—验证—迭代”全链路能力的复合型人才缺口,纯绘图型岗位正在被压缩。(出处:《互联网设计岗位就业趋势报告》)
跨端一致性
Design Tokens驱动Web/App/小程序/车载多端共用一套规范,微信小程序规范(750×1334、导航44px)与iOS HIG的适配成为移动端设计师的必修课。(出处:微信小程序设计指南;Apple HIG)
趋势的本质是“设计工业化”:AI负责产能,设计系统负责一致性,设计师负责决策。信达证券报告显示,2024年Figma营收增长48%而净美元留存率达134%,说明工具生态的粘性来自“协作+AI+系统”的复合价值而非单一功能。(出处:信达证券《2026年设计工具行业报告》)
对设计师个体而言,2026年的竞争力公式可概括为“规范功底×AI效率×业务理解”:前两者决定下限,后者决定上限。信达证券报告指出,AI驱动是2024年以来设计工具营收增长的核心引擎,掌握AI辅助流程的设计师交付速度可成倍提升。(出处:信达证券《2026年设计工具行业报告》)
十、权威学习资源推荐
UI设计百科的最后一部分,收录经过验证的权威学习资源,建议按“概念—术语—规范—研究”的顺序使用:
| 资源 | 类型 | 核心价值 | 地址 |
|---|---|---|---|
| NN/g(尼尔森诺曼集团) | 研究机构 | 1998年由Jakob Nielsen与Don Norman创立,可用性十原则与UX研究权威 | nngroup.com |
| Apple HIG | 官方规范 | iOS/macOS设计指南,触控44pt、SF Symbols图标库超6000个 | developer.apple.com/design |
| 微信小程序设计指南 | 官方规范 | 750×1334设计稿、导航44px、底部标签≤5个等中文规范 | developers.weixin.qq.com/miniprogram/design |
| Figma官方教程 | 工具教学 | 云端协作UI工具官方课程,含Figma Learn免费学习路径 | help.figma.com |
| CareerFoundry UI设计指南 | 教程百科 | 《What Is UI Design》等系统性英文指南与行业数据 | careerfoundry.com/en/blog/ui-design |
| 科普中国 | 科普词条 | 中文权威的UI设计定义与介绍 | kepuchina.cn |
补充两个资源侧的量化细节:Apple HIG的SF Symbols系统图标库已收录超过6000个符号,覆盖几乎全部界面语义;微信小程序设计指南建议图片宽高比保持3:4或16:9,保证列表与详情页的视觉一致性。(出处:Apple HIG;微信小程序设计指南)
学习建议:先用中文词条(科普中国)建立概念,再用英文指南(CareerFoundry)补齐术语,随后死磕平台规范(Apple/微信官方文档),最后用NN/g的研究文章提升设计判断力与可用性意识。(出处:本百科学习路径归纳)
十一、UI设计百科常见问题(FAQ)
Q1:UI设计是什么意思?
UI设计即用户界面设计(User Interface Design),是对数字产品中用户可见、可操作元素进行整体设计的专业领域。CareerFoundry将其定义为“产品用户界面的美学设计”,科普中国将其定义为“对软件的人机交互、操作逻辑、界面美观的整体设计”。(出处:CareerFoundry指南;科普中国)
Q2:UI设计学什么内容?
六大知识支柱:视觉设计、交互设计、信息设计、无障碍设计、平台规范与设计系统。其中无障碍设计要求正文对比度不低于4.5:1(WCAG 2.1 AA级),平台规范包括iOS HIG、Material Design与微信WeUI。(出处:W3C WCAG 2.1;Apple HIG;微信小程序设计指南)
Q3:UI设计和网页设计有什么区别?
网页设计(Web Design)侧重浏览器中的信息呈现与前端实现(HTML/CSS、响应式);UI设计覆盖Web、App、小程序、车载等全部数字载体,并包含交互状态与平台规范。CareerFoundry指出UI设计通常指数字用户界面,也涵盖语音控制界面(VUI)。(出处:CareerFoundry指南)
Q4:UI设计需要美术基础吗?
需要审美能力,但不要求科班出身。CareerFoundry指出雇主评估UI设计师时更看重作品集而非学历证书;色彩、排版、8pt栅格等视觉基本功可通过系统训练习得。(出处:CareerFoundry指南)
Q5:UI设计教程哪里学?
免费权威路径:微信小程序设计指南(官方规范)、Apple HIG、Figma官方教程、NN/g文章、科普中国词条;系统付费路径以CareerFoundry等训练营为代表,其UI设计课程周期为4—9个月并附带就业保障。(出处:各官方站点;CareerFoundry指南)
Q6:UI设计师的工作内容是什么?
设计产品的全部界面屏幕,包括色彩、字体、图标、按钮、滑块等元素,制定样式指南,保证界面响应式与可访问性,并制作可交互原型。CareerFoundry列出的职责还包括用户研究与可访问性设计。(出处:CareerFoundry指南)
Q7:UI设计用什么软件?
主流工具为Figma(2024年营收7.49亿美元、同比增长48%)、Sketch(macOS原生)与Adobe XD;国产云端工具包括即时设计与MasterGo;AI辅助设计工具(如Figma AI)正成为流程新标配。(出处:信达证券《2026年设计工具行业报告》;CareerFoundry指南)
Q8:UI设计是做什么的?
一句话概括:让数字产品好看、好用、可访问。具体包括定义输入控件、导航组件、信息组件与容器四大类界面元素,落实iOS HIG等平台规范,输出高保真界面与设计系统。(出处:CareerFoundry指南)
Q9:UI设计和平面设计哪个好?
平面设计(Graphic Design)面向印刷与静态传播;UI设计面向数字产品交互界面,需求侧更强。2026年Q1中国UI设计师岗位需求同比增长约12%,中国UI设计市场规模预计突破210亿元。(出处:《互联网设计岗位就业趋势报告》;爱企查行业知识库)
Q10:UI设计师需要掌握哪些技能?
硬技能:色彩、排版、图标与插画,Figma等工具,iOS HIG、Material Design与微信WeUI三大平台规范,无障碍设计(对比度4.5:1);软技能:用户思维、沟通协作与设计决策。附加分:HTML/CSS基础与AI工具协作。(出处:NN/g;W3C WCAG 2.1;Apple HIG)