新書推薦：
《
慢慢来，好戏都在烟火里
》
售價：HK$
59.8
《
一间自己的房间
》
售價：HK$
47.8
《
波段交易的高级技术：股票和期权交易者的资金管理、规则、策略和程序指南
》
售價：HK$
94.8
《
人，为什么需要存在感：罗洛·梅谈死亡焦虑
》
售價：HK$
81.6
《
锁国：日本的悲剧
》
售價：HK$
93.6
《
AI智能写作： 巧用AI大模型 让新媒体变现插上翅膀
》
售價：HK$
70.8
《
家庭养育七步法5：理解是青春期的通关密码
》
售價：HK$
59.8
《
三体（全三册）
》
售價：HK$
113.5
|
| 編輯推薦： |
内容全面，循序渐进。遵循从基础到高级，从入门到精通的思路，帮助读者轻松建立起正确的知识体系。
技术专业，易于操作。在技术讲解的同时，配合丰富的操作练习，理论与操作相结合，使读者轻松理解和掌握知识点。
专业作者，如临亲授。作者来自于一线专业公司和高校教师，实践与教学的融合，更清楚学习者的知识需求。
扫码微课，碎片学习。读者可以扫描书中的二维码，利用零碎的时间随时随地通过视频课程进行学习。
源于实践，回归实战。穿插大量的实战操作案例，均来源于实践，通过一步步操作的方式再现给读者。
海量资源，辅助学习。提供立体化的学习资源：所有案例的素材、源文件；多媒体语音视频教程；与教学配套的PPT课件。
|
| 內容簡介： |
《Photoshop CC网站UI设计全程揭秘（第2版）》是一本关于网站UI设计的经典之作，以Photoshop CC为设计工具，对主流网站UI设计流程和制作技巧进行了全面、细致的剖析。
《Photoshop CC网站UI设计全程揭秘（第2版）》内容简洁、通俗易懂，通过知识点与案例相结合的方式，让读者能够清晰明了地理解网站UI设计的相关内容，从而达到学以致用的目的。全书共分11章，包括网站UI概述，Photoshop基本操作，选区、形状和网站图标，图层与网页中的按钮，钢笔、文字和网站导航，调整命令与优化图像，设计网站中的广告条，网站页面的配色，网页的版式和布局，移动端网站UI设计和商业网站综合案例等内容。
《Photoshop CC网站UI设计全程揭秘（第2版）》结构清晰、实例经典、技术实用，适合网站UI设计初、中级读者，包括广大UI设计爱好者、UI设计工作者，也可以作为高等院校UI设计课程的教材。
|
| 目錄：
|
第1 章 网站UI 概述
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 视觉美观4
1.3.2 主题明确5
1.3.3 内容与形式相统一 5
1.3.4 快速加载5
1.3.5 为用户考虑6
1.4 网页的构成元素6
1.4.1 文字 7
1.4.2 图像 7
1.4.3 色彩 7
1.4.4 多媒体 8
1.5 网页设计的命名规范 8
1.6 移动端UI 设计9
1.6.1 移动端UI 设计概述 9
1.6.2 移动端和PC 端UI设计的区别 9
第2 章 Photoshop 基本操作
2.1 Photoshop 简介12
2.2 Photoshop 的安装 12
实例1安装Photoshop 12
2.3 Photoshop 的文件操作13
2.3.1 新建文件13
2.3.2 打开文件14
2.3.3 保存文件17
实例2制作简单的网页图标17
2.3.4 修改图像大小 19
2.3.5 修改画布大小 20
实例3制作艺术小网页 20
2.4 裁剪图像21
2.4.1 裁剪固定尺寸 21
2.4.2 透视裁剪22
2.4.3 裁剪获得好的构图22
2.5 图像的复制和粘贴 23
2.5.1 复制文档23
实例4制作网页背景23
2.5.2 拷贝和粘贴24
实例5制作网页广告插图 24
2.5.3 选择性粘贴25
实例6制作茶叶广告25
2.6 变换图像26
2.6.1 移动图像27
2.6.2 缩放图像27
2.6.3 旋转图像27
2.6.4 自由变换28
实例7制作网页广告28
2.7 还原与恢复操作29
第3 章 选区、形状和网站图标
3.1 网站图标的设计准则 30
3.2 网站图标的设计流程 30
3.3 规则选区创建标志 31
3.3.1 矩形选框工具 31
3.3.2 椭圆选框工具 31
实例8制作简单的Logo 32
3.3.3 单行选框工具和单列选框工具33
实例9制作简单的音乐图标33
3.4 填充与描边改变图标风格 34
3.4.1 油漆桶工具35
实例10制作绚丽彩块图标35
3.4.2 填充 37
实例11制作简单的立体图标38
3.4.3 描边 40
实例12制作美妙的音乐图标40
3.5 使用渐变工具增加图标质感42
3.5.1 渐变的类型42
3.5.2 编辑类型42
实例13制作可爱的小鸟图标43
3.6 使用形状工具创建图标46
3.6.1 关于形状工具 47
3.6.2 多边形工具47
实例14制作质感图标 47
3.6.3 形状的加减50
实例15制作时尚按钮图标51
3.6.4 自定义形状54
3.7 使用Color 设置图标颜色 54
实例16制作简单钟表图标55
第4 章 图层与网页中的按钮
4.1 按钮的设计要点58
4.2 按钮的应用格式58
4.3 使用图案增加按钮的质感 59
实例17制作水晶开关按钮59
4.4 图层的基本操作63
4.4.1 新建图层63
4.4.2 复制图层63
4.4.3 调整图层顺序 64
实例18制作Twitter 按钮 65
4.4.4 使用不透明度和填充 68
实例19制作简洁购买按钮69
4.5 使用图层样式 72
4.5.1 调整图层样式 72
4.5.2 使用投影制作阴影效果 72
4.5.3 使用描边为按钮添加轮廓73
实例20制作简单可爱的按钮73
4.5.4 使用斜面和浮雕制作立体效果75
实例21制作数据统计按钮76
4.5.5 使用内阴影增加层次 79
实例22制作圆形立体按钮80
4.5.6 使用内发光和外发光制作发光效果 84
实例23制作逼真的皮革按钮 84
4.6 使用画笔工具细化按钮88
4.6.1 使用画笔工具 88
实例24制作苹果应用商店按钮 88
4.6.2 设置画笔预设 92
4.7 图像的变换操作93
4.7.1 图像的翻转93
实例25制作音量开关按钮93
4.7.2 透视和扭曲97
4.7.3 变形 97
第5 章 钢笔、文字和网站导航
5.1 导航和菜单的作用 98
5.2 导航的设计标准98
5.3 网页设计的辅助操作 98
5.3.1 使用标尺99
5.3.2 创建精确的参考线99
实例26制作简洁导航菜单100
5.4 修改选区104
5.4.1 羽化选区104
5.4.2 扩展 收缩选区104
5.5 加深和减淡修饰 105
5.5.1 加深工具105
5.5.2 减淡工具105
实例27制作创意音乐网站菜单106
5.6 使用钢笔工具绘制精确的形状 110
5.6.1 使用钢笔工具110
实例28制作复古导航条111
5.6.2 路径与选区的转换 114
5.6.3 使用画笔描边路径 115
实例29制作帅气游戏网站导航 116
5.7 使用文字工具 119
5.7.1 输入文字120
5.7.2 设置文字120
实例30制作时尚导航菜单121
5.8 快速对齐对象126
5.8.1 对齐对象127
5.8.2 分布对象127
实例31制作漂亮的图片式导航128
第6 章 调整命令与优化图像
6.1 网站中的图像简介 132
6.2 网站使用的图片格式132
6.3 网站中的图像模式 132
6.4 使用图章工具为图标添加效果 132
6.4.1 使用仿制图章工具去除图像中的水印 133
实例32去除图像中的瑕疵133
6.4.2 使用图案图章工具制作网站背景 134
6.5 修复网页中的图像 135
6.5.1 使用污点修复画笔工具135
实例33去除脸部的装饰135
6.5.2 使用修复画笔工具 137
6.5.3 使用内容感知移动工具138
6.6 自动调整图像颜色 138
6.6.1 自动色调增强图像清晰度 139
6.6.2 自动对比度增强图像对比度139
6.6.3 自动颜色校正图像颜色139
6.7 自定义调整图像色彩140
6.7.1 使用曲线调整命令140
实例34使网页更加鲜艳140
6.7.2 使用色阶提高图像清晰度 143
6.7.3 使用亮度 对比度调整图像 143
实例35使图像更清晰 144
6.7.4 使用色相 饱和度调整图像 146
6.7.5 使用自然饱和度调整图像147
实例36制作酷炫图片 147
6.7.6 使用阴影 高光命令修正图像的逆光 149
实例37修正逆光的图片150
6.8 使用填充和调整图层152
6.8.1 纯色填充图层152
6.8.2 渐变填充图层153
6.8.3 图案填充图层153
实例38制作炫彩网页 153
6.8.4 调整面板155
实例39制作黑白色图像156
6.9 锐化提高图像清晰度158
6.10 处理扫描图像158
6.11 批处理图像158
6.11.1 使用动作面板159
6.11.2 自定义动作 159
实例40批处理图像159
第7 章 设计网站中的广告条
7.1 网站广告条的类型 162
7.2 广告条的常见尺寸 162
7.3 如何设计好的广告条162
7.4 完美抠图合成广告条163
7.4.1 磁性套索工具抠图 163
实例41制作果盘广告条163
7.4.2 快速选择工具164
实例42制作美食广告条165
7.4.3 使用魔棒工具166
7.4.4 使用钢笔工具167
实例43制作薯条广告 167
7.4.5 快速蒙版选择图像 170
实例44制作服装广告条170
7.4.6 选择并遮罩选项精确选区172
实例45制作精美女装广告172
7.4.7 焦点区域174
7.5 使用修边174
7.5.1 移除白边和黑边174
7.5.2 去边实现更好的合成效果 175
实例46制作时尚服装广告条 175
7.6 使用画笔工具绘图 178
实例47制作礼物宣传广告条 178
7.7 使用蒙版合成图像 180
7.7.1 图层蒙版替换图层局部181
7.7.2 图层蒙版融合图像 181
实例48制作快餐店广告条181
7.7.3 使用剪贴蒙版182
实例49制作画廊展览小广告 183
第8 章 网站页面的配色
8.1 色彩基础知识187
8.1.1 光和色的三原色187
8.1.2 色彩的类型 188
8.1.3 色彩的构成要素189
8.1.4 色彩的混合 189
8.1.5 色彩的分类 190
8.1.6 不同的色系 191
8.2 色彩的视觉心理感受193
8.2.1 色彩的轻重 193
8.2.2 色彩的冷暖 193
8.2.3 色彩的软硬 194
8.2.4 色彩的大小 194
8.2.5 色彩的活泼和庄重感194
8.2.6 色彩的兴奋和沉重感195
8.2.7 色彩的华丽和朴实感195
8.3 网页配色标准196
8.3.1 Web 安全颜色196
8.3.2 使用Web 安全色调色板 196
8.4 网页配色技巧197
8.4.1 色彩搭配的原则197
8.4.2 确定网页主题色198
8.4.3 正确选择文字的颜色198
8.5 网页风格与配色 199
8.5.1 暖色调配色 199
8.5.2 冷色调配色 200
8.5.3 稳定、安静风格的配色200
8.5.4 发挥白色效果的配色200
8.5.5 高彩度的配色201
8.6 影响网站配色的因素201
8.6.1 根据行业特征选择网页配色201
8.6.2 根据生命周期选择网页配色202
8.6.3 根据色彩联想选择网页配色203
8.6.4 根据受众色彩偏好选择网页配色 204
第9 章 网页的版式和布局
9.1 常见的网页布局方式207
9.1.1 国字型 207
9.1.2 拐角型207
9.1.3 标题正文型 208
9.1.4 左右框架型 208
9.1.5 上下框架型 209
9.1.6 封面型209
9.1.7 动画型209
9.1.8 变化型209
9.2 文字在网页中的作用210
9.2.1 明确性210
9.2.2 易读性210
9.2.3 美观性210
9.3 网页文字的设计原则211
9.3.1 可读性211
9.3.2 艺术化211
9.4 网页文字的排版设计213
9.4.1 文字排版规则213
9.4.2 文字排版的常用手法214
9.5 根据内容决定布局方式 216
9.5.1 左侧的页面布局216
9.5.2 水平居中的页面布局216
9.5.3 水平和垂直居中的页面布局217
9.5.4 满屏的页面布局217
9.6 页面分割方式217
9.6.1 横向分割217
9.6.2 纵向分割218
9.6.3 纵向横向复合分割 218
9.6.4 运用固定区域219
9.7 页面布局的连贯性和多样性219
9.7.1 连贯性219
9.7.2 多样性220
第10 章 移动端网站UI 设计
10.1 移动端UI 设计基本概念221
10.1.1 关于手机 221
10.1.2 移动端界面设计原则 222
10.1.3 移动端UI 设计流程223
10.2 常见的手机系统 224
10.2.1 苹果系统iOS 224
10.2.2 安卓系统Android226
10.3 iOS 系统界面设计227
10.3.1 iOS App 设计概述227
10.3.2 iOS 系统界面设计规范 228
实例50绘制iOS App 界面的顶部和底部 228
10.3.3 iOS 图标设计231
实例51绘制iOS App 界面的主体 232
10.4 Android 系统界面设计 235
10.4.1 Android App UI 概述 235
实例52绘制Android 个性主界面 235
10.4.2 Android App 界面设计原则239
10.4.3 Android App 界面设计风格239
10.4.4 控件设计 240
实例53绘制Android 选项卡的顶部 241
10.4.5 Android 图标设计241
实例54绘制Android 选项卡的主体 242
10.5 移动端与PC 端网页UI 的区别242
10.5.1 界面不同 242
10.5.2 位置不同 243
10.5.3 操作习惯不同 243
10.5.4 按钮状态不同 243
10.5.5 信息布局不同 243
第11 章 商业网站综合案例
11.1 制作儿童类网站 244
11.1.1 行业分类 244
11.1.2 色彩分析 244
11.1.3 版式分析 244
实例55儿童类网站的背景和导航245
实例56儿童类网站的主体和Logo245
实例57儿童类网站的切图 245
11.2 制作手机购物网站245
11.2.1 行业分类 245
11.2.2 色彩分析 246
实例58手机购物网站的商品展示页 246
实例59手机购物网站的切图246
|
| 內容試閱：
|
前言
在计算机网络日益普及的今天, 需要越来越多的UI 设计专业人才，而随着移动端设备在人们生活中使用的频率越来越高，PC 端页面设计和移动端界面设计都成为UI 设计人员必须要掌握的技能。Photoshop 作为目前非常流行的网页设计软件，凭借其强大的功能和易学易用的特性深受广大从业者的喜爱。
《Photoshop CC网站UI设计全程揭秘（第2版）》从网站图标和按钮、网站导航、网站图片、网站广告条、网站配色和布局等多方面进行讲解，采用基础知识应用案例的方式，将Photoshop 软件操作技术和网站UI 设计完美结合，确保读者能够快速掌握网站UI 设计的设计方法和技巧。 全书共分11 章，各章内容介绍如下。
第 1 章 网站UI 概述，主要讲解网页界面的分类、网站建设的大致流程、网页界面的设计原则和重要的构成要素，以及网页设计的命名规范等内容。
第 2 章 Photoshop 基本操作， 主要详细讲解Photoshop 的一些基本操作， 包括Photoshop 简介、Photoshop 的安装、Photoshop 的文件操作、裁剪图像、图像的复制和粘贴、图像变换操作和还原恢复操作等知识。
第 3 章 选区、形状和网站图标，主要讲解选区、形状在网页设计中的应用方法，包括选区的创建、填充与描边、渐变工具、形状的创建和加减，以及如何使用Adobe Color Themes 辅助配色等内容。
第 4 章 图层与网页中的按钮，主要讲解图层的功能和操作，包括使用图案增加质感、图层的基本操作、图层样式的添加和修改、使用画笔工具和图像的变换操作等内容。
第 5 章 钢笔、文字和网站导航，主要讲解钢笔工具和文字在网页设计中的使用方法，主要包括网页设计的辅助操作、选区的修改、加深和减淡工具、钢笔工具的操作技巧、文字工具，以及快速对齐多个对象等内容。
第 6 章 调整命令与优化图像，主要讲解修饰图像和调整图像色调的方法，包括使用图章工具修饰图像、修复网页中的图像、自动调整图像色调、自定义调整图像色调、锐化图像，以及自动批处理图像等内容。
第 7 章 设计网站中的广告条，主要讲解使用不同工具进行抠图的方法，包括使用磁性套索工具、快速选择工具、魔棒工具、快速蒙版和调整边缘抠图，使用修边优化抠图效果和使用蒙版合成图像等内容。
第 8 章 网站页面的配色，主要讲解色彩的基础知识、色彩的视觉心理感受、网页配色标准、网页风格与配色，以及影响网页配色的因素等内容。
第 9 章 网页的版式和布局，主要讲解常见的网页布局方式、网页文字的设计原则、网页文字的排版规则和常用手法、根据内容确定布局方式的方法，以及页面分割方式等内容。
第 10 章 移动端网站UI 设计，主要讲解移动端UI 设计的规范和技巧，包括常见的手机系统、iOS 系统界面设计、Android 系统界面设计以及移动端与PC 端网页UI 设计的区别。
第 11 章 商业网站综合案例，主要讲解两款商业网站界面的设计和制作步骤，包括儿童类网站和手机购物网站设计。
《Photoshop CC网站UI设计全程揭秘（第2版）》由赵中华编著，另外张晓景、李晓斌、高鹏、胡敏敏、张国勇、贾勇、林秋、胡卫东、姜玉声、周晓丽、郭慧等人也参与了《Photoshop CC网站UI设计全程揭秘（第2版）》的部分编写工作。《Photoshop CC网站UI设计全程揭秘（第2版）》在写作过程中力求严谨，由于作者水平所限，书中难免有疏漏和不足之处，希望广大读者批评、指正，欢迎与我们沟通和交流。
QQ 群名称：网页设计与开发交流群；QQ 群号：705894157。
为了方便读者学习，《Photoshop CC网站UI设计全程揭秘（第2版）》为每个实例提供了教学视频，只要扫描一下书中实例名称旁边的二维码，即可直接打开视频进行观看，或者推送到自己的邮箱中下载后进行观看。《Photoshop CC网站UI设计全程揭秘（第2版）》配套的立体化学习资源中提供了书中所有实例的素材源文件、最终文件、教学视频和PPT 课件，并附赠海量实用资源。读者在学习时可扫描下面的二维码，然后将内容推送到自己的邮箱中，即可下载获取相应的资源 注意：请将这两个二维码下的压缩文件全部下载完毕后，再进行解压，即可得到完整的文件内容。
编 者
|
|
購物車/收銀台(
0
) | 在線留言板
| 付款方式
| 運費計算
| 聯絡我們
| 幫助中心 |
加入書簽
HOME
新書上架
