项目1 认识UI设计 1__eol__1.1 UI设计的概念及分类 1__eol__1.1.1 UI设计的概念 1__eol__1.1.2 UI设计的分类 2__eol__1.2 UI设计的行业现状 4__eol__1.2.1 UI设计的行业近况 4__eol__1.2.2 UI设计的发展趋势 6__eol__1.3 UI设计的工作流程 6__eol__1.3.1 目标确定 7__eol__1.3.2 竞品分析 7__eol__1.3.3 草图设计 8__eol__1.3.4 界面设计 9__eol__1.3.5 用户测试 9__eol__1.3.6 审查批准 9__eol__1.4 UI设计的基本原则 10__eol__1.4.1 统一性原则 10__eol__1.4.2 简洁美观原则 11__eol__1.4.3 布局合理原则 11__eol__1.5 UI设计的常用工具 12__eol__1.5.1 UI设计工具 12__eol__1.5.2 图形编辑工具 14__eol__1.5.3 设计资源库 15__eol__1.6 学习反思 15__eol__1.6.1 项目小结 15__eol__1.6.2 知识巩固 15__eol__项目2 了解UI设计的基本知识 16__eol__2.1 基本分类 16__eol__2.1.1 启动页、闪屏页和引导页 16__eol__2.1.2 首页 19__eol__2.1.3 详情页 23__eol__2.1.4 个人中心页 24__eol__2.2 基本框架 25__eol__2.2.1 状态栏 26__eol__2.2.2 导航栏 26__eol__2.2.3 内容区域 28__eol__2.2.4 标签栏 31__eol__2.3 界面布局 33__eol__2.3.1 宫格式布局 33__eol__2.3.2 卡片式布局 34__eol__2.3.3 列表式布局 34__eol__2.3.4 侧拉式布局 35__eol__2.3.5 混合式布局 35__eol__2.4 平台规范 36__eol__2.4.1 HarmonyOS 36__eol__2.4.2 iOS 39__eol__2.4.3 Android 43__eol__2.5 学习反思 44__eol__2.5.1 项目小结 44__eol__2.5.2 知识巩固 44__eol__项目3 掌握UI设计的风格定位 45__eol__3.1 需求分析和梳理 45__eol__3.1.1 梳理产品属性 46__eol__3.1.2 了解目标用户 46__eol__3.1.3 竞品分析 48__eol__3.2 产品风格创作 49__eol__3.3 制定设计规范 49__eol__3.3.1 色彩规范 49__eol__3.3.2 文字规范 50__eol__3.3.3 图标规范 51__eol__3.4 制作独立界面 51__eol__3.5 学习反思 52__eol__3.5.1 项目小结 52__eol__3.5.2 知识巩固 52__eol__项目4 掌握UI设计中的关键元素 53__eol__4.1 图标的概述 54__eol__4.1.1 图标的概念 54__eol__4.1.2 图标的分类 54__eol__4.1.3 图标的栅格与尺寸 58__eol__4.2 扁平化风格图标设计 59__eol__4.2.1 【消息】图标的制作要求与分析 59__eol__4.2.2 【消息】图标设计实操 60__eol__4.3 毛玻璃风格图标设计 64__eol__4.3.1 【聊天】图标的制作要求与分析 64__eol__4.3.2 【聊天】图标设计实操 64__eol__4.4 组件 67__eol__4.4.1 组件的概念 67__eol__4.4.2 组件的分类 68__eol__4.5 标题栏组件设计 70__eol__4.5.1 标题栏组件的制作要求与分析 70__eol__4.5.2 标题栏组件设计实操 71__eol__4.6 轻拟态开关组件设计 73__eol__4.6.1 轻拟态开关组件的制作要求与分析 73__eol__4.6.2 轻拟态开关组件设计实操 74__eol__4.7 学习反思 76__eol__4.7.1 项目小结 76__eol__4.7.2 知识巩固 77__eol__项目5 熟悉UI的组合设计 78__eol__5.1 优教App登录页设计 79__eol__5.1.1 优教App登录页的制作要求与分析 79__eol__5.1.2 优教App登录页设计实操 80__eol__5.2 优教App首页设计 83__eol__5.2.1 优教App首页的制作要求与分析 83__eol__5.2.2 优教App首页设计实操 84__eol__5.3 优教App课程页设计 94__eol__5.3.1 优教App课程页的制作要求与分析 94__eol__5.3.2 优教App课程页设计实操 95__eol__5.4 优教网页端首页设计 99__eol__5.4.1 优教网页端首页的制作要求与分析 99__eol__5.4.2 优教网页端首页设计实操 100__eol__5.5 学习反思 105__eol__5.5.1 项目小结 105__eol__5.5.2 知识巩固 105__eol__项目6 掌握UI设计的标注和切图 106__eol__6.1 标注的概述 106__eol__6.1.1 标注的概念和作用 106__eol__6.1.2 标注的内容及规范 107__eol__6.2 界面标注 109__eol__6.2.1 优教App首页的标注要求与分析 109__eol__6.2.2 优教App首页标注实操 110__eol__6.3 切图的概述 111__eol__6.3.1 切图的概念和作用 111__eol__6.3.2 切图的规范 112__eol__6.3.3 切图的工具 114__eol__6.4 优教App登录页切图 115__eol__6.4.1 优教App登录页的切图要求与分析 115__eol__6.4.2 优教App登录页切图实操 115__eol__6.5 学习反思 117__eol__6.5.1 项目小结 117__eol__6.5.2 知识巩固 117__eol__项目7 天气类App实训 119__eol__7.1 产品分析与风格定位 120__eol__7.1.1 产品分析 120__eol__7.1.2 风格定位 121__eol__7.2 草图及原型图设计 122__eol__7.2.1 草图绘制 122__eol__7.2.2 原型图设计 123__eol__7.3 启动图标设计 123__eol__7.3.1 知天气App启动图标分析 123__eol__7.3.2 知天气App启动图标参数设置 124__eol__7.3.3 知天气App启动图标实践过程 124__eol__7.4 闪屏页设计 126__eol__7.4.1 知天气App闪屏页分析 126__eol__7.4.2 知天气App闪屏页参数设置 126__eol__7.4.3 知天气App闪屏页实践过程 127__eol__7.5 引导页设计 128__eol__7.5.1 知天气App引导页分析 128__eol__7.5.2 知天气App引导页参数设置 128__eol__7.5.3 知天气App引导页实践过程 129__eol__7.6 首页设计 132__eol__7.6.1 知天气App首页分析 132__eol__7.6.2 知天气App首页参数设置 132__eol__7.6.3 知天气App首页实践过程 132__eol__7.7 预测页设计 137__eol__7.7.1 知天气App预测页分析 137__eol__7.7.2 知天气App预测页参数设置 138__eol__7.7.3 知天气App预测页实践过程 138__eol__7.8 日历页设计 141__eol__7.8.1 知天气App日历页分析 141__eol__7.8.2 知天气App日历页参数设置 141__eol__7.8.3 知天气App日历页实践过程 142__eol__7.9 学习反思 144__eol__7.9.1 项目小结 144__eol__7.9.2 知识巩固 144__eol__项目8 购物类App实训 145__eol__8.1 产品分析与风格定位 146__eol__8.1.1 产品分析 146__eol__8.1.2 风格定位 147__eol__8.2 草图及原型图设计 148__eol__8.2.1 草图绘制 148__eol__8.2.2 原型图设计 149__eol__8.3 启动图标设计 150__eol__8.3.1 艺购App启动图标分析 150__eol__8.3.2 艺购App启动图标参数设置 150__eol__8.3.3 艺购App启动图标实践过程 151__eol__8.4 闪屏页设计 154__eol__8.4.1 艺购App闪屏