零基础学软件UI设计

第1章  了解软件UI设计
 1.1  初识软件UI设计
   1.1.1  UI设计的概念
   1.1.2  软件UI设计
   1.1.3  网页UI设计和软件UI设计的区别
 1.2  软件界面的设计分类
   1.2.1  Windows应用软件界面
   1.2.2  移动端App软件界面
   1.2.3  Web应用软件界面
   1.2.4  网页界面
   1.2.5  游戏软件界面
 1.3  软件界面的设计流程
   1.3.1  需求分析
   1.3.2  设计分析
   1.3.3  调研验证
   1.3.4  方案改进
   1.3.5  用户验证
 1.4  软件界面设计的黄金法则
   1.4.1  在实现功能的框架下设计
   1.4.2  层次结构清晰
   1.4.3  一致性和标准化
   1.4.4  给予足够的视觉反馈
 1.5  软件界面的设计要求
   1.5.1  图像元素布局合理
   1.5.2  避免视觉噪声和混乱
   1.5.3  保持界面干净整洁
   1.5.4  避免歧义
   1.5.5  消除视觉附加工作
   1.5.6  界面要美观优雅
 1.6  软件界面的设计趋势
   1.6.1  半扁平化设计
   1.6.2  毛玻璃质感
   1.6.3  浅色风格设计
   1.6.4  深色风格设计
 1.7  软件界面的配色设计
   1.7.1  色调的一致性
   1.7.2  色彩属性差距小
   1.7.3  色彩选择符合人眼习惯
   1.7.4  使用色彩分类界面功能
   1.7.5  配色设计便于阅读
   1.7.6  控制色彩的使用数量
   1.7.7  多种方案可供选择
 1.8  举一反三——分析音乐软件主界面
 1.9  本章小结
第2章  软件界面的基础构成元素
 2.1  软件界面中的视觉识别元素
   2.1.1  软件按钮
   2.1.2  软件图标
   2.1.3  软件菜单
   2.1.4  软件标签
   2.1.5  软件滚动条
   2.1.6  软件状态栏
   2.1.7  软件框架
 2.2  文字元素设计
   2.2.1  建立视觉层级
   2.2.2  添加交互元素
 2.3  按钮元素设计
   2.3.1  软件按钮
   2.3.2  按钮设计原则
 2.4  图标元素设计
   2.4.1  软件图标的概念
   2.4.2  图标的常用格式
   2.4.3  图标设计原则
 2.5  软件进度条元素设计
   2.5.1  进度条概述
   2.5.2  形式和使用场景
   2.5.3  提升进度条品质的方法
 2.6  软件菜单元素设计
   2.6.1  软件菜单概述
   2.6.2  软件菜单的重要性
 2.7  工具栏元素设计
 2.8  举一反三——设计制作非典型软件菜单
 2.9  本章小结
第3章  软件安装和启动界面设计
 3.1  了解软件安装界面设计
   3.1.1  软件安装的流程界面
   3.1.2  设计表现与用户体验
 3.2  关于软件启动界面
 3.3  软件启动界面的作用
   3.3.1  显示软件信息
   3.3.2  载入所需文件
   3.3.3  加深品牌效应
 3.4  软件启动界面的设计原则
   3.4.1  以人为本
   3.4.2  简单清楚
   3.4.3  美观大方
   3.4.4  以用户为中心
 3.5  软件启动界面的设计要求
   3.5.1  内容显示清晰
   3.5.2  界面具有安全感
   3.5.3  考虑用户体验
   3.5.4  合理的启动时间
 3.6  软件启动界面的设计技巧
 3.7  举一反三——设计制作一款App引导页
 3.8  本章小结
第4章  应用软件界面的新颖设计
 4.1  初识应用软件界面设计
   4.1.1  应用软件界面的概念
   4.1.2  应用软件界面的设计内容
   4.1.3  应用软件界面的设计要点
   4.1.4  应用软件界面的设计原则
 4.2  软件皮肤设计
 4.3  Web软件界面设计
   4.3.1  Web软件界面概述
   4.3.2  Web软件界面设计原则
 4.4  游戏软件界面设计
   4.4.1  游戏UI设计的概念
   4.4.2  游戏软件界面设计原则
 4.5  举一反三——设计制作“天气助手”界面
 4.6  本章小结
第5章  App软件界面设计
 5.1  了解移动端App软件
   5.1.1  App软件的由来
   5.1.2  App软件的概念
 5.2  移动端操作系统
   5.2.1  Android系统
   5.2.2  iOS
 5.3  移动端设备屏幕尺寸
   5.3.1  Android手机屏幕尺寸
   5.3.2  iOS手机屏幕尺寸
 5.4  App软件界面布局
   5.4.1  Android系统软件布局
   5.4.2  iOS软件布局
 5.5  App软件界面的设计特点和流程
   5.5.1  App软件界面的设计特点
   5.5.2  App软件界面的设计流程
 5.6  移动端智能设备的界面设计
   5.6.1  关于智能手表
   5.6.2  车载系统界面设计
   5.6.3  智能电视界面设计
 5.7  举一反三——制作App版本更新弹出框
 5.8  本章小结