UI设计师培训课程大纲（选修）

一、课程简介

本课程旨在系统培养具备视觉表现力、规范执行力和界面交付能力的专业UI设计师。课程聚焦数字产品界面设计的完整流程，从设计基础、软件工具、视觉表现、移动规范到设计系统与交付输出，使学员掌握从需求理解到高保真界面产出的核心能力，胜任互联网、移动应用、电商平台等领域的UI设计岗位。

二、培训目标

• 掌握UI设计核心概念、设计原则和行业规范

• 熟练使用Figma、Photoshop、Illustrator等主流设计软件

• 精通移动端iOS和Android设计规范，能够产出符合平台标准的界面

• 掌握字体设计、色彩运用、版式布局等视觉表现方法

• 具备图标绘制能力和组件化设计思维

• 能够搭建设计系统和组件库，提升设计效率和一致性

• 掌握切图标注、设计交付等开发协作流程

• 通过综合项目实战，产出完整的UI设计作品集

三、培训对象

• 零基础希望进入UI设计领域的学员

• 平面设计师、视觉设计师希望转型UI方向

• 产品经理、运营人员希望提升设计能力

• 前端开发人员希望了解设计规范与协作流程

四、课程大纲

模块一：UI设计基础与设计思维（2天）

1. UI设计概述

   • UI设计定义与发展历程

   • UI与UX的关系与区别

   • 数字产品设计流程概览

   • UI设计师的职责与能力模型

2. 设计原则

   • 格式塔原则（相似性、邻近性、连续性、闭合性）

   • 尼尔森十大可用性原则

   • 视觉层次与信息优先级

   • 一致性、对比度、重复性、对齐性四大基本原则

3. 设计流程与方法

   • 需求分析与理解

   • 竞品分析方法

   • 设计思维入门

   • 设计评审与反馈

4. 设计工具概览

   • 主流设计工具对比（Figma/Sketch/Adobe XD/Photoshop/Illustrator）

   • 工具选型与工作流

   • 设计资源获取（图标库、灵感网站、设计社区）

模块二：Figma核心技能全攻略（3天）

1. Figma基础入门

   • 界面介绍与工作区设置

   • 文件管理与画板操作

   • 图层管理与组织

   • 视图控制与辅助工具

2. 矢量绘图与图形编辑

   • 钢笔工具与贝塞尔曲线

   • 形状工具与布尔运算

   • 矢量网络与路径编辑

   • 颜色填充与渐变应用

3. 组件与实例

   • 组件创建与管理

   • 实例替换与覆盖属性

   • 嵌套组件与组件层级

   • 组件库的创建与发布

4. 样式系统

   • 颜色样式的创建与应用

   • 文字样式与字体管理

   • 网格样式与布局参考

   • 效果样式（阴影、模糊、背景模糊）

5. 自动布局与响应式设计

   • 自动布局原理与设置

   • 约束与边距控制

   • 嵌套自动布局

   • 响应式设计与自适应调整

6. 团队协作与版本管理

   • 多人协作与权限设置

   • 评论与反馈系统

   • 版本历史与回滚

   • 团队库与资源共享

7. 交付与开发衔接

   • 切图导出（PNG/SVG/PDF）

   • 标注查看与开发者模式

   • 设计交接规范

   • 设计走查与还原度检查

模块三：视觉表现力提升（3天）

1. 字体设计基础

   • 字体分类与特征（衬线体/无衬线体）

   • 界面字体选择原则

   • 字阶与字重设定

   • 字体排版技巧（行高、字距、对齐）

2. 色彩系统设计

   • 色彩理论基础（色相、明度、纯度）

   • 色彩心理与情感表达

   • 主色、辅助色、点缀色设定

   • 色彩规范与可访问性（WCAG对比度标准）

3. 版式与布局

   • 网格系统原理

   • 栅格系统（12列/24列栅格）

   • 间距与留白设计

   • 信息层级构建方法

4. 图标设计

   • 图标类型（线形图标、面性图标、扁平图标、拟物图标）

   • 图标设计原则（识别性、一致性、简洁性）

   • 图标绘制方法（栅格辅助、布尔运算）

   • 图标库建设与规范

5. 动效设计基础

   • 动效设计原则

   • 微交互设计

   • 过渡效果与交互动画

   • 动效落地与开发协作

模块四：移动设计规范（2天）

1. iOS人机界面指南

   • iOS设计哲学与特性

   • iOS界面组件（导航栏、标签栏、搜索栏、弹窗）

   • 图标与启动页规范

   • 手势交互设计

   • 动态岛与灵动岛适配

2. Material Design规范

   • 谷歌设计语言与核心理念

   • 材质与阴影系统

   • 组件库（底部导航、卡片、按钮、对话框）

   • 响应式布局与断点设计

   • 色彩系统与主题定制

3. 多端适配设计

   • 移动端尺寸适配（375pt/393pt）

   • 平板适配考虑

   • 折叠屏与小折叠适配

   • 不同分辨率适配策略

4. 组件库设计

   • 组件分类与命名规范

   • 基础组件（按钮、输入框、选择器、弹窗）

   • 复合组件（卡片、列表、表单）

   • 组件库文档编写

模块五：进阶UI设计能力（2天）

1. 深色模式设计

   • 深色模式设计原则

   • 色彩适配策略

   • 对比度与可读性保障

   • 深色模式切换实现

2. 多语言与本地化设计

   • 文字扩展与收缩处理

   • 左右阅读习惯适配

   • 日期/时间/货币格式差异

   • 文化元素考虑

3. 无障碍设计

   • 视觉无障碍设计

   • 交互无障碍设计

   • 辅助功能适配

   • 无障碍测试方法

4. 数据可视化设计

   • 图表类型选择（柱状图、折线图、饼图、雷达图）

   • 数据-墨水比原则

   • 图表色彩与标注

   • 移动端数据可视化适配

模块六：设计交付与协作（1天）

1. 设计规范文档

   • 规范文档结构设计

   • 设计原则说明

   • 组件使用规范编写

   • 规范维护与版本更新

2. 开发协作流程

   • 设计走查方法

   • 还原度验收标准

   • 设计bug跟踪与修复

   • 敏捷开发中的设计协作

3. 作品集准备

   • 作品集结构设计

   • 案例选择与呈现

   • 设计思路表达

   • 个人品牌建设

模块七：综合项目实战（3天）

1. 项目一：移动应用UI设计

   • 选题方向（社交/电商/工具/内容/生活）

   • 竞品分析与设计定位

   • 界面设计（启动页、引导页、首页、详情页、个人中心）

   • 组件库搭建

   • 深色模式适配

   • 完整交付输出

2. 项目二：网页/后台UI设计

   • 网页布局与导航设计

   • 后台系统界面设计

   • 表格/表单/图表设计

   • 响应式适配

   • 设计规范文档编写

3. 项目展示与评审

   • 设计提案PPT准备

   • 设计思路讲解

   • 作品展示与问答

   • 专家点评与反馈

五、课时安排建议

六、软件与环境要求

七、考核方式

八、学习路径建议

如果您想学习本课程，请预约报名
如果没找到合适的课程或有特殊培训需求，请订制培训
除培训外，同时提供相关技术咨询与技术支持服务，有需求请发需求表到邮箱soft@info-soft.cn,或致电4007991916
技术服务需求表点击在线申请

服务特点：
海量专家资源，精准匹配相关行业，相关项目专家，针对实际需求，顾问式咨询，互动式授课，案例教学，小班授课，实际项目演示，快捷高效，省时省力省钱。

专家力量：
中国科学院软件研究所，计算研究所高级研究人员
oracle,微软，vmware，MSC,Ansys，candence,Altium,达索等大型公司高级工程师，项目经理，技术支持专家
中科信软培训中心，资深专家或讲师
大多名牌大学，硕士以上学历，相关技术专业，理论素养丰富
多年实际项目经历，大型项目实战案例，热情，乐于技术分享
针对客户实际需求，案例教学，互动式沟通，学有所获

 点击进入报名表

咨询电话：010-62883247

                4007991916

咨询邮箱：soft@info-soft.cn  

 

微信咨询 随时听讲课 聚焦技术实践