PHOTOHOP网站UI设计 第2版PDF|Epub|txt|kindle电子书版本网盘下载

PHOTOHOP网站UI设计 第2版PDF格式电子书版下载

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

第1章 网站UI概论1

1.1初识网站UI2

1.1.1什么是网页界面2

1.1.2网页界面的分类2

1.1.3网页界面的设计特点4

1.2网站UI设计原则7

1.2.1视觉美观7

1.2.2突出主题8

1.2.3整体性8

1.2.4为用户考虑9

1.2.5快速加载10

1.3网页的构成元素10

1.3.1文字11

1.3.2图像11

1.3.3超链接12

1.3.4多媒体12

1.4网页UI中的扁平化14

1.4.1图标14

1.4.2折角15

1.4.3圆角15

1.4.4徽章16

1.4.5条纹16

1.4.6标签16

1.4.7装饰元素17

1.4.8装饰背景17

1.5移动端与计算机端网页UI区别18

1.5.1界面不同18

1.5.2位置不同18

1.5.3操作习惯不同18

1.5.4按钮状态不同18

1.5.5信息布局不同19

1.6网页设计命名规范19

1.7专家支招20

1.7.1网站建设流程20

1.7.2什么是虚拟主机20

1.8总结扩展21

1.8.1本章小结21

1.8.2举一反三——查看手机UI界面21

第2章 Photoshop基本操作23

2.1什么是Photoshop24

2.2 Photoshop的安装和启动界面24

实例Photoshop的安装和启动24

2.3 Photoshop的基本操作26

2.3.1新建文档26

2.3.2打开文件28

2.3.3保存文件29

实例 制作精美的网页图标30

2.3.4文件的置入和导入33

2.3.5修改图像大小34

2.3.6修改画布大小35

实例 调整网页尺寸35

2.4图像的复制与粘贴37

2.4.1图像的复制37

实例 制作精美的网页界面38

2.4.2图像的拷贝与粘贴39

实例 制作网页插图40

2.4.3选择性粘贴41

实例 制作网页展板42

2.5图像的裁剪43

2.5.1固定尺寸裁剪43

2.5.2利用辅助线裁剪44

2.5.3透视裁剪44

2.6图像的变换45

2.6.1移动图像45

2.6.2缩放图像45

2.6.3旋转图像46

2.6.4变形和透视46

2.6.5自由变换47

实例 为网页制作广告插图47

2.7还原与恢复操作49

2.7.1还原与重做49

2.7.2前进一步与后退一步49

2.7.3恢复文件49

2.8专家支招50

2.8.1什么是矢量图像和位图图像50

2.8.2分辨率50

2.9总结扩展51

2.9.1本章小结51

2.9.2举一反三——制作简单的网页按钮51

第3章 网站页面UI配色52

3.1色彩的基础知识53

3.1.1三原色53

3.1.2色彩视觉54

3.1.3色彩三要素55

3.1.4色彩的种类57

3.1.5色系58

3.2色彩在网页视觉设计中的作用59

3.2.1突出网页主题59

3.2.2划分视觉区域60

3.2.3吸引浏览者目光60

3.2.4增强网页艺术性61

3.3色彩的联想作用与心理效果61

3.3.1色彩的冷暖61

3.3.2色彩的软硬62

3.3.3色彩的大小63

3.3.4色彩的轻重63

3.3.5色彩的活泼和端庄63

3.3.6色彩的兴奋和沉稳感64

3.3.7色彩的华丽和朴素感64

3.4网页配色标准65

3.4.1 Web安全色65

3.4.2使用Web安全色调色板65

3.5色彩中的功能角色66

3.5.1主色66

3.5.2背景色66

3.5.3辅助色67

3.5.4点缀色67

3.6网页配色技巧67

3.6.1配色原则68

实例 制作简约网站主页70

3.6.2确定网页主题色73

3.6.3确定网页文本配色74

实例 制作公司宣传主页75

3.7网页风格影响配色81

3.7.1冷暖配色81

3.7.2白色的应用82

3.7.3饱和度影响配色82

3.8影响配色的元素83

3.8.1根据行业特征选择网页配色83

3.8.2根据色彩联想选择网页配色84

3.8.3根据受众色彩偏好选择网页配色85

3.8.4根据生命周期选择网页配色87

3.9专家支招89

3.9.1怎样提高对色彩的敏感度89

3.9.2什么是色立体89

3.10总结扩展90

3.10.1本章小结90

3.10.2举一反三——制作水族馆网站主页90

第4章 网站页面布局与版式设计91

4.1了解网页布局92

4.1.1网页布局的目的92

4.1.2网页布局的操作顺序92

4.2计算机端常见的网页布局方式93

4.2.1“国”字形93

4.2.2 “ T””字形94

4.2.3标题正文型94

4.2.4左右分割型95

4.2.5上下分割型95

4.2.6 POP型95

4.2.7封面型96

实例 制作完整竖屏网页96

4.2.8 Flash型102

4.3移动端网页布局方式103

4.3.1布局的类型103

4.3.2布局的实现方式104

4.3.3响应式布局105

4.3.4响应式布局优缺点108

4.4网页布局方法108

4.4.1网页布局设计108

4.4.2网页布局特征109

4.4.3网页布局原则109

实例 制作蛋糕店主页——顶部111

实例 制作蛋糕店主页——主体116

4.5根据整体内容决定网页布局122

4.5.1左侧的网页布局122

4.5.2水平居中的页面布局123

4.5.3水平和居中的页面布局123

4.5.4满屏的网页布局124

4.6页面分割方式124

4.6.1横向分割124

4.6.2纵向分割125

4.6.3复合分割125

4.7运用固定区域的设置126

4.8网页布局设计的连贯性和多样性127

4.9专家支招127

4.9.1网页界面设计的设计误区128

4.9.2网页界面设计的设计理念128

4.10总结扩展128

4.10.1本章小结128

4.10.2举一反三——制作简洁网页登陆界面128

第5章 网站页面图像的优化与调整130

5.1网站中的图像131

5.1.1网站中使用的图片格式131

5.1.2网站中的颜色模式132

5.2图章工具的使用133

5.2.1仿制图章的应用133

实例 去除网页中的水印效果133

5.2.2图案图章工具的应用135

5.3修复网页中的图像136

5.3.1污点修复画笔工具136

实例 修复图像瑕疵136

5.3.2修复画笔工具138

5.3.3修补工具139

5.3.4内容感知移动工具139

5.3.5红眼工具140

5.4自动调整图像色彩140

5.4.1自动色调140

5.4.2自动对比度140

5.4.3自动颜色141

5.5手动调整图像色彩141

5.5.1亮度/对比度142

实例 调整网页中的图像亮度142

5.5.2色阶145

5.5.3曲线146

实例 执行“曲线”命令调整图像147

5.5.4自然饱和度149

实例 制作炫彩展示图150

5.5.5色相/饱和度153

5.5.6阴影/高光153

实例 调整网页中的逆光图片154

5.6填充和调整图层158

5.6.1纯色填充图层158

5.6.2渐变填充图层158

5.6.3图案填充图层159

5.7批处理160

5.7.1动作160

5.7.2自定义动作161

5.8专家支招161

5.8.1如何提高图像清晰度161

5.8.2如何处理扫描图像162

5.9总结扩展162

5.9.1本章小结162

5.9.2举一反三——批处理图像162

第6章 网站页基本元素设计164

6.1图标概述165

6.1.1什么是图标165

6.1.2图标在网页中的作用166

6.1.3网页图标应用166

6.2使用形状工具绘制图标167

6.2.1矩形工具167

实例 绘制时钟图标168

6.2.2多边形工具171

6.2.3形状的路径操作171

实例 制作常用网页小图标172

6.2.4自定义形状工具174

实例 绘制天气图标174

6.3按钮概述176

6.3.1网页中按钮的常见类型177

6.3.2网页中按钮的特点178

6.3.3按钮的设计要点180

实例 绘制质感网页图标180

6.4图层样式的应用184

6.4.1添加图层样式的方法184

6.4.2斜面和浮雕185

实例 绘制网页下载图标186

6.4.3描边189

6.4.4内阴影和投影189

6.4.5内发光和外发光190

6.4.6光泽191

6.4.7颜色叠加、渐变叠加和图案叠加191

实例 制作手游开始按钮191

6.5 LOGO概述195

6.5.1 LOGO作用195

6.5.2 LOGO特性196

6.5.3网站LOGO表现形式196

实例 绘制影视网站LOGO197

6.6专家支招200

6.6.1图标的文件格式是什么200

6.6.2 LOGO的设计流程是什么200

6.7总结扩展200

6.7.1本章小结201

6.7.2举一反三——简约网页按钮201

第7章 网站导航设计202

7.1网站导航概述203

7.2网站导航的作用203

7.3网站导航的设计标准203

7.4网站导航形式204

7.4.1标签形式204

7.4.2按钮形式204

7.4.3弹出菜单形式205

7.4.4无边框形式205

7.4.5 Flash形式205

7.4.6多导航系统形式206

实例 绘制汉堡包网站导航条206

7.5网站导航位置209

7.5.1顶部导航209

7.5.2底部导航209

7.5.3左侧导航210

实例 绘制网站左侧导航210

7.5.4右侧导航213

7.5.5中心导航213

7.6网站设计的辅助操作214

7.6.1标尺的使用214

7.6.2创建精确参考线214

实例 绘制精致导航条215

7.7专家支招218

7.7.1导航条的设计原则是什么218

7.7.2交互式导航的优势和劣势219

7.8总结扩展219

7.8.1本章小结219

7.8.2举一反三——制作游戏网站导航栏219

第8章 网站广告设计221

8.1网页广告条概述222

8.1.1计算机端网页广告种类222

8.1.2移动端网页广告种类224

8.1.3广告条常见尺寸226

8.1.4网站广告特点227

实例 招聘网站广告条制作228

8.2使用抠图工具合成广告条231

8.2.1磁性套索工具231

实例 制作万圣节广告232

8.2.2快速选择工具235

8.2.3魔棒工具235

8.2.4钢笔工具236

8.2.5快速蒙版工具236

8.2.6调整边缘和精确选区236

8.3修边236

8.3.1移除白边和黑边236

8.3.2“去边”命令236

8.4画笔工具237

8.5图层蒙版237

8.5.1使用图层蒙版替换局部图像238

8.5.2使用图层蒙版融合图像238

8.5.3使用剪贴蒙版238

8.6专家支招239

8.6.1如何设计好广告条239

8.6.2网站广告的表现形式有哪些239

8.7总结扩展240

8.7.1本章小结240

8.7.2举一反三——制作面膜网站广告条240

第9章 移动端网站UI设计241

9.1移动端城市App界面242

9.1.1界面分析242

9.1.2色彩分析242

实例 移动端城市App——广告条242

实例 移动端城市App——主体245

实例 移动端城市App——底部248

9.2移动端企业网站界面250

9.2.1界面分析251

9.2.2色彩分析251

实例 移动端企业网站界面——广告条251

实例 移动端企业网站界面——主体254

9.3专家支招257

9.3.1响应式设计是否适合于专题设计257

9.3.2先做计算机端页面还是手机端页面257

9.4总结扩展258

9.4.1本章小结258

9.4.2举一反三——移动端网页宣传窗258

第10章 计算机端网站UI设计259

10.1计算机端视频类网站界面260

10.1.1界面分析260

10.1.2色彩分析260

实例 计算机端设计类网站界面——顶部260

实例 计算机端设计类网站界面——主体263

实例 计算机端设计类网站界面——底部267

10.2计算机端帅气游戏网站268

10.2.1界面分析268

10.2.2色彩分析269

实例 计算机端帅气游戏网站——顶部269

实例 计算机端帅气游戏网站——底部274

10.3专家支招277

10.3.1设计网页之前需要做什么277

10.3.2网页设计的发展趋势是什么277

10.4总结扩展277

10.4.1本章小结277

10.4.2举一反三——制作电脑端网页宣传栏277