-
内容大纲
UI设计是艺术设计类专业学生的必修课程,是指对软件的人机交互、操作逻辑、界面美观的整体设计。本书以理论知识为基础,通过对实践案例的分析,串联起UI设计的整个流程和设计体系,为UI设计的学习和训练提供了重要的内容体系。
全书共分8章,内容涉及UI设计的基础知识和基本原理,UI设计中的图标设计、版式设计、色彩设计、字体设计,以及Banner设计和动效的制作。本书从概念到实践,深入浅出地呈现了UI设计的各个阶段、步骤和要素,让读者能够全面了解UI设计的整体流程,掌握更好的表现方式和技法。
本书适合作为高等院校艺术设计类专业的教材,也可作为UI设计、App界面设计从业者的参考用书。 -
作者介绍
-
目录
第1章 UI设计概述
1.1 什么是UI设计
1.1.1 UI设计不单纯是视觉设计
1.1.2 UI设计的范畴
1.1.3 交互设计的概念
1.1.4 用户体验的概念
1.1.5 界面设计的概念
1.2 UI与UE的关系
1.3 UI设计的发展历程
1.4 UI设计的分类
1.4.1 以终端为标准的分类
1.4.2 以操作系统为标准的分类
1.4.3 以内容为标准的分类
1.5 UI设计的现状
1.6 UI设计的发展趋势
第2章 UI设计的基本原理
2.1 UI的构成
2.2 UI设计的基本工作流程
2.3 UI设计规范
2.3.1 iOS设计规范
2.3.2 安卓设计规范
2.4 UI设计中的视觉原则
2.4.1 颜色一致性
2.4.2 版式一致性
2.4.3 字体一致性
2.4.4 图标控件一致性
2.4.5 交互操作一致性
2.4.6 对比原则
2.5 UI设计的风格演变
2.6 UI设计与产品的关系
2.7 应用案例
2.7.1 产品介绍
2.7.2 规范选用
2.7.3 字体选用
2.7.4 配色设计
2.7.5 标志设计
2.7.6 图标设计
2.7.7 页面高保真原型图
2.7.8 页面效果图
第3章 UI设计中图标的应用与实践案例
3.1 UI设计中图标的分类
3.1.1 功能性图标
3.1.2 装饰性图标
3.2 UI设计中图标的风格
3.2.1 拟物化图标
3.2.2 线性图标
3.2.3 面性图标
3.2.4 轻质感图标
3.2.5 2.5D图标
3.2.6 插画风图标
3.3 UI设计中图标设计原理
3.3.1 图标设计的基本知识
3.3.2 图标的设计规范
3.3.3 设计方法
3.4 实践案例
3.4.1 线性图标案例
3.4.2 面性图标案例
3.4.3 扁平化图标案例
3.4.4 其他风格的图标案例
第4章 UI设计中版式的应用与实践案例
4.1 UI设计中的版式对齐原则
4.1.1 对齐原则的概念
4.1.2 案例分析
4.2 UI设计中的版式对比原则
4.2.1 对比原则的概念
4.2.2 案例分析
4.3 UI设计中的版式重复性原则
4.3.1 重复性原则的概念
4.3.2 案例分析
4.4 UI设计中的版式亲密性原则
4.4.1 亲密性原则的概念
4.4.2 案例分析
4.5 UI设计中版式设计的视觉引导性
4.6 UI设计中的栅格系统
4.6.1 什么是栅格系统
4.6.2 栅格系统在UI设计中的使用规范
4.6.3 如何制作栅格系统
4.6.4 案例分析
4.7 实践案例
第5章 UI设计中色彩的应用与实践案例
5.1 UI设计中色彩的基本原理
5.1.1 色彩的色相
5.1.2 色彩的纯度
5.1.3 色彩的明度
5.2 UI设计中色彩的情感
5.2.1 冷色
5.2.2 暖色
5.2.3 中性色
5.3 UI设计中色彩的搭配技巧
5.4 UI设计中的配色规范
5.5 实践案例
5.5.1 暖色风格
5.5.2 灰色风格
5.5.3 果色风格
5.5.4 浅糖果色风格
5.5.5 深糖果色风格
5.5.6 白色风格
5.5.7 深色风格
5.5.8 炫彩风格
第6章 UI设计中字体的应用与实践案例
6.1 UI设计中的字体分类
6.1.1 西文字体的分类
6.1.2 中文字体的分类
6.2 UI设计中的字体推荐
6.2.1 UI设计中的系统字体
6.2.2 UI设计中的美工字体
6.2.3 UI设计中的免费字体
6.3 UI设计中字体的设计方法
6.3.1 UI设计中字体的设计原则
6.3.2 UI设计中字体的设计流程
6.4 UI设计中字体的排版原理
6.4.1 对齐方式
6.4.2 字间距
6.4.3 行间距
6.4.4 辨识度
6.4.5 差异性
6.5 实践案例
6.5.1 书法字体
6.5.2 手写字体
6.5.3 变体字体
6.5.4 网格字体
6.5.5 线性字体
6.5.6 装饰字体
6.5.7 释义字体
6.5.8 字体设计过程
第7章 Banner设计原理与实践案例
7.1 Banner的构图原理
7.1.1 文字
7.1.2 图片
7.1.3 文字与图片的组合
7.2 Banner的配色技巧
7.2.1 邻近色
7.2.2 互补色
7.3 Banner的字体选择
7.4 Banner的装饰搭配
7.4.1 点、线、面
7.4.2 元素的选择
7.5 Banner的设计规范
7.5.1 构图规范
7.5.2 切换样式
7.5.3 功能规范
7.6 实践案例
7.6.1 主字体Banner设计
7.6.2 主产品Banner设计
7.6.3 主版式Banner设计
7.6.4 主插画Banner设计
7.6.5 主配色Banner设计
7.6.6 Banner的制作流程
第8章 动效制作原理与实践案例
8.1 动效的分类
8.2 动效的原理
8.3 动效的动画运动分类
8.3.1 缓动
8.3.2 线性运动
8.3.3 缓入和缓出
8.3.4 悬停
8.3.5 点击
8.4 动效在界面中的编排
8.4.1 均等交互
8.4.2 从属交互
8.5 动效制作规范
8.5.1 动效制作原则
8.5.2 动效制作流程
8.6 实践案例
8.6.1 图片详情页动效
8.6.2 图片信息跳转动效
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...