书馨卡帮你省薪 2024个人购书报告 2024中图网年度报告
欢迎光临中图网 请 | 注册
> >
UI设计原理与实战策略

UI设计原理与实战策略

出版社:清华大学出版社出版时间:2022-04-01
开本: 其他 页数: 216
中 图 价:¥52.4(7.5折) 定价  ¥69.8 登录后可看到会员价
加入购物车 收藏
运费6元,满39元免运费
?新疆、西藏除外
本类五星书更多>

UI设计原理与实战策略 版权信息

  • ISBN:9787302601111
  • 条形码:9787302601111 ; 978-7-302-60111-1
  • 装帧:一般胶版纸
  • 册数:暂无
  • 重量:暂无
  • 所属分类:>

UI设计原理与实战策略 本书特色

读者在学习UI设计的同时,必须了解和学习用户体验的相关知识。用户界面设计和用户体验设计是交.互设计中不可分割的整体,-套好的UI产品往往都有-种好的用户体验相支持。由于本书篇幅有限,用户体验部分内容仅抛砖引玉,给读者提供-一个基本的用户体验理念。 本书共分8章,内容涉及UI设计的基础知识和基本原理,UI设计中的图标设计、版式设计、色彩设计、字体设计,以及Banner设计和动效的制作。除理论章节外,每章由浅入深,先对简单的理论知识进行讲解,再对常见的设计思路和方法进行分析,通过对实战案例的研究与制作,熟悉整体的设计流程,掌握不同风格的表现方法。由于行业设计软件的多样性,企业要求使用的软件也各不相同,所以书中并未对制作软件进行限制,读者可以根据自身掌握的软件技术的熟练程度进行选择。同时,对于很多第三方UI辅助软件、协作平台也并未做过多讲解,建议读者在掌握传统设计软件的基础上,根据从业要求自行学习。 在本书的编写过程中,得到了很多行业内专家、朋友的帮助,也听取了很多高校老师的意见,同时经过了多届UI交互设计方向的学生教学实训的反复验证与修订,进行了毕业后的跟踪反馈,在行业规范的基础上,结合高校教学与实践经验,总结出了-套适合学习UI设计的内容体系。书中的案例全部源于高校学生的原创、临摹作品,并不代表行业水平,如有不足之处,敬请谅解。由于UI设计行业知识和技术更新迭代的速度较快,书中疏漏之处在所难免,希望各位读者批评指正,以便今后修订与完善。 随书赠送立体化教学资源:案例源文件、教学大纲和PPT课件,获取地址见书前言二维码。教材服务QQ:1815317009

UI设计原理与实战策略 内容简介

UI设计是艺术设计类专业学生的必修课程,是指对软件的人机交互、操作逻辑、界面美观的整体设计。本书以理论知识为基础,通过对实践案例的分析,串联起UI设计的整个流程和设计体系,为UI设计的学习和训练提供了重要的内容体系。 全书共分8章,内容涉及UI设计的基础知识和基本原理,UI设计中的图标设计、版式设计、色彩设计、字体设计,以及Banner设计和动效的制作。本书从概念到实践,深入浅出地呈现了UI设计的各个阶段、步骤和要素,让读者能够全面了解UI设计的整体流程,掌握更好的表现方式和技法。 本书适合作为高等院校艺术设计类专业的教材,也可作为UI设计、App界面设计从业者的参考用书。

UI设计原理与实战策略 目录

第1章  UI设计概述

1.1 什么是UI设计1

1.1.1 UI设计不单纯是视觉设计1

1.1.2 UI设计的范畴2

1.1.3 交互设计的概念3

1.1.4 用户体验的概念4

1.1.5 界面设计的概念4

1.2 UI与UE的关系5

1.3 UI设计的发展历程5

1.4 UI设计的分类7

1.4.1 以终端为标准的分类7

1.4.2 以操作系统为标准的分类9

1.4.3 以内容为标准的分类11

1.5 UI设计的现状13

1.6 UI设计的发展趋势16

第2章  UI设计的基本原理

2.1 UI的构成18

2.2 UI设计的基本工作流程19

2.3 UI设计规范21

2.3.1 iOS设计规范21

2.3.2 安卓设计规范27

2.4 UI设计中的视觉原则30

2.4.1 颜色一致性30

2.4.2 版式一致性31

2.4.3 字体一致性33

2.4.4 图标控件一致性34

2.4.5 交互操作一致性35

2.4.6 对比原则35

2.5 UI设计的风格演变37

2.6 UI设计与产品的关系37

2.7 应用案例38

2.7.1 产品介绍38

2.7.2 规范选用39

2.7.3 字体选用39

2.7.4 配色设计39

2.7.5 标志设计39

2.7.6 图标设计40

2.7.7 页面高保真原型图40

2.7.8 页面效果图41

第3章 UI设计中图标的应用与实践案例

3.1 UI设计中图标的分类44

3.1.1 功能性图标44

3.1.2 装饰性图标46

3.2 UI设计中图标的风格47

3.2.1 拟物化图标47

3.2.2 线性图标48

3.2.3 面性图标50

3.2.4 轻质感图标51

3.2.5 2.5D图标51

3.2.6 插画风图标52

3.3 UI设计中图标设计原理52

3.3.1 图标设计的基本知识52

3.3.2 图标的设计规范54

3.3.3 设计方法61

3.4 实践案例63

3.4.1 线性图标案例63

3.4.2 面性图标案例64

3.4.3 扁平化图标案例66

3.4.4 其他风格的图标案例67

第4章  UI设计中版式的应用与实践案例

第5章  UI设计中色彩的应用与实践案例

4.1 UI设计中的版式对齐原则70

4.1.1 对齐原则的概念70

4.1.2 案例分析71

4.2 UI设计中的版式对比原则73

4.2.1 对比原则的概念73

4.2.2 案例分析74

4.3 UI设计中的版式重复性原则76

4.3.1 重复性原则的概念76

4.3.2 案例分析76

4.4 UI设计中的版式亲密性原则77

4.4.1 亲密性原则的概念78

4.4.2 案例分析78

4.5 UI设计中版式设计的视觉引导性79

4.6 UI设计中的栅格系统81

4.6.1 什么是栅格系统81

4.6.2 栅格系统在UI设计中的使用

    规范81

4.6.3 如何制作栅格系统82

4.6.4 案例分析88

4.7 实践案例91

5.1 UI设计中色彩的基本原理95

5.1.1 色彩的色相96

5.1.2 色彩的纯度100

5.1.3 色彩的明度102

5.2 UI设计中色彩的情感102

5.2.1 冷色103

5.2.2 暖色106

5.2.3 中性色109

5.3 UI设计中色彩的搭配技巧110

5.4 UI设计中的配色规范113

5.5 实践案例115

5.5.1 暖色风格115

5.5.2 灰色风格116

5.5.3 果色风格116

5.5.4 浅糖果色风格117

5.5.5 深糖果色风格117

5.5.6 白色风格117

5.5.7 深色风格118

5.5.8 炫彩风格119

第6章  UI设计中字体的应用与实践案例

6.1 UI设计中的字体分类121

6.1.1 西文字体的分类121

6.1.2 中文字体的分类124

6.2 UI设计中的字体推荐125

6.2.1 UI设计中的系统字体125

6.2.2 UI设计中的美工字体127

6.2.3 UI设计中的免费字体128

6.3 UI设计中字体的设计方法128

6.3.1 UI设计中字体的设计原则128

6.3.2 UI设计中字体的设计流程129

6.4 UI设计中字体的排版原理132

6.4.1 对齐方式132

6.4.2 字间距134

6.4.3 行间距134

6.4.4 辨识度135

6.4.5 差异性136

6.5 实践案例137

6.5.1 书法字体137

6.5.2 手写字体138

6.5.3 变体字体139

6.5.4 网格字体140

6.5.5 线性字体141

6.5.6 装饰字体142

6.5.7 释义字体142

6.5.8 字体设计过程145

第7章 Banner设计原理与实践案例

7.1 Banner的构图原理148

7.1.1 文字148

7.1.2 图片150

7.1.3 文字与图片的组合151

7.2 Banner的配色技巧152

7.2.1 邻近色153

7.2.2 互补色154

7.3 Banner的字体选择156

7.4 Banner的装饰搭配158

7.4.1 点、线、面158

7.4.2 元素的选择161

7.5 Banner的设计规范161

7.5.1 构图规范162

7.5.2 切换样式164

7.5.3 功能规范170

7.6 实践案例174

7.6.1 主字体Banner设计175

7.6.2 主产品Banner设计176

7.6.3 主版式Banner设计177

7.6.4 主插画Banner设计178

7.6.5 主配色Banner设计179

7.6.6 Banner的制作流程180

第8章  动效制作原理与实践案例

8.1 动效的分类183

8.2 动效的原理187

8.3 动效的动画运动分类188

8.3.1 缓动188

8.3.2 线性运动190

8.3.3 缓入和缓出191

8.3.4 悬停191

8.3.5 点击191

8.4 动效在界面中的编排192

8.4.1 均等交互192

8.4.2 从属交互193

8.5 动效制作规范198

8.5.1 动效制作原则199

8.5.2 动效制作流程199

8.6 实践案例202

8.6.1 图片详情页动效202

8.6.2 图片信息跳转动效204


展开全部
商品评论(0条)
暂无评论……
书友推荐
本类畅销
编辑推荐
返回顶部
中图网
在线客服