网页设计从界面布局到视觉表现(视频版)电子书

内容提要

前言

Part 1 基础篇

第1章 网页设计概述

1.1 认识网站

1.1.1 网站的基本概念

1.1.2 网站的分类

1.1.3 网站的商业模式

1.2 网页界面空间的影响要素

1.2.1 分辨率与显示器

1.2.2 浏览器

1.3 网站开发的团队与协作

1.4 网页的制作流程

第2章 网页界面设计的内容

2.1 网站形象

2.1.1 网站Logo

2.1.2 广告语与图片形象

2.2 导航系统

2.2.1 全局导航

2.2.2 局部导航

2.2.3 搜索引擎导航

2.2.4 面包屑导航

2.2.5 其他辅助导航

2.3 信息内容

2.3.1 首页信息展示

2.3.2 列表页面信息展示

2.3.3 详细页面信息展示

2.4 广告

2.4.1 Banner

2.4.2 弹出式广告

2.4.3 浮动式广告

2.4.4 文字链接式广告

2.5 表单区

2.5.1 信息提交

2.5.2 信息交流

2.6 案例——Banner设计

Part 2 界面交互篇

第3章 用户体验研究

3.1 以用户为中心的设计

3.1.1 用户体验概念

3.1.2 以用户为中心的研究方法

3.2 用户需求研究

3.2.1 了解你的网站

3.2.2 关注你的用户

3.3 案例——从用户身上寻找需求【登录界面】

第4章 信息架构设计

4.1 网站的信息结构

4.1.1 信息结构的概念

4.1.2 网站信息组织方式

4.1.3 信息结构的类型

4.2 网站整体结构到界面架构

4.2.1 确定网站的导航

4.2.2 提高用户体验的交互技巧

4.3 案例——活动页面设计

第5章 界面与布局

5.1 界面的布局原理

5.1.1 对称与均衡

5.1.2 重点与主次

5.1.3 变化与统一

5.2 界面布局类型

5.2.1 固定布局

5.2.2 流动布局

5.2.3 响应式布局

5.3 原型的构建

5.3.1 确定页面尺寸

5.3.2 页面设计的优先级

5.3.3 线框图设计

5.3.4 原型设计

5.4 案例——食品公司网站的界面改版设计

Part 3 视觉表现篇

第6章 视听元素

6.1 文字

6.1.1 字体的选择

6.1.2 文字的可读性

6.1.3 文字编排的艺术性

6.2 图片

6.2.1 图片的选择

6.2.2 格式与优化

6.2.3 图像的肌理

6.3 色彩

6.3.1 色彩的模式

6.3.2 色彩的情感

6.3.3 色彩组合

6.4 多媒体

6.4.1 视频

6.4.2 音频

6.5 动效

6.5.1 GIF动图

6.5.2 Flash动画

6.5.3 程序实现的动画

6.6 案例——天猫商城店铺界面设计

第7章 网页视觉设计要点

7.1 视觉的有效性

7.1.1 简化

7.1.2 留白

7.2 视觉的层次性

7.2.1 视觉流程

7.2.2 视觉层级关系

7.3 视觉的一致性

7.3.1 与企业形象一致

7.3.2 页面及各元素间的共识

7.4 视觉的创意性

7.4.1 秩序内的创新

7.4.2 新媒体下的出其不意

7.5 案例——早教机构网站界面设计

第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 拼贴风格应用及分析

Part 4 综合案例篇

第9章 网站静态页面前端开发基础

9.1 HTML基础

9.1.1 HTML简介

9.1.2 HTML文档结构

9.1.3 常用标签

9.2 CSS基础

9.2.1 CSS简介

9.2.2 CSS编码规范

9.2.3 CSS属性选择器

9.2.4 网页中应用样式表

9.2.5 CSS常用属性

9.2.6 CSS盒子模型

9.3 Java Script脚本基础

9.3.1 Java Script简介

9.3.2 HTML中使用Java Script

9.3.3 Java Script的变量

9.3.4 Java Script操作HTML标签

9.3.5 Java Script的注释

9.3.6 函数

9.3.7 Java Script的运算符

9.3.8 Java Script的3种流程控制

9.3.9 Java Script与HTML的交互

9.4 案例——幻灯片效果

9.4.1 Jquery.anythingslider插件

9.4.2 Jquery.anythingslider的用法

9.4.3 顶部导航Logo及菜单

9.4.4 幻灯片效果完整代码

第10章 餐厅网站静态页面设计

10.1 前期准备

10.1.1 项目背景

10.1.2 前期策划

10.1.3 确定网站信息框架

10.1.4 交互原型设计

10.2 网页界面设计

10.2.1 整体视觉风格定位及首页设计

10.2.2 列表页面设计

10.2.3 详细页面设计

10.3 网站布局

10.3.1 首页制作

10.3.2 列表页制作

10.4 网站动效表现