UI设计入门一本就够

第1章　什么是UI设计——UI的前世今生 001

1.1　什么是UI 002

1.2　UI的发展历程 003

1.2.1　语言命令用户界面 004

1.2.2　图形用户界面 004

1.2.3　多媒体用户界面 005

1.2.4　多通道用户界面 006

1.2.5　虚拟现实人机界面 007



第2章　UI设计的原则与理念 013

2.1　需要灵活应用的七大定律 014

2.1.1　费兹定律 014

2.1.2　席克定律 018

2.1.3　操纵定律 022

2.1.4　泰思勒定律 026

2.1.5　奥卡姆剃刀原理 028

2.1.6　神奇数字7±2法则 033

2.1.7　接近法则 034

2.2　完形组织法则的六个概念 035

2.2.1　图形-背景关系法则 035

2.2.2　邻近法则 039

2.2.3　相似法则 041

2.2.4　闭合法则 046

2.2.5　延续法则 047

2.3　Shneiderman 界面设计八大黄金法则 049

2.3.1　八大黄金法则 049

2.3.2　Shneiderman 8大黄金法则在苹果UI设计上的应用 051



第3章　UI设计基础 057

3.1　UI文字、图片和图标设计 058

3.1.1　UI设计中字体的使用 058

3.1.2　UI设计中图片的使用 065

3.2　UI色彩设计 073

3.2.1　UI设计中的色彩基本知识 074

3.2.2　UI设计中的色彩情感 078

3.2.3　UI配色方式 080



第4章　网页UI设计——细节的完美主义 103

4.1　网页UI基本概念 104

4.2　网页UI设计原则 104

4.2.1　以用户为中心 104

4.2.2　视觉美观 105

4.2.3　主题明确 106

4.2.4　内容与形式统一 110

4.2.5　有机的整体 110

4.3　UI版式设计的形式美 112

4.3.1　主次关系 114

4.3.2　虚实对比 115

4.3.3　比例尺度 115

4.3.4　对称与均衡 116

4.3.5　对比与调和 117

4.3.6　节奏和韵律 118

4.3.7　量感 119

4.3.8　空间感 119

4.3.9　尺度感 122

4.4　细节设计之着陆页：直达OR迷宫 123

4.4.1　着陆页的概念 123

4.4.2　转化率的意义 123

4.4.3　着陆页的构成 125

4.4.4　如何提升着陆页的转化率 127

4.4.5　案例 130

4.5　细节设计之“关于我们”：走心，才能打动用户 133

4.6　细节设计之弹窗：“不速之客”带来的惊喜 136

4.6.1　减少干扰 137

4.6.2　与现实世界相关联 138

4.6.3　追求极简 140

4.6.4　选择适当的弹窗种类 142

4.6.5　视觉一致性 144

4.7　细节设计之404页面 145

4.8　网页UI极简设计——无胜有 148

4.8.1　极简设计的要点 150

4.8.2　极简设计技巧 153

4.9　电商网站UI设计案例 156



第5章　移动端UI设计——“行走”的艺术 161

5.1　移动UI 162

5.2　移动端UI设计原则 162

5.2.1　一致性原则 162

5.2.2　信息量少而准原则 163

5.2.3　语言通俗原则 163

5.2.4　颜色合理搭配原则 163

5.2.5　布局合理化原则 164

5.3　从桌面端到移动端内容迁移的用户体验优化 164

5.3.1　每屏只完成一项任务 164

5.3.2　精简并优化导航体系 165

5.3.3　基于搜索引擎的设计模式 166

5.3.4　更大的字体 166

5.3.5　意义清晰的微文案 167

5.3.6　去掉不必要的特效 168

5.3.7　尺寸适配 168

5.4　Google Material Design 169

5.4.1　Material Design的设计原则 170

5.4.2　Material Design体系 171

5.4.3　Material Design引领的UI设计趋势 192

5.5　APP UI设计 196

5.5.1　APP UI版式设计 197

5.5.2　APP细节设计——登录页 213

5.5.3　案例视觉社交网站Pinterest APP设计 221



参考文献 228