第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 明度配色
3.5 使用Kuler配色
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 极简风格页面设计
展开
