Photoshop扁平化平面设计手册2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

Photoshop扁平化平面设计手册PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

CHAPTER 1 认识扁平化设计1

1.1 拟物化设计概述2

1.1.1 认识拟物化设计2

1.1.2 拟物化设计的优点2

1.1.3 拟物化设计的缺点3

1.2 扁平化设计概述3

1.2.1 认识扁平化设计3

1.2.2 扁平化设计的优点4

1.2.3 扁平化设计的缺点5

1.3 扁平化设计所带来的改变5

1.3.1 全新的设计风格5

1.3.2 设计变得简单直接6

1.3.3 使用更加高效6

1.4 扁平化设计的突出特点7

1.4.1 强调简约7

1.4.2 快速高效8

1.4.3 信息突出8

1.4.4 简洁清晰8

1.4.5 修改方便9

1.5 扁平化与类扁平化9

1.5.1 扁平化流行的必然性9

1.5.2 扁平化设计的局限性10

1.5.3 类扁平化设计11

1.6 如何设计出色的扁平化作品12

1.6.1 去除特效12

1.6.2 简化提取12

1.6.3 巧用色彩13

1.6.4 排版很重要13

1.7 本章小结16

CHAPTER 2 扁平化图标设计17

2.1 了解图标设计18

2.1.1 什么是图标18

2.1.2 图标设计的重要性18

2.1.3 图标常用尺寸20

2.1.4 图标常用格式21

2.2 4种设计风格的扁平化图标22

2.2.1 基础风格22

【案例分析】简约基础风格图标设计分析22

【实战案例】设计基础风格手机图标23

2.2.2 阴影风格27

【案例分析】复古阴影风格图标设计分析27

【实战案例】设计阴影风格日历图标28

2.2.3 长阴影风格31

【案例分析】长阴影风格相机图标设计分析31

【实战案例】设计长阴影风格勋章图标32

2.2.4 微渐变风格40

【案例分析】微渐变风格图标设计分析40

【实战案例】设计微渐变手机常用图标41

2.3 扁平化图标设计原则46

2.3.1 具有很强的辨识性46

2.3.2 简约实用47

2.3.3 图标之间的差异性47

2.3.4 具有很强的创意性47

2.3.5 美观大方的视觉表现效果48

2.3.6 与使用环境的协调性48

【案例分析】扁平化邮件图标设计分析49

【实战案例】设计唱片音乐图标49

2.4 扁平化图标设计技巧54

2.4.1 什么是好的扁平化图标54

2.4.2 图标的设计表现技巧54

2.4.3 扁平化图标的设计过程55

【案例分析】扁平化医疗图标设计分析55

【实战案例】设计扁平化相机图标56

2.5 本章小结64

CHAPTER 3iOS系统扁平化设计65

3.1 了解iOS系统66

3.1.1 什么是iOS系统66

3.1.2 iOS系统的发展历史66

3.1.3 iOS系统常见屏幕尺寸标准67

3.2 iOS系统界面的设计原则68

3.2.1 美观性69

3.2.2 一致性69

3.2.3 操作便捷70

3.2.4 及时反馈70

3.2.5 暗喻71

3.2.6 用户控制71

【案例分析】iOS系统通话界面设计分析72

【实战案例】设计iOS系统手机待机界面72

3.3 iOS系统界面的设计规范77

3.3.1 确保在iPhone和iPad上通用78

3.3.2 重新考虑基于Web的设计78

【案例分析】iOS系统城市天气界面设计分析79

【实战案例】设计iOS系统手机天气界面79

3.4 iOS界面基本图形83

3.4.1 矩形83

3.4.2 圆角矩形84

3.4.3 圆形84

3.4.4 其他形状85

【案例分析】iOS系统软件主界面设计分析85

【实战案例】设计iOS系统手机主界面86

3.5 扁平化设计要点91

3.5.1 精简91

3.5.2 大胆91

3.5.3 细致91

3.5.4 精美92

【案例分析】iOS系统收音机界面设计分析92

【实战案例】设计iOS系统音乐播放界面93

3.6 本章小结100

CHAPTER 4Android系统扁平化设计101

4.1 了解Android系统102

4.1.1 什么是Android系统102

4.1.2 Android系统的发展历史102

4.1.3 Android系统手机常见屏幕尺寸标准103

4.2 Android系统的设计原则104

4.2.1 美观大方的界面104

4.2.2 使用户操作更加简单105

4.2.3 完善的操作流程107

【案例分析】Android系统手机主界面设计分析108

【实战案例】设计Android系统手机待机界面108

4.3 如何实现扁平化设计113

4.3.1 简化设计元素113

4.3.2 注意字体的应用114

4.3.3 注意色彩的搭配114

4.3.4 简化交互115

4.3.5 使用类扁平化设计115

【案例分析】Android系统平板主界面设计分析116

【实战案例】设计Android系统手机主界面116

4.4 Android系统界面的特点121

4.4.1 简约大方121

4.4.2 操作便捷121

4.4.3 通用性强122

4.4.4 布局合理122

【案例分析】Android系统手机天气界面设计分析122

【实战案例】设计Android系统病毒查杀界面123

4.5 本章小结128

CHAPTER 5 扁平化APP界面设计129

5.1 了解APP130

5.1.1 什么是APP130

5.1.2 APP软件的类型130

5.2 APP软件界面布局131

5.2.1 iOS系统APP软件界面布局说明132

【案例分析】朋友圈APP界面设计分析132

【实战案例】设计天气APP界面133

5.2.2 Android系统APP软件界面布局说明137

【案例分析】网络设备APP软件界面设计分析138

【实战案例】设计医疗APP软件界面139

5.3 常见APP软件引导界面类型146

5.3.1 功能介绍类146

5.3.2 使用说明类146

5.3.3 推广类146

5.3.4 问题解决类147

【案例分析】网络软件APP引导界面设计分析147

【实战案例】设计APP引导界面148

5.4 APP软件界面的设计原则155

5.4.1 实用性155

5.4.2 统一的色彩与风格155

5.4.3 合理的配色156

5.4.4 规范的操作流程156

5.4.5 视觉元素规范156

【案例分析】订餐APP软件界面设计分析157

【实战案例】设计手机卫士APP界面157

5.5 APP软件界面的设计要求165

5.5.1 APP软件界面的特点165

5.5.2 APP软件界面设计流程166

5.5.3 APP软件界面的色彩搭配166

5.5.4 平板电脑软件界面的特点167

【案例分析】平板电脑旅游APP界面设计分析167

【实战案例】设计平板电脑音乐APP界面168

5.6 APP界面设计注意事项176

5.6.1 APP界面视觉设计176

5.6.2 APP界面设计的用户体验177

【案例分析】平板电脑订餐APP界面设计分析178

【实战案例】设计平板电脑相亲APP界面178

5.7 本章小结188

CHAPTER 6 扁平化网页界面设计189

6.1 了解扁平化网页界面设计190

6.1.1 什么是网页界面设计190

6.1.2 网页界面设计的特点190

6.2 网页界面构成元素193

6.2.1 文字193

6.2.2 图像193

6.2.3 多媒体193

6.2.4 色彩194

【案例分析】餐饮类网页界面设计分析194

【实战案例】设计汽车宣传网页界面195

6.3 扁平化网页设计元素201

6.3.1 图标201

6.3.2 圆角201

6.3.3 折角202

6.3.4 标签202

6.3.5 徽章202

6.3.6 条纹203

6.3.7 装饰元素203

6.3.8 装饰背景203

【案例分析】产品宣传网页界面设计分析204

【实战案例】设计企业网站界面204

6.4 扁平化设计配色213

6.4.1 常见的扁平化配色风格213

6.4.2 常见的扁平化设计颜色215

【案例分析】女性时尚网页界面设计分析215

【实战案例1设计环保网站界面216

6.5 扁平化网页界面布局223

6.5.1 扁平化网页界面布局的结构标准223

6.5.2 扁平化网页界面布局的两个要点224

6.5.3 为用户考虑原则224

【案例分析】产品专题页设计分析225

【实战案例】设计手机宣传网站界面225

6.6 本章小结232

CHAPTER 7 扁平化软件界面设计233

7.1 了解软件界面设计234

7.1.1 什么是软件界面设计234

7.1.2 网站界面设计与软件界面设计的区别234

7.2 软件界面的设计法则235

7.2.1 以软件功能操作为基础235

7.2.2 具有清晰的层次结构235

7.2.3 一致性和标准化238

7.2.4 良好的视觉反馈239

【案例分析】文件分事和管理软件界面设计分析240

【实战案例】设计网络云盘软件界面241

7.3 软件界面的发展246

7.3.1 传统软件界面246

7.3.2 扁平化软件界面趋势247

【案例分析】图像处理软件界面设计分析247

【实战案例】设计视频转换软件界面247

7.4 扁平化软件界面介绍257

7.4.1 软件界面的分类257

7.4.2 软件界面的设计要点257

7.4.3 软件界面的屏幕显示258

7.4.4 软件界面的设计原则259

【案例分析】企业管理软件界面设计分析259

【实战案例】设计手机管理软件界面260

7.5 软件界面中的色彩搭配269

7.5.1 保持色调的一致269

7.5.2 使用柔和的色彩269

7.5.3 使用色彩作为功能分界的识别元素270

7.5.4 提供可选配色方案270

7.5.5 色彩搭配需要具有辨识度270

7.5.6 控制色彩的使用数量271

【案例分析】视频播放软件界面设计分析271

【实战案例】设计音乐播放器软件界面272

7.6 本章小结282

CHAPTER 8 扁平化在平面设计中的应用283

8.1 了解平面媒体设计284

8.1.1 什么是平面媒体设计284

8.1.2 扁平化平面媒体设计284

【案例分析】儿童活动宣传广告设计分析285

【实战案例】设计活动宣传广告285

8.2 扁平化设计中的字体291

8.2.1 字体应用的重要性291

8.2.2 扁平化设计中常用英文字体292

8.2.3 扁平化设计中常用中文字体294

【案例分析】电影院活动海报设计分析295

【实战案例】设计通信宣传DM单页296

8.3 扁平化平面媒体设计要求301

8.3.1 主题鲜明突出302

8.3.2 形式与内容统一302

8.3.3 强化整体布局302

【案例分析】企业文化宣传展板设计分析303

【实战案例】设计房地产围挡广告303

8.4 平面媒体设计307

8.4.1 平面媒体设计的元素有哪些308

8.4.2 平面媒体设计的流程308

【案例分析】运动宣传广告设计分析309

【实战案例】设计楼盘宣传折页309

【案例分析】宣传折页设计分析318

【实战案例】设计企业宣传画册318

8.5 本章小结326