《Photoshop网页设计与配色从新手到高手》以网页平面设计及配色训练为目的，培养读者用Photoshop制作网页的专业技能。《Photoshop网页设计与配色从新手到高手》从初步的理论认识和设计知识的角度逐步把读者引导到网页配色的知识海洋之中，通过Photoshop的相关制作工具的学习，以及多个网页元素、字体设计、网页配色与页面版式设计和合成，了解每个设计知识的难点，教会读者在不同的环境、不同的场合设计中运用不同的配色原理，为今后的设计创作打下良好的基础。另外，《Photoshop网页设计与配色从新手到高手》赠送PPT课件、所有实例的视频教学、案例素材以及海量学习资源等。 《Photoshop网页设计与配色从新手到高手》适合网页设计师、专业UI设计师，以及从事平面设计、广告设计的人员学习参考，还可作为各类计算机培训学校、大中专院校的教学辅导用书。
读者对象
《Photoshop网页设计与配色从新手到高手》适合网页设计师、专业UI设计师，以及从事平面设计、广告设计的人员学习参考，还可作为各类计算机培训学校、大中专院校的教学辅导用书。
本书特色
★★以网页平面设计及色彩配色训练为目的，培养读者丰富的感性知识和理性的专业知识。
★★通过图片培养读者的实际操作能力，将理论与实际相结合，注重读者的思维、方法、技能的多向性及创造性思维的培养，获得知识和能力的同步发展。
★★从初步的理论认识和设计知识的角度逐步把读者引导到色彩设计配色的知识海洋之中。
★★赠送所有实例的视频教学、案例素材和最终效果文件，《多色配色宝典》和《协调色配色宝典》电子书，以及海量设计资源（包括画笔库、形象库、渐变库、样式库、动作库等）
前言
网页设计与配色是视觉表达的一门重要的学科。色彩搭配结合了心理学和设计美学，对于网页美工来讲应该设计在先，制作在后。《Photoshop网页设计与配色从新手到高手》结合色彩搭配理论进行网页设计，对于广大平面设计师起到一定的引导作用。随着视觉品位及硬件技术的进步，网页配色设计作为一门交叉性的学科，在现代设计中显示了它惊人的力量。在人们的生存空间中，现代色彩设计已深入每个角落。网页设计不仅仅体现在网页的色彩搭配，还触及各行各业，如城市规划、视觉传达设计、交通系统设计、工业设计、环境艺术设计、会展设计、建筑设计、景观设计、公共艺术设计、舞美设计、家具设计、动画设计等在网页中的视觉展示。色彩在人的视觉中最敏感，它常常被称为设计的第一视觉语言符号。不同的色彩能触动人类不同的情感及联想。
在设计基础等基础课程的教学中，我们不仅要培养学生良好的色彩感觉，并且还要求学生掌握理性配色知识，不停地去研究和揭示配色现象，不断地开发配色表现的可能性，不断地总结其规律，揭示配色表现的奥秘，极大限度地发挥设计色彩的表现力，将配色知识灵活运用于设计创作之中，这将是一个循序渐进、自然融合的过程。网页平面设计中色彩之间的组合搭配具有一定的复杂性。《Photoshop网页设计与配色从新手到高手》通过讲述配色的形成、要素、规律等知识，着重讲解色彩配色的实际运用规律，并且，在图例的选取上特别考虑了平面构成设计课程的专业特点，针对刚进入设计类专业的学生，以提高其素质和能力的目的，使其初步掌握色彩的基本理论，从而学会欣赏及运用色彩，以打好扎实基础，并培养实践能力。
《Photoshop网页设计与配色从新手到高手》以网页平面设计及色彩配色训练为目的，培养读者丰富的感性知识和理性的专业知识。《Photoshop网页设计与配色从新手到高手》中的百余幅图片均是作者从世界优秀网页作品中精选出来的。通过《Photoshop网页设计与配色从新手到高手》的学习，培养引导读者通过图片的浏览去了解色彩配色的主要内容，强化对视觉心理的分析能力，把握处理设计图形与色彩心理表现之间关系的能力，发挥读者的视觉审美能力和艺术鉴赏能力。《Photoshop网页设计与配色从新手到高手》旨在通过图片培养读者的实际操作能力，将理论与实际相结合，注重读者的思维、方法、技能的多向性及创造性思维的培养，获得知识和能力同步发展。《Photoshop网页设计与配色从新手到高手》从初步的理论认识和设计知识的角度逐步把读者引导到色彩设计配色的知识海洋之中。如果想了解相关的网页色彩设计配色知识，也可以从书中的文字内容，了解每个色彩设计知识的难点。《Photoshop网页设计与配色从新手到高手》将教会读者在不同的环境、不同的场合设计中运用不同的配色原理，为今后的设计创作带来一些借鉴及参考。
《Photoshop网页设计与配色从新手到高手》赠送所有实例的视频教学、案例素材和最终效果文件，《多色配色宝典》和《协调色配色宝典》电子书，以及海量设计资源（包括画笔库、形象库、渐变库、样式库、动作库等），读者扫描下方二维码填写相关基本信息后即可获取相关资源。
《Photoshop网页设计与配色从新手到高手》不仅内容丰富精彩，而且极富学习性。《Photoshop网页设计与配色从新手到高手》适合网页设计师、专业UI设计师，以及从事平面设计、广告设计的人员学习参考。
《Photoshop网页设计与配色从新手到高手》由沈阳化工大学工业与艺术设计系张帆（负责编写1～4章）、陈英杰（负责编写5～7章）和刘洋（负责编写8～10章）老师编写。
作者
2022年12月
张帆
沈阳化工大学，工业与艺术设计专业。曾教授课程《工艺美术史》、《工业设计史》、《中外美术鉴赏》、《中外建筑史》等。在艺术理论方面有有十分丰富的教学经验。曾发表论文十余篇，参与撰写著作6本。
陈英杰
沈阳化工大学工业与艺术设计系，环境设计专业。曾教授课程《计算机辅助设计CAD》、《计算机辅助设计3ds Max》、《博物馆展陈空间设计》等，在室内设计方面有教学、工程实践经验。发表科研论文20余篇，中文核心论文2篇，获授国家专利10余项。主持省级课题1项。出版著作7本。
刘洋
沈阳化工大学工业与艺术设计系，产品设计专业。曾教授课程《机电产品设计》《产品设计程序与方法》《汽车造型设计》等。 近年来发表科研论文 20 余篇，国家外观专利 30 余项，出版过本科教材两部，主编过《 Cinema 4D 完全实战技术手册》专著一部。 主持、参与省级、市级科研项目多项，多次指导学生在省级、部级专业设计竞赛中获得奖项。
目录
第1章 网页界面设计概述
1.1 了解网页界面设计
1.2 了解网站页面布局
1.2.1 网站页面布局的目的
1.2.2 网站页面布局的原则
1.3 根据整体内容位置决定的网页视觉布局
1.3.1 PC网页界面布局分类
1.3.2 手机网页界面布局分类
1.4 如何制作出优秀的网页界面
1.5 网页设计师如何自我提升
1.5.1 形状/轮廓
1.5.2 美术基础
1.5.3 色彩识别
1.5.4 引导视觉
1.6 如何设计出更加友好的界面
1.7 网页设计的基本要素
第2章 网页界面设计基础
2.1 了解网站设计
2.1.1 什么是网站设计
2.1.2 网站设计特点
2.2 网站设计构成元素
2.2.1 文字
2.2.2 图形符号
2.2.3 图像
2.2.4 多媒体
2.3 网站设计原则
2.3.1 视觉美观
2.3.2 主题明确
2.3.3 内容与形式统一
2.3.4 有机的整体
2.3.5 PC网页界面与手机界面的不同
2.4 网页界面设计的原则
2.5 网页界面设计师如何展示自身价值
2.6 网页界面设计的流程
第3章 网页界面设计的色彩理论
3.1 色彩意象
3.2 色彩的重要性
3.2.1 色彩的物理效应
3.2.2 色彩的心理反应
3.3 色彩的属性
3.3.1 色彩的分类
3.3.2 色相
3.3.3 明度
3.3.4 饱和度
3.3.5 色调
3.4 色彩的搭配原则
3.4.1 色相配色
3.4.2 色调配色
3.4.3 明度配色
使用Kuler配色?3.5
3.6 找到完美的色彩搭配
3.7 色彩在UI设计中的作用
3.8 制作配色卡
第4章 Photoshop制作网页编辑操作工具
4.1 Photoshop的工作界面
4.1.1 了解工作界面
4.1.2 了解工具箱
4.1.3 了解选项栏
4.1.4 了解状态栏
4.1.5 了解面板
4.2 Photoshop的路径与矢量图形
4.2.1 了解绘图模式
4.2.2 了解路径与锚点的特征
4.2.3 熟悉路径面板
4.3 实例：用画笔描边路径
4.4 实例：创建曲线路径并转换为选区
4.5 编辑路径
4.5.1 选择与移动锚点、路径段和路径
4.5.2 添加或删除锚点
4.5.3 改变锚点类型
4.5.4 方向线与方向点的用途
4.5.5 路径的变换操作
4.5.6 对齐与分布路径
4.6 绘制路径
4.6.1 实例：绘制转角曲线
4.6.2 钢笔工具的选项栏
4.6.3 实例：创建自定义形状
4.6.4 绘制基本形状
4.6.5 使用钢笔工具绘制中转换折点
4.6.6 路径快速转换成选区的方法
第5章 网页界面的平面图标制作
5.1 Home图标制作
5.2 日历图标制作
5.3 录音机图标制作
5.4 文件夹图标制作
5.5 徽章图形
5.6 秒表图形
第6章 网页界面设计的字效表现
6.1 星星字体
6.2 炫酷蓝色金属字体
6.3 立体岩石材质字体制作
第7章 网页元素设计技巧
7.1 登录界面
7.2 设置界面开关
7.3 通知列表界面
7.4 日历界面
第8章 网页版式设计经典案例：色系
8.1 黄色系列页面设计
8.1.1 黄色色彩搭配的象征意义
8.1.2 黄色页面设计案例校服品牌
8.2 绿色系列页面设计
8.2.1 绿色色彩搭配的象征意义
8.2.2 绿色页面设计案例多彩时尚
8.3 红色系列页面设计
8.3.1 红色色彩搭配的象征意义
8.3.2 红色页面设计案例顺滑丝巾
8.4 蓝色系列页面设计
8.4.1 蓝色色彩搭配的象征意义
8.4.2 蓝色页面设计案例家电主页
8.5 紫色系列页面设计
8.5.1 紫色色彩搭配的象征意义
8.5.2 紫色页面设计案例电茶壶广告页面
8.6 灰色系列页面设计
8.6.1 灰色色彩搭配技巧
8.6.2 灰色页面设计案例旅行页面
8.7 黑色系列页面设计
8.7.1 黑色色彩搭配技巧
8.7.2 黑色页面设计案例旅行页面
第9章 网页配色设计经典案例：行业
9.1 庆典网页配色设计
9.2 服饰网页配色设计
9.3 箱包网页配色设计
9.4 珠宝网页配色设计
9.5 调味品网页配色设计
9.6 活动网页配色设计
9.7 玩具网页配色设计
9.8 婚纱网页配色设计
第10章 H5手机网页整体设计
10.1 安卓手机整体页面设计
10.2 苹果手机整体页面设计
10.3 微软手机整体页面设计
10.4 极简风格页面设计
书单推荐
