Photoshop网页设计与配色标准教程

目 录 第1章 Photoshop CC网页设计 1 1.1 认识网页 1 1.1.1 网页界面 1 1.1.2 网页设计的审美感 4 1.1.3 网页设计的艺术性 5 1.2 网页设计应用 6 1.2.1 网页图像管理 6 1.2.2 网页设计流程简介 9 1.2.3 网站策划 11 1.3 思考与练习 15 第2章 网页图像设计 17 2.1 图层的应用 17 2.1.1 认识图层面板 17 2.1.2 图层基础操作 18 2.1.3 图层样式类型 22 2.1.4 图层样式编辑和应用 28 2.1.5 图层混合模式 30 2.2 选区与填充 32 2.2.1 认识选区 33 2.2.2 编辑选区 34 2.2.3 纯色填充和渐变色填充 36 2.2.4 图案填充 37 2.3 文字与路径 38 2.3.1 创建文字 38 2.3.2 文字编辑 38 2.3.3 创建与编辑沿路径排列 文字 40 2.3.4 认识路径 40 2.3.5 创建与调整路径 42 2.3.6 路径的描边和填充 45 2.4 滤镜的应用 47 2.4.1 认识滤镜 47 2.4.2 编辑滤镜 48 2.4.3 滤镜的分类 49 2.4.4 常用滤镜效果 49 2.5 案例实战：漂亮的导航按钮 51 2.6 案例实战：投影文字 53 2.7 思考与练习 54 第3章 Photoshop CC网页动画设计 56 3.1 动画面板 56 3.1.1 帧动画面板 57 3.1.2 时间轴动画面板 58 3.2 逐帧与过渡动画 59 3.2.1 认识和创建逐帧动画 59 3.2.2 认识和创建过渡动画 60 3.2.3 过渡动画类型 60 3.3 时间轴动画 63 3.3.1 普通图层时间轴动画 63 3.3.2 文本图层时间轴动画 64 3.3.3 蒙版图层时间轴动画 66 3.4 为动画添加音频和视频 69 3.4.1 添加并编辑音频 69 3.4.2 添加并编辑视频 70 3.5 渲染视频 71 3.6 案例实战：下雪动画 72 3.7 案例实战：写字动画 75 3.8 思考与练习 78 第4章 切片并导出网页文件 79 4.1 创建与编辑切片 79 4.1.1 创建切片 79 4.1.2 选择并调整和移动切片 80 4.1.3 划分切片 81 4.1.4 组合和删除切片 82 4.1.5 转化为用户切片 83 4.1.6 设置切片选项 84 4.2 编辑Web文件 85 4.2.1 快速导出可放大浏览Web 文件 85 4.2.2 优化与导出Web图像 86 4.3 切片和导出要点 88 4.4 案例实战：餐饮网站首页切片 90 4.5 思考与练习 92 第5章 网页元素设计 93 5.1 网页图标设计 93 5.1.1 图标概念 93 5.1.2 网页图标的主要应用 94 5.1.3 网页图标设计原则 95 5.1.4 图标的保存格式 95 5.1.5 实战案例：商务网站图标 制作 95 5.2 网页导航设计 99 5.2.1 导航设计原则和技巧 99 5.2.2 导航样式 101 5.2.3 网页导航优化方向 103 5.2.4 导航条设计欣赏 104 5.2.5 案例实战：导航条设计 案例1 105 5.3 网页广告设计 108 5.3.1 网络广告形式 108 5.3.2 网页广告设计技巧 109 5.3.3 案例实战：横幅动画广告 111 5.3.4 案例实战：弹出式窗口动画 广告 116 5.4 特效文字在网页中的应用 121 5.4.1 特效文字在网页中的应用 121 5.4.2 射线字 123 5.4.3 火焰字 125 5.4.4 金属字 129 5.4.5 珠宝字 130 5.4.6 糖果字 133 5.5 思考与练习 138 第6章 网页色彩知识 139 6.1 网页色彩 139 6.1.1 认识网页色彩 139 6.1.2 216网页安全色 139 6.2 色彩的理论 141 6.2.1 色彩与视觉原理 141 6.2.2 色彩的三要素 142 6.2.3 色彩的混合原理 144 6.3 网页配色 146 6.3.1 网页自定义颜色 146 6.3.2 色彩采集 147 6.3.3 色彩推移 151 6.3.4 色调变化 153 6.4 色彩模式的管理 158 6.4.1 认识色彩模式 158 6.4.2 色彩模式转换 161 6.5 思考与练习 162 第7章 网页色彩情感解码 163 7.1 网页色彩分析 163 7.1.1 色相情感 163 7.1.2 色调联想 169 7.1.3 色彩知觉 170 7.2 网页色彩搭配方法 172 7.2.1 色彩对比 172 7.2.2 色彩调和 176 7.2.3 色彩呼应 178 7.2.4 色彩平衡 178 7.2.5 色彩重点 180 7.3 思考与练习 181 第8章 色彩于网页设计中的应用 182 8.1 网页中的色彩分类 182 8.1.1 静态色彩 182 8.1.2 动态色彩 183 8.1.3 强调色彩 184 8.2 网页色彩规则 185 8.2.1 网站整体色彩规则 185 8.2.2 网页色彩搭配规律 187 8.2.3 网页各要素的色彩搭配 189 8.3 网站色彩分析 191 8.3.1 网页主题与色彩调配 191 8.3.2 网站风格与色彩搭配 194 8.3.3 同色调的不同风格网站 195 8.4 思考与练习 198 第9章 网页设计趋向 199 9.1 超长网页和冷色调、鲜艳颜色的 使用 199 9.1.1 超长网页 199 9.1.2 冷色调和鲜艳颜色的使用被 广泛接受 199 9.2 更趋向杂志化和视觉滚动 200 9.2.1 更趋向杂志化 200 9.2.2 视差滚动 200 9.3 注重阅读体验和自定义个性化 图标 202 9.3.1 注重阅读体验 202 9.3.2 自定义个性化图标 202 9.4 分层结构设计和响应式设计 203 9.4.1 分层结构设计 203 9.4.2 响应式网页设计 203 9.5 扁平化设计和去Flash设计 204 9.5.1 扁平化设计 204 9.5.2 去Flash设计 204 9.6 思考与练习 204 第10章 网页版面设计 206 10.1 网页版面文字 206 10.1.1 字体与字号 206 10.1.2 行距与文字背景 207 10.2 网页版面结构布局 210 10.2.1 拐角型网页布局 210 10.2.2 “国”字型网页布局 211 10.2.3 左右框架型网页布局 211 10.2.4 上下框架型网页布局 211 10.2.5 封面型网页布局 211 10.2.6 综合框架型网页布局 212 10.2.7 标题正文型网页布局 212 10.2.8 Flash型网页布局 212 10.3 网页设计风格 213 10.3.1 主题设计 213 10.3.2 极简主义 215 10.3.3 插画和素描设计 215 10.3.4 以字体为主的设计 216 10.3.5 纹理风格设计和手制的 剪贴簿 217 10.4 网页版面构成的艺术表现 218 10.4.1 重复构成 219 10.4.2 渐变构成 219 10.4.3 空间构成 220 10.5 思考与练习 221 第11章 艺术类网站设计 222 11.1 艺术类网站概述 222 11.1.1 表演艺术 222 11.1.2 视觉艺术 222 11.1.3 造型艺术 223 11.1.4 语言艺术 223 11.1.5 综合艺术 224 11.2 艺术类网站设计 224 11.2.1 首页制作 224 11.2.2 动态内页制作 229 11.2.3 网站展示内页制作 230 11.2.4 联系方式内页制作 230 11.3 思考与练习 231 第12章 企业类网站设计 233 12.1 企业类网站设计应用 233 12.1.1 明确创建网站的目的和 用户需求 233 12.1.2 总体设计方案主题鲜明 234 12.1.3 网站的版式设计 234 12.1.4 色彩在网页设计中的 应用 235 12.1.5 多媒体功能的应用 235 12.1.6 内容更新与沟通 236 12.2 手机网站设计 236 12.2.1 首页设计 236 12.2.2 内页布局设计 242 12.2.3 网站文字信息页设计 243 12.2.4 网站图像展示页设计 243 12.3 思考与练习 245 第13章 餐饮类网站设计 246 13.1 餐饮类网站类别 246 13.1.1 餐饮门户网站 246 13.1.2 餐饮企业网站 248 13.2 网站首页制作 249 13.2.1 网站标志设计 249 13.2.2 网页导航与Banner制作 251 13.2.3 网页内容和版尾制作 252 13.3 企业理念页与网上订餐页制作 253 13.3.1 子页导航与投票制作 254 13.3.2 企业理念页制作 257 13.3.3 订餐表单制作 258 13.4 饮食内容与特色佳肴页制作 258 13.5 思考与练习 259 第14章 购物类网站设计 260 14.1 购物类网站类别 260 14.1.1 按商品活动类型分类 260 14.1.2 按商品类型分类 261 14.2 鹏乐购物网站首页设计 263 14.2.1 首页布局设计 263 14.2.2 内容添加 265 14.3 购物网站内页设计 267 14.3.1 内页布局设计 267 14.3.2 图像展示页设计 269 14.3.3 文字信息页导入 269 14.4 思考与练习 270 第15章 旅游类网站设计 272 15.1 旅游类网站鉴赏 272 15.1.1 旅游门户网 272 15.1.2 滑雪度假网站 272 15.1.3 田园度假网站 273 15.1.4 海边度假风光 273 15.1.5 文化旅游网站 274 15.1.6 航空公司网站 275 15.1.7 酒店预订网站 275 15.1.8 度假村客房服务 275 15.2 旅游网站设计 276 15.2.1 页面结构设计 276 15.2.2 页面内容设计 277 15.2.3 度假网站概况页设计 280 15.2.4 风景欣赏页设计 282 15.3 思考与练习 284 第16章 休闲类网站设计 285 16.1 休闲类网站概况 285 16.1.1 休闲之时尚生活 285 16.1.2 休闲之旅游 285 16.1.3 休闲之美容 286 16.1.4 休闲之健身 286 16.1.5 休闲之服饰 287 16.1.6 休闲之家居 287 16.2 美容网站首页设计 287 16.2.1 首页结构设计 288 16.2.2 信息内容添加 289 16.3 美容网站内页制作 291 16.3.1 “Beauty 植物”页制作 292 16.3.2 商品展示页制作 293 16.3.3 文字信息页制作 294 16.4 思考与练习 295