课程大纲
第一天:UI视觉设计的基础知识与核心方法(上) 我们学习的旅程从UI视觉设计的基础知识开始,首先让学员建立一个正确的UI设计基础概念,然后开始学习UI视觉设计中的视觉风格与语义符号系统方法 | ||
日程 | 时间 | 课程模块 |
09:00-10:10 | UI视觉设计的五个核心要素 视觉风格,语义符号系统,信息(可视化)设计,UI动效设计,UI设计规范 UI设计师的工作职责定义 金融产品产品UI设计全流程案例分析 | |
10:10-10:20 | 课间休息和答疑。 | |
10:20-11:20 | UI视觉设计的核心基础知识 1.UI设计中的格式塔心理学 2.UI设计中的立体视觉与平面视觉,色彩和谐原理 3. UI设计中的信息设计的视觉设计原理 详解:形状隐喻,色彩隐喻,位置隐 喻,动效隐喻 | |
11:30-12:00 | UI视觉设计核心要素1: UI视觉风格的原理与应用, 详解决定视觉风格的三个因素:品牌因素,用户偏好因素,流行趋势因素 UI风格影响因素一:流行趋势 1.拟物化设计(Skeuomorphic design)及其界面应用 2.装饰化设计(Rich design)及其界面应用 3. 扁平化设计(Flat design)及其界面应用 4.未来设计审美趋势(科技感,3D风,视频风,插画风等) | |
12:00-13:00 | 午间休息。 | |
日程 | 时间 | 课程模块 |
下午 | 13:00-14:30 | UI风格影响因素二:用户审美偏好 基于用户年龄,民族国家,职业的偏好以及实际应用举例 审美风格影响因素三:品牌风格影响 品牌风格特征与界面设计的结合,以及实际应用举例 |
14:30-14:40 | 课间休息 | |
14:40-15:30 | UI视觉设计核心要素2:语义图标符号在设计中的应用和设计方法 核心要点:语义符号的原理与语义符号的语义提取设计方法 课程核心案例: 语义符号的语义设计方法 | |
15:30-16:00 | 视觉风格与UI视觉语义符号系统的实战案例解析 | |
第二天: UI视觉设计的核心方法(下) 今天的课程将讲解UI设计的核心方法之信息设计与视觉规范设计,然后将对对视觉设计训练方法进行分析 | ||
日程 | 时间 | 课程模块 |
上午 | 9:00-10:30 | UI设计核心要素3: 数据可视化设计与应用 信息可视化的意义与形式 信息可视化的四种类型(数据可视化图表,信息图,示意图,地图) 数据图表可视化设计设计方法:组织数据,发现Idea,选择正确的图表 怎样选择合适的数据图表,每种数据图表适合表达什么样的故事? (线性图,柱状图,饼状图,面积图,散点图,气泡图,区域分布图,时间线图) |
10:30-10:40 | 课间休息 | |
10:40-12:00 | UI设计核心要素4: UI动效设计方法与应用 1.动效设计的对UI设计的意义和物理与空间视觉隐喻本质 2. UI动效设计的四个分类 (指示性动效,转场动效,提示动效,表现性动效) 四类动效在UI界面设计中的应用 指示性动效(导航层级,反馈状态,用户引导,加载与进度等待) 转场动效(缩放过渡,渐隐,界面框架加载过渡) 提示动效(旋转震动,着色,深度变化,图标动画) 表现性动效(Logo动画,趣味插画动画等) 3.UI动效的基础本质动画设计方法 缓动(线性,加减速,克制),偏移与延迟,父子关系,变形,数字变化,覆盖,生成,蒙层,视差,多维,镜头缩放) | |
12:00-13:00 | 午间休息 | |
日程 | 时间 | 课程模块 |
13:00-14:20 | UI视觉设计核心要素5: UI 视觉规范 核心要点:如何建立专业产品UI界面视觉规范 课程核心案例 1.谷歌扁平化视觉规范系统及其相关案例 2.Material design 扁平化设计语言分析 | |
14:20-14:30 | 课间休息 | |
14:30-15:00 | UI设计工具发展趋势:Figma设计工具在设计流程中的应用与国内对应设计工具的对比分析 | |
15:00-16:00 | 图易设计公司内部员工培训的方法和设计研究案例分享 课程总结与答疑 |