UI设计教程课件.pptx

UI设计概述;;1.1.2 UI设计的用户体验;1.1.3 UI设计的常用工具;UI设计的运用;1.2.1 移动App界面设计;1.2.2 网页界面设计;1.2.3 游戏界面设计;1.2.4 应用软件界面设计;UI设计的发展趋势;1.3.1 人工智能产品界面设计;1.3.2 AR产品界面设计;1.3.3 VR产品界面设计;UI设计的原则;1.4.1 适用性;1.4.1 适用性;1.4.2 规范性;1.4.3 易操作性;1.4.4 统一性;1.4.5 层级性;UI设计的流程;1.5.1 分析需求;1.5.1 分析需求;1.5.3 绘制原型图;1.5.4 绘制效果图;1.5.4 绘制效果图;1.5.5 标注与切图;项目实训;项目一 天气类应用软件界面的素材搜集???制作;项目一 天气类应用软件界面的素材搜集与制作;项目二 分析大型网络游戏界面的UI设计原则;项目二 分析大型网络游戏界面的UI设计原则;;点、线、面;2.1.1 点;2.1.2 线;2.1.3 面;2.1.3 面;2.1.4 分析案例——“网易云音乐”App播放页界面分析;色彩;2.2.1 色彩的属性;2.2.1 色彩的属性;2.2.1 色彩的属性;2.2.2 色彩的对比;2.2.3 主色、辅助色与点缀色;2.2.3 主色、辅助色与点缀色;2.2.4 UI设计常见色彩搭配;2.2.5 分析案例——对“普通话学习”App界面进行色彩分析;字体;2.3.1 UI设计常用字体类型;2.3.2 UI设计字体规范;2.3.2 UI设计字体规范;2.3.2 UI设计字体规范;2.3.3 UI设计中的字体排版;2.3.4 设计案例——小游戏App界面中的文字设计;风格;2.4.1 界面风格的设计要点;2.4.2 界面常见设计风格;2.4.2 界面常见设计风格;2.4.2 界面常见设计风格;2.4.2 界面常见设计风格;2.4.2 界面常见设计风格;2.4.3 设计案例——插画风格网站登录界面设计;项目实训;项目一 分析网站首页的UI设计;项目一 分析网站首页的UI设计;项目二 设计读书App启动页界面;项目二 设计读书App启动页界面;;了解UI设计规范;3.1.1 UI设计规范的原则;3.1.2 UI设计规范包括的内容;3.1.2 UI设计规范包括的内容;3.1.2 UI设计规范包括的内容;3.1.2 UI设计规范包括的内容;3.1.2 UI设计规范包括的内容;3.1.2 UI设计规范包括的内容;不同系统的UI设计规范;3.2.1 iOS系统的UI设计规范;3.2.1 iOS系统的UI设计规范;3.2.2 Android系统的UI设计规范;3.2.2 Android系统的UI设计规范;3.2.2 Android系统的UI设计规范;3.2.3 Windows系统的UI设计规范;3.2.3 Windows系统的UI设计规范;UI设计的图片规范;3.3.1 图片的格式;3.3.2 图片的使用规范;项目实训;项目实训——分析某App界面中的UI设计规范;项目实训——分析某App界面中的UI设计规范;项目实训——分析某App界面中的UI设计规范;;UI设计布局要素;4.1.1 留白;4.1.1 留白;;4.1.3 分析案例——分析“佰草集”官方网站界面的布局元素;UI设计的布局原则;4.2.1 对齐原则;4.2.2 对比原则;4.2.3 重复原则;4.2.4 平衡原则;4.2.5 节奏与韵律原则;4.2.6 分析案例——分析手机App界面的布局原则;UI设计构图方法;4.3.1 平衡构图;4.3.2 放射构图;4.3.3 九宫格构图;4.3.4 三角构图;4.3.5 F形构图;4.3.6 S形构图;4.3.7 设计案例——用三角形构图法设计App登录界面;项目实训;项目一——分析“自然堂”官方网站界面的布局与构图;项目一——分析“自然堂”官方网站界面的布局与构图;项目一——分析“自然堂”官方网站界面的布局与构图;项目二——设计App引导页界面;项目二——设计App引导页界面;项目二——设计App引导页界面;;认识网页界面;5.1.1 网页界面组成;5.1.2 常见的网页界面布局方式;;网页界面Logo和按钮设计;5.2.1 Logo设计标准与样式;5.2.1 Logo设计标准与样式;5.2.2 按钮的类型和特点;5.2.3 设计案例——设计旅行网Logo;5.2.4 设计案例——设计网页登录按钮;网页界面设计;5.3.1 网页首页界面的主要功能;5.3.2 网页内页界面设计的