Photoshop网站UI设计全程揭秘（配光盘）（网页设计殿堂之路）

当前位置:首页 > 计算机/网络 > 图形图像多媒体 > Photoshop网站UI设计全程揭秘（配光盘）（网页设计殿堂之路）

版次：1
页数：
字数：
印刷时间：2014年10月01日
开本：16开
纸张：胶版纸
包装：平装
是否套装：否
国际标准书号ISBN：9787302357964
丛书名：(网页设计殿堂之路)
作者:韩广良，王明佳，武治国　编著出版社:清华大学出版社出版时间:2014年10月

编辑推荐

《网页设计殿堂之路》丛书是由来自一线的专业网页设计人员集多年的技术与经验倾力打造的一套体系最完整、技术最前沿、设计最精美的网页设计系列丛书。

l 最完整的体系：针对网页设计师的职业需求量身定做，市面上知识体系最完整的一套网页设计丛书。

l 最前沿的技术：紧跟网页技术发展的*潮流，市面上技术*的一套网页设计丛书。

l 最精美的设计：来自实践的精美案例和专业的装帧设计，市面上最精美的一套网页设计丛书。

作为励志成为网页设计精英的你，需要掌握哪些知识呢？下表给出了你明确的答案。

针对这样的知识架构，我们精心创作了该系列丛书，共十个品种。

PHP+MySQL+Dreamweaver网站建设全程揭秘
DIV+CSS 3网页样式与布局全程揭秘（第2版）
Flash绘图与网页动画制作全程揭秘
网站用户体验设计全程揭秘
HTML 5+CSS 3+JavaScript网页布局与特效全程揭秘
Photoshop网页风格与配色设计全程揭秘
HTML 5网页制作全程揭秘
Photoshop网站UI设计全程揭秘
Photoshop+Dreamweaver+Flash网站设计与制作全程揭秘
Dreamweaver网页设计全程揭秘

该套丛书具有以下独一无二的特点：

l 内容全面，紧贴实际：帮助你解决网页设计中遇到的所有问题，帮助你搞定每一个网页设计项目。

l 关注细节，量身打造：技术细节、设计细节，这些在工作中看似细微，但是往往决定成败的关键点，全部为你一一道来。

l 海量资源，现场教学：提供了大量的来自于一线项目的案例资源，并通过视频讲解为你一一呈现。

目　　录

1.1 了解网站UI 1
1.1.1 什么是网页界面 1
1.1.2 网页界面的分类 1
1.2 网站建设流程 1
1.2.1 域名注册 2
1.2.2 购买虚拟主机 2
1.2.3 确定网页设计 3
1.2.4 网站建设 3
1.2.5 网站测试 3
1.2.6 网站维护 4
1.3 网页的设计原则 4
1.3.1 视觉美观 5
1.3.2 主题明确 5
1.3.3 内容与形式相统一 5

1.1 了解网站UI	1 
1.1.1 什么是网页界面	1 
1.1.2 网页界面的分类	1 
1.2 网站建设流程	1 
1.2.1 域名注册	2 
1.2.2 购买虚拟主机	2 
1.2.3 确定网页设计	3 
1.2.4 网站建设	3 
1.2.5 网站测试	3 
1.2.6 网站维护	4 
1.3 网页的设计原则	4 
1.3.1 视觉美观	5 
1.3.2 主题明确	5 
1.3.3 内容与形式相统一	5 
1.3.4 快速下载	6 
1.3.5 为用户考虑	6 
1.4 网页的构成元素	7 
1.4.1 文字	7 
1.4.2 图像	8 
1.4.3 色彩	8 
1.4.4 多媒体	8 
1.5 网页设计命名规范	9 
1.6 本章小结	10 
2.1 Photoshop简介	11 
2.2 Photoshop的安装	11 
实例01+视频：Photoshop的安装	11 
2.3 Photoshop的基本操作	12 
2.3.1 新建文件	13 
2.3.2 打开文件	14 
2.3.3 保存文件	15 
实例02+视频：制作简单的网页图标	15 
2.3.4 修改图像大小	18 
2.3.5 修改画布大小	19 
实例03+视频：制作艺术小网页	19 
2.4 裁剪图像	21 
2.4.1 裁剪固定尺寸	21 
2.4.2 透视裁剪	21 
2.4.3 裁剪获得好的构图	21 
2.5 图像的复制和粘贴	22 
2.5.1 复制文档	22 
实例04+视频：制作网页背景	22 
2.5.2 拷贝和粘贴	24 
实例05+视频：制作网页广告插图	24 
2.5.3 选择性粘贴	25 
实例06+视频：制作茶叶广告	25 
2.6 变换图像	26 
2.6.1 移动图像	26 
2.6.2 缩放图像	26 
2.6.3 旋转图像	27 
2.6.4 自由变换	27 
实例07+视频：制作网页广告	27 
2.7 还原与恢复操作	28 
2.8 本章小结	28 
3.1 网站图标设计的准则	29 
3.2 网站图标的设计流程	29 
3.3 规则选区创建标志	30 
3.3.1 矩形选框工具	30 
3.3.2 椭圆选框工具	30 
实例08+视频：制作简单的Logo	31 
3.3.3 单行选框工具和单列选框工具	32 
实例09+视频：制作精美的新浪图标	32 
3.4 填充与描边改变图标风格	36 
3.4.1 油漆桶工具	36 
实例10+视频：制作绚丽彩块图标	37 
3.4.2 填充	39 
实例11+视频：制作简单立体图标	40 
3.4.3 描边	42 
实例12+视频：制作美妙的音符图标	43 
3.5 渐变工具增加图标质感	45 
3.5.1 渐变的类型	45 
3.5.2 编辑类型	46 
实例13+视频：制作可爱的小鸟图标	47 
3.6 形状工具创建图标	51 
3.6.1 关于形状工具	51 
3.6.2 多边形工具	51 
实例14+视频：制作质感图标	52 
3.6.3 形状的加减	55 
实例15+视频：制作时尚按钮图标	55 
3.6.4 自定义形状	58 
3.7 使用Kuler设置图标的颜色	59 
实例16+视频：制作简单钟表图标	59 
3.8 本章小结	62 
4.1 按钮的设计要点	63 
4.2 按钮的应用格式	63 
4.3 使用图案增加按钮的质感	64 
实例17+视频：制作水晶开关按钮	64 
4.4 图层的基本操作	68 
4.4.1 新建图层	68 
4.4.2 复制图层	69 
4.4.3 调整图层顺序	70 
实例18+视频：制作Twitter按钮	71 
4.4.4 使用“不透明度”和“填充”	75 
实例19+视频：制作简洁绿色按钮	 75 
4.5 使用图层样式	78 
4.5.1 调整图层样式	78 
4.5.2 使用“投影”制作阴影效果	79 
4.5.3 使用“描边”为按钮添加轮廓	79 
实例20+视频：制作简单可爱的按钮	79 
4.5.4 使用“斜面和浮雕”制作立体效果	82 
实例21+视频：制作数据统计按钮	83 
4.5.5 使用“内阴影”增加层次	86 
实例22+视频：制作圆形立体按钮	87 
4.5.6 使用“内发光”和“外发光”制作发光效果	93 
实例23+视频：制作逼真的皮革按钮	93 
4.6 使用画笔工具细化按钮	97 
4.6.1 使用画笔工具	97 
实例24+视频：制作苹果应用商店按钮	97 
4.6.2 设置画笔预设	102 
4.7 图像的变换操作	102 
4.7.1 图像的翻转	103 
实例25+视频：制作音量开关按钮	103 
4.7.2 透视和扭曲	107 
4.7.3 变形	107 
4.8 本章小结	108 
5.1 导航和菜单的作用	109 
5.2 导航的设计标准	109 
5.3 网页设计的辅助操作	110 
5.3.1 使用标尺	110 
5.3.2 创建精确的参考线	110 
实例26+视频：制作简洁导航菜单	111 
5.4 修改选区	115 
5.4.1 羽化选区	116 
5.4.2 扩展/收缩选区	116 
5.5 加深和减淡修饰	116 
5.5.1 加深工具	117 
5.5.2 减淡工具	117 
实例27+视频：制作创意音乐网站菜单	118 
5.6 使用钢笔工具绘制精确的形状	123 
5.6.1 使用钢笔工具	123 
实例28+视频：制作复古导航条	124 
5.6.2 路径与选区的转换	128 
5.6.3 使用画笔描边路径	128 
实例29+视频：制作帅气游戏网站导航	129 
5.7 使用文本工具	134 
5.7.1 输入文本	134 
5.7.2 设置文本	135 
实例30+视频：制作时尚导航菜单	136 
5.8 快速对齐对象	142 
5.8.1 对齐对象	142 
5.8.2 分布对象	143 
实例31+视频：制作漂亮的图片式导航	144 
5.9 本章小结	148 
6.1 网站中的图像简介	149 
6.2 网站中适用的图片格式	149 
6.3 网站中的图像模式	149 
6.4 使用图章工具为图像添加效果	150 
6.4.1 使用仿制图章工具去除图像 
 中的水印	150 
实例32+视频：去除图像中的瑕疵	150 
6.4.2 使用图案图章工具制作网站背景	152 
6.5 修复网页中的图像	152 
6.5.1 使用污点修复画笔工具	152 
实例33+视频：去除脸部的装饰	153 
6.5.2 使用修复画笔工具	155 
6.5.3 使用内容感知移动工具	155 
6.6 自动调整图像颜色	156 
6.6.1 自动色调增强图像清晰度	156 
6.6.2 自动对比度增强照片对比度	156 
6.6.3 自动颜色校正图像颜色	157 
6.7 自定义调整图像色彩	157 
6.7.1 使用曲线调整图像	157 
实例34+视频：使图像更加鲜艳	158 
6.7.2 使用色阶提高图像清晰度	160 
6.7.3 使用亮度/对比度调整图像	161 
实例35+视频：使图像更清晰	161 
6.7.4 使用色相/饱和度调整图像	164 
6.7.5 使用自然饱和度调整图像	165 
实例36+视频：制作炫酷的图片	166 
6.7.6 使用变化命令改变图像的色调	168 
实例37+视频：制作唯美的图片	169 
6.7.7 使用阴影/高光修整照片的逆光	170 
实例38+视频：修整逆光的照片	171 
6.8 使用填充和调整图层	174 
6.8.1 纯色填充图层	174 
6.8.2 渐变填充图层	175 
6.8.3 图案填充图层	175 
实例39+视频：制作炫彩网页	175 
6.8.4 调整面板	178 
实例40+视频：制作黑白色图像	178 
6.9 锐化提高图像清晰度	181 
6.10 处理扫描图像	181 
6.11 批处理图像	181 
 6.11.1 使用动作面板	181 
 6.11.2 自定义动作	182 
 实例41+视频：批处理图像	182 
6.12 本章小结	184 
7.1 网站广告条的类型	185 
7.2 广告条的常见尺寸	185 
7.3 如何设计好的广告条	186 
7.4 完美抠图合成广告条	186 
7.4.1 磁性套索工具抠图	186 
实例42+视频：制作果盘广告条	186 
7.4.2 快速选择	188 
实例43+视频：制作美食广告条	188 
7.4.3 使用魔棒工具	189 
7.4.4 使用钢笔工具	190 
实例44+视频：制作薯条广告	190 
7.4.5 快速蒙版选择图像	193 
实例45+视频：制作服装广告条	193 
7.4.6 调整边缘和精确选区	195 
实例46+视频：制作精美夏装广告	195 
7.5 使用修边	197 
7.5.1 移除白边和黑边	197 
7.5.2 去边实现更好的合成效果	197 
实例47+视频：制作时尚服装广告条	197 
7.6 使用画笔工具	200 
实例48+视频：制作礼物宣传广告条	200 
7.7 使用蒙版合成图像	203 
7.7.1 图层蒙版替换图层局部	203 
7.7.2 图层蒙版融合图像	204 
实例49+视频：制作快餐店广告条	204 
7.7.3 使用剪贴蒙版	205 
实例50+视频：制作画廊展览小广告	205 
7.8 本章小结	209 
8.1 色彩基础知识	210 
8.1.1 光和色的三原色	210 
8.1.2 色种的不同	210 
8.1.3 色彩的构成要素	212 
8.1.4 色彩的混合	212 
8.1.5 色彩的分类	213 
8.1.6 不同的色系	214 
8.2 色彩的视觉心理感受	216 
8.2.1 色彩的轻重	216 
8.2.2 色彩的冷暖	217 
8.2.3 色彩的软硬	217 
8.2.4 色彩的大小	218 
8.2.5 色彩的活泼和庄重感	218 
8.2.6 色彩的兴奋和沉静感	218 
8.2.7 色彩的华丽和朴素感	219 
8.3 网页配色标准	219 
8.3.1 Web安全颜色	219 
8.3.2 使用Web安全色调色板	220 
8.4 网页配色技巧	220 
8.4.1 色彩搭配的原则	221 
8.4.2 确定网页的主题色	222 
8.4.3 正确选择文字的颜色	222 
8.5 网页风格与配色	223 
8.5.1 暖色调配色	223 
8.5.2 冷色调配色	223 
8.5.3 稳定、安静风格的配色	224 
8.5.4 发挥白色效果的配色	224 
8.5.5 高彩度的配色	225 
8.5.6 低彩度的配色	225 
8.6 影响网站配色的因素	226 
8.6.1 根据行业特征选择网页配色	226 
8.6.2 根据生命周期选择网页配色	226 
8.6.3 根据色彩联想选择网页配色	228 
8.6.4 根据受众色彩偏好选择网页配色	229 
8.7 本章小结	231 
9.1 常见的网页布局方式	232 
9.1.1 “国”字型	232 
9.1.2 拐角型	232 
9.1.3 标题正文型	233 
9.1.4 左右框架型	234 
9.1.5 上下框架型	234 
9.1.6 封面型	234 
9.1.7 Flash型	235 
9.1.8 变化型	235 
9.2 文字在网页中的作用	235 
9.2.1 明确性	236 
9.2.2 易读性	236 
9.2.3 美观性	236 
9.3 网页文字的设计原则	237 
9.3.1 可读性	237 
9.3.2 艺术化	238 
9.4 网页文字的排版设计	239 
9.4.1 文字排版规则	239 
9.4.2 文字排版的常用手法	241 
9.5 根据内容决定布局	242 
9.5.1 左侧的页面布局	242 
9.5.2 水平居中的页面布局	243 
9.5.3 水平和垂直居中的页面布局	243 
9.5.4 满屏的页面布局	244 
9.6 页面分割方式	244 
9.6.1 横向分割	244 
9.6.2 纵向分割	245 
9.6.3 横向纵向复合分割	245 
9.6.4 运用固定区域	246 
9.7 页面布局的连贯性和多样性	246 
9.8 本章小结	247 
10.1 制作帅气的游戏网站	248 
 10.1.1 行业分类	248 
 10.1.2 色彩分析	248 
 10.1.3 版式分析	248 
 实例51+视频：帅气游戏网站——导航	249 
 实例52+视频：帅气游戏网站——Logo	251 
 实例53+视频：帅气游戏网站——主体	253 
 实例54+视频：帅气游戏网站——切图	257 
10.2 制作华丽的游戏网站	259 
 10.2.1 行业分类	259 
 10.2.2 色彩分析	259 
 10.2.3 版式分析	260 
 实例55+视频：华丽游戏网站—— 
 背景与导航	260 
 实例56+视频：华丽游戏网站—— 
 内容与装饰	265 
 实例57+视频：华丽游戏网站—— 
 切图	272 
10.3 制作魔幻的游戏网站	273 
 10.3.1 行业分类	274 
 10.3.2 色彩分析	274 
 10.3.3 版式分析	274 
 实例58+视频：魔幻游戏网站——背景与框架	274 
 实例59+视频：魔幻游戏网站——导航与主体	278 
 实例60+视频：魔幻游戏网站——切图	284 
10.4 本章小结	287 
11.1 制作儿童类网站	288 
 11.1.1 行业分类	288 
 11.1.2 色彩分析	288 
 11.1.3 版式分析	288 
 实例61+视频：儿童类网站——背景和导航	289 
 实例62+视频：儿童类网站——主体和Logo	291 
 实例63+视频：儿童类网站——切图	295 
11.2 制作大气专业的汽车网站	298 
 11.2.1 行业分类	298 
 11.2.2 色彩分析	298 
 11.2.3 版式分析	298 
 实例64+视频：大气专业的汽车网站——导航与主体	299 
 实例65+视频：大气专业的汽车网站——版底与Logo	303 
 实例66+视频：大气专业的汽车网站——切图	306 
11.3 制作电子产品网站	308 
 11.3.1 行业分类	308 
 11.3.2 色彩分析	309 
 11.3.3 版式分析	309 
 实例67+视频：电子产品网站——导航与背景	309 
 实例68+视频：电子产品网站——Banner	312 
 实例

显示全部信息

前　　言

在如今这个互联网飞速发展的时代，网络已经成为人们生活中不可或缺的一部分。同时网页设计也开始被众多的企事业单位所重视，这就为网页设计人员提供了很大的发展空间。而作为从事相关工作的人员则要掌握必要的操作技能，以满足工作的需要。
作为目前非常流行的网页设计软件——Photoshop，凭借其强大的功能和易学易用的特性深受广大设计师的喜爱。
本书内容
第1章主要介绍网页界面的分类、网站建设的大致流程、网页界面的设计原则和重要的构成要素，以及网页设计的命名规范等内容。
第2章主要介绍Photoshop的基础知识和基本操作，包括Photoshop简介、Photoshop的安装、Photoshop的基本操作、裁剪图像、图像的复制和粘贴、图像变换操作，以及还原与恢复等知识。
第3章主要介绍选区、形状在网页设计中的应用方法，包括选区的创建、填充与描边、渐变工具、形状的创建和加减，以及使用Kuler辅助配色等内容。
第4章主要讲解图层的功能和操作，包括使用图案增加按钮质感、图层的基本操作、图层样式的添加和修改、使用画笔工具和图像的变换操作等内容。

在如今这个互联网飞速发展的时代，网络已经成为人们生活中不可或缺的一部分。同时网页设计也开始被众多的企事业单位所重视，这就为网页设计人员提供了很大的发展空间。而作为从事相关工作的人员则要掌握必要的操作技能，以满足工作的需要。 
作为目前非常流行的网页设计软件——Photoshop，凭借其强大的功能和易学易用的特性深受广大设计师的喜爱。 
本书内容 
第1章主要介绍网页界面的分类、网站建设的大致流程、网页界面的设计原则和重要的构成要素，以及网页设计的命名规范等内容。 
第2章主要介绍Photoshop的基础知识和基本操作，包括Photoshop简介、Photoshop的安装、Photoshop的基本操作、裁剪图像、图像的复制和粘贴、图像变换操作，以及还原与恢复等知识。 
第3章主要介绍选区、形状在网页设计中的应用方法，包括选区的创建、填充与描边、渐变工具、形状的创建和加减，以及使用Kuler辅助配色等内容。 
第4章主要讲解图层的功能和操作，包括使用图案增加按钮质感、图层的基本操作、图层样式的添加和修改、使用画笔工具和图像的变换操作等内容。 
第5章主要介绍钢笔工具和文字在网页设计中的使用方法，包括网页设计的辅助操作、选区的修改、加深和减淡工具、钢笔工具和文本工具的操作技巧，以及快速对齐多个对象等内容。 
第6章主要介绍修饰图像和调整图像色调的方法，包括使用图章工具修饰图像、修复网页中的图像、自动调整图像颜色、自定义调整图像色彩、锐化图像以及自动批处理图像等内容。 
第7章主要介绍使用不同工具进行抠图的方法，包括使用磁性套索工具、快速选择工具、魔棒工具、快速蒙版和“调整边缘”命令抠图，使用修边优化抠图效果，以及使用蒙版合成图像等内容。 
第8章主要介绍色彩的基础知识、色彩的视觉心理感受、网页配色标准、网页风格与配色，以及影响网页配色的因素等内容。 
第9章主要介绍常见的网页布局方式、网页文字的设计原则、网页文字的排版规则和常用手法、根据内容确定布局方式，以及页面分割方式等内容。 
第10章主要讲解3款游戏网站的设计和制作步骤，包括帅气的游戏网站设计、华丽的游戏网站设计和魔幻的游戏网站设计。 
第11章主要讲解3款休闲类网站的设计和制作步骤，包括儿童类网站设计、大气专业的汽车网站设计和电子产品网站设计。 
本书特点 
本书以Photoshop CS6版本进行讲解，全面细致地讲解了Photoshop在网站UI设计领域的相关知识，对于网页设计的初学者来说，是一本难得的实用型自学教程。 
紧扣主题 
本书全部章节均围绕网站UI设计的主题展开，所制作的实例也均与网站UI设计相关，效果精美，并且内容实用性较强。 
易学易用 
书中采用基础知识与实例相结合的方式，使读者在学习后立即通过实例对所学内容进行巩固，使学习效率最大化。 
多媒体光盘辅助学习 
为了增加读者的学习渠道，增强读者的学习兴趣，本书配有多媒体教学光盘，在该光盘中提供了书中所有实例的相关素材、源文件以及视频教学，使读者可以得到仿佛老师亲自指导一样的学习体验，并能够快速应用于实际工作中。 
 
本书作者 
本书由韩广良、王明佳、武治国编著，另外李晓斌、张晓景、解晓丽、孙慧、程雪翩、王媛媛、胡丹丹、刘明秀、陈燕、王素梅、杨越、王巍、范明、刘强、贺春香、王延楠、于海波、肖阂、张航、罗廷兰等人也参考了部分编写工作。本书在写作过程中力求严谨，由于水平有限，疏漏之处在所难免，望广大读者批评指正。 
 编 者

显示全部信息

Photoshop网站UI设计全程揭秘（配光盘）（网页设计殿堂之路）下载

发布书评

Photoshop网站UI设计全程揭秘（配光盘）（网页设计殿堂之路）

发布书评

相关图书推荐