UI设计技术与应用案例解析

UI设计基础知识
1.1 UI设计概述
1.1.1 UI设计的概
1.1.2 UI设计的基本原ň
1.1.3 UI设计的流
1.1.4 UI设计的常用软
1.2 UI设计方向
1.2.1 用户研
1.2.2 交互设
1.2.3 界面设
1.3 UI界面设计原则
1.3.1 一致性原ň
1.3.2 准确性原ň
1.3.3 可读性原ň
1.3.4 布局合理化原ň
1.3.5 系统操作合理性原ň
1.3.6 系统响应时间原ň
1.4 UI设计规范
1.4.1 文字应用规
1.4.2 图片应用规
1.4.3 色彩应用规
课后练习 收集不同类别的UI界面设计
拓展赏析 中国的榫卯工
图像处理知识准备
2.1 基础知识详解
2.1.1 案例解析：制作九宫格效
2.1.2 认识工作界
2.1.3 图像的辅助调整
2.1.4 图像的显示调整
2.1.5 图像的变形与变
2.1.6 图像的修饰与修
2.2 图形的绘制与填
2.2.1 案例解析：重构图像显示
2.2.2 选框工具
2.2.3 画笔工具组
2.2.4 钢笔工具组
2.2.5 形状工具组
2.2.6 取样、填充颜
2.2.7 渐变工
2.3 文本的创建与编
2.3.1 案例解析：制作电商Banner
2.3.2 认识文本工
2.3.3 创建文
2.3.4 编辑文
2.4 蒙版和通道
2.4.1 案例解析：制作圆角方形头像
2.4.2 认识通道
2.4.3 认识蒙
2.5 图像的色彩调整
2.5.1 案例解析：提取图像线稿
2.5.2 色
2.5.3 曲
2.5.4 色ǜ饱和
2.5.5 色彩平
2.5.6 去
2.6 图像的 应用
2.6.1 案例解析：制作动感飞驰效果
2.6.2 图层样
2.6.3 独立滤镜组
2.6.4 滤镜组
课堂实战 制作平铺背景效果
课后练习 制作千图成像效果
拓展赏析 传世名画：清明上河图
图形元素的设计技
3.1 基础知识详解
3.1.1 案例解析：快速调整图像尺
3.1.2 认识工作界
3.1.3 画板的尺寸调整
3.2 基础图形的绘制与填充
3.2.1 案例解析：绘制卡通云
3.2.2 绘制线段和网格
3.2.3 绘制几何形
3.2.4 构建新的形
3.2.5 设置填充与描边
3.3 路径的绘制与编
3.3.1 案例解析：绘制手账本简笔画
3.3.2 绘制路
3.3.3 调整路
3.3.4 编辑路
3.4 对象的选择与变
3.4.1 案例解析：制作流动的山
3.4.2 对象的选择
3.4.3 对象的对齐和分
3.4.4 对象的排列
3.4.5 对象的变
3.4.6 对象的 编
3.5 文本的创建与编
3.5.1 案例解析：制作网站Banner
3.5.2 创建文
3.5.3 编辑文
3.6 与样式的添
3.6.1 案例解析：制作多重文字描边效果
3.6.2 Illustrator效果
3.6.3 Photoshop效果
3.6.4 外观与图形样式
课堂实战 制作拆分文字效果
课后练习 制作立体按钮
拓展赏析 中国的水墨动ǔ
产品设计交互工具
4.1 认识MasterGo
4.1.1 MasterGo工作界面
4.1.2 视图选项调整
4.1.3 标尺和参考线
4.2 MasterGo基础工具
4.2.1 案例解析：绘制半圆效果
4.2.2 选择工具
4.2.3 容器工
4.2.4 形状工
4.2.5 钢笔工
4.2.6 文本工
4.3 MasterGo组件和样
4.3.1 案例解析：应用预设样式
4.3.2 创建组
4.3.3 应用预设组
4.3.4 创建样
4.4 MasterGo原型交互
4.4.1 案例解析：原型内容的固定与滚动
4.4.2 了解原型模
4.4.3 交互—触发和动作
4.4.4 交互—动画和效果
4.4.5 溢出行
4.4.6 约束设
4.4.7 原型演
4.5 MasterGo协同评论
4.5.1 文件分
4.5.2 了解标注模
4.5.3 评论工
4.6 MasterGo切图和导
4.6.1 创建切
4.6.2 导出预
4.6.3 导出Sketch格式
课堂实战 制作网站登录界面
课后练习 制作App首页界面
拓展赏析 中国喜庆的装饰艺术：年画
组件与图标设
5.1 UI的控件、组
5.1.1 UI控件详解
5.1.2 UI组件详解
5.2 按钮的设计
5.2.1 按钮的组成
5.2.2 按钮的设计类型
5.2.3 按钮的设计风格
5.3 图标的设计
5.3.1 图标的类型
5.3.2 图标的设计风格
5.3.3 图标的设计规范
课堂实战 音乐应用图标设计
课后练习 制作便签图标
拓展赏析 中国古代三大印花工艺
App界面设计
6.1 App常用界面类型
6.1.1 闪屏页
6.1.2 引导页
6.1.3 注册登录页
6.1.4 空白页
6.1.5 首ɡ
6.1.6 个人中心页
6.2 App界面视觉设计
6.2.1 颜色规
6.2.2 图片规
6.2.3 边距和间距
6.3 ios设计规范指南
6.3.1 界面尺
6.3.2 文字规
6.4 Android设计规范指南
6.4.1 界面尺
6.4.2 文字