目录

项目1 认识 UI设计
1.1 UI 设计介绍 3
      1.1.1 UI 设计的概念 3
      1.1.2 UI 设计的用户体验 3
      1.1.3 UI 设计的图像 3
      1.1.4 UI 设计尺寸相关知识 4
1.2 UI 设计的运用 5
      1.2.1 移动App 界面设计 5
      1.2.2 网页界面设计 5
      1.2.3 游戏界面设计 7
      1.2.4 应用软件界面设计 7
1.3 UI 设计的原则 8
      1.3.1 适用性  8
      1.3.2 规范性  9
      1.3.3 易操作性 10
      1.3.4 统一性 10
      1.3.5 层级性 11
1.4 UI 设计的流程 12
      1.4.1 需求分析 12
      1.4.2 原型设计 12
      1.4.3 视觉定位 13
      1.4.4 切图与标注 13
项目实训 进行“粤览风华”App 的用户需求分析 14
项目实训 设计“粤览风华”App 的交互原型 17
项目2 UI 设计要素
2.1 布局 23
      2.1.1 宫格布局 23
      2.1.2 列表布局 23
      2.1.3 卡片布局 24
      2.1.4 瀑布流布局 24
      2.1.5 多面板布局 24
2.2 色彩 25
      2.2.1 色彩三要素 25
      2.2.2 色彩的对比 26
      2.2.3 主色、辅助色与点缀色 28
      2.2.4 UI 设计中常见的色彩搭配 29
2.3 字体 31
      2.3.1 UI 设计常用字体类型 32
      2.3.2 UI 设计字体规范 34
      2.3.3 UI 设计字体排版 35
2.4 风格 36
      2.4.1 界面风格的设计要点 36
      2.4.2 界面常见的设计风格 38
项目实训 理解移动UI 视觉设计方法 40
项目实训 设计“粤览风华”App 的UI 视觉配色方案 43
项目3 移动 App 图标设计
3.1 UI 图标设计  49
      3.1.1 图标的分类  49
      3.1.2 常见的存储格式和图标尺寸  51
3.2 iOS 应用图标设计流程  53
      3.2.1 寻找隐喻  53
      3.2.2 竞品分析  53
      3.2.3 提取关键词  53
      3.2.4 抽象图形   54
      3.2.5 图标栅格线  54
      3.2.6 丰富细节  55
项目实训 设计“粤览风华”App 的“酒店民宿”图标  55
项目4 移动 App UI 组件设计
4.1 按钮 59
      4.1.1 按钮的概述  59
      4.1.2 按钮的类型 59
      4.1.3 按钮的状态 60
      4.1.4 按钮的尺寸及风格  61
      4.1.5 设计按钮的注意事项  63
4.2 滑块  66
      4.2.1 滑块的概念  66
      4.2.2 滑块的设计  66
4.3 表单  68
      4.3.1 表单的结构及元素设计细节  68
      4.3.2 表单常见注意事项  70
      4.3.3 单选框与复选框 72
      4.3.4 文本输入框与下拉菜单  75
      4.3.5 搜索框  76
4.4 Banner 77
      4.4.1 轮播Banner 77
      4.4.2 胶囊Banner  77
      4.4.3 白底Banner   77
      4.4.4 悬浮Banner   78
      4.4.5 组合Banner   78
4.5 卡片  79
      4.5.1 卡片概述  79
      4.5.2 常见的卡片式设计样式  79
      4.5.3 卡片式设计注意事项  80
项目实训 设计“粤览风华”App 的Banner 样式   83
项目实训 设计“粤览风华”App 的首页   85
项目5 移动 UI设计布局与构图
5.1 UI 设计的布局元素
      5.1.1 留白
      5.1.2 视觉层次
5.2 UI 设计的布局原则
      5.2.1 对齐原则
      5.2.2 对比原则
      5.2.3 重复原则
      5.2.4 平衡原则
      5.2.5 亲密原则
5.3  UI 设计的构图方法
      5.3.1 平衡构图
      5.3.2 放射式构图
      5.3.3 九宫格构图
      5.3.4 三角形构图
项目实训 设计“粤览风华”App 的“发现”页面
项目实训 设计“粤览风华”App 的“发现”拓展页面
项目6 移动 App界面设计
6.1 移动App 界面类型   129
      6.1.1 启动页   129
      6.1.2 加载页   129
      6.1.3 引导页   129
      6.1.4 注册登录页  130
      6.1.5 首页  133
6.2 认识移动App 界面  134
      6.2.1 移动App 界面基本构成 134
      6.2.2 移动App 界面设计要点 137
6.3 移动App 首页界面设计  137
      6.3.1 移动App 首页界面类型 137
      6.3.2 移动App 首页界面设计要点  139
6.4 移动App 列表页设计   140
      6.4.1 移动App 列表页界面类型   140
      6.4.2 移动App 列表页界面设计要点   140
项目实训 设计“粤览风华”App“攻略”页面   141
项目实训 设计“粤览风华”App“攻略”页面的“广州旅行经验”拓展页  147
项目7 移动 App 界面的标注与切图
7.1 移动App 界面的标注 151
      7.1.1 界面标注的作用  151
      7.1.2 界面标注的内容  151
      7.1.3 界面标注的规范   153
7.2 移动App 界面的切图  154
      7.2.1 切图的原则  155
      7.2.2 切图的要点  155
      7.2.3 切图的命名规则  155
项目实训 设计“粤览风华”App“我的”页面  159
项目实训 标注“粤览风华”App“我的”页面  166
参考文献  172

世纪宏图免费样书、课件申请表

尊敬的老师：

您好！欢迎您领取本书样书，高校教师免费领取，包邮，每人1-3本。提交申请样书信息后，由对应区域负责人安排邮寄，1-3天内寄出。如有其他问题，请联系：薛老师 13810412048 （微信同号） QQ: 2301407762 进行咨询和处理。