界面设计

本书涵盖三方面内容, 既有界面设计基础理论, 如界面设计的概念, 界面设计的一般流程, 界面设计的基本原则, 色彩理论基本知识, 常用的色彩搭配手法, 常见的界面排版方式, 手机端Web App的界面设计规范, PC界面设计规范等; 又有界面的快速原型设计工具介绍, 如Axure的安装与基本应用, Axure的布局界面元素及其使用, Axure的人机互动设计等; 还有界面设计实例, 通过真实案例, 详细介绍了基于Axure RP进行界面设计的详细流程。

单元1 界面设计基础 1.1 界面设计的概念 1.1.1 什么是界面设计 1.1.2 界面设计的分类 1.2 界面设计的基本流程 1.2.1 需求调查 1.2.2 设计分析 1.2.3 快速原型 1.2.4 迭代验证 1.3 界面设计的基本原则 1.3.1 界面设计的一般性原则 1.3.2 界面设计的注意事项 1.3.3 PC端网页界面的设计原则 1.3.4 移动端网页界面的设计原则 1.3.5 移动端优先原则与界面响应式设计 1.3.6 思政点滴――数字经济与国家战略 习题1 单元2 界面设计的快速原型设计工具 2.1 快速原型设计的概念 2.1.1 什么是快速原型设计 2.1.2 快速原型设计工具Axure RP 2.2 Axure RP的安装与使用 2.2.1 Axure RP的安装 2.2.2 Axure RP的主界面 2.2.3 Axure RP的菜单栏与工具栏 2.2.4 Axure RP中的元件库和图标库 2.3 原型图 2.3.1 低保真原型图 2.3.2 高保真原型图 2.3.3 设计实例 2.3.4 思政点滴――计算机行业职业道德规范 习题2 单元3 响应式设计的概念 3.1 响应式设计的概念 3.1.1 普通网页 3.1.2 响应式网页 3.2 响应式网页的测试 3.2.1 使用真实的物理设备来测试 3.2.2 使用第三方的虚拟软件来测试 3.2.3 使用浏览器自带的设备模拟器来测试 3.3 响应式设计的技术基础 3.4 viewport元标签与媒体查询技术 3.4.1 viewport元标签 3.4.2 Media Query（媒体查询）技术 3.5 响应式设计的常用方法 3.5.1 百分比布局 3.5.2 正确使用元素的box-sizing属性 3.5.3 使用文字大小的相对单位 3.5.4 图片自适应 3.5.5 背景图片自适应 3.5.6 弹性盒布局 3.5.7 思政点滴――网络安全空间国家战略 习题3 单元4 Bootstrap框架及应用 4.1 Bootstrap框架简介 4.1.1 Bootstrap框架的内容 4.1.2 Bootstrap系统的安装 4.1.3 Bootstrap基本模板 4.1.4 Bootstrap完整模板 4.2 Bootstrap全局CSS样式 4.2.1 全局CSS样式――文本 4.2.2 全局CSS样式――按钮、图片、列表与表格 4.2.3 全局CSS样式――栅格布局系统 4.2.4 全局CSS样式――表单 4.2.5 Bootstrap组件――字体图标 4.2.6 Bootstrap组件――按钮组与下拉菜单 4.2.7 Bootstrap组件――输入框组、导航与响应式导航条 4.2.8 Bootstrap组件――列表组与警告框 4.2.9 Bootstrap组件――媒体对象、标签页与折叠菜单 4.2.10 Bootstrap插件――轮播图 4.2.11 思政点滴――社会主义核心价值观 习题4