与以前的网站建设相比,现在的网站建设变得更加细分化。设计师的作用不再仅仅是制作视觉效果突出的图像。而是应该以项目为中心考虑策划者、开发者、客户等多方面的需求,然后将这些综合地表达出来。
本书从设计师的角度出发,制作了5大类共9个动画网站项目,内容涵盖社群网站、广告性网站、信息提供网站、购物网站和旅行社网站,不仅讲解了范例的制作过程,还讲述了具有多种组成因素的高质量项目的建设过程。力求使读者能够从设计师的角度详细了解如何控制一个项目、如何对项目进行有效合理的规划。同时在进行网站整体规划的过程中,对不可缺少的设计因素也进行了详细的说明,非常有助于读者学习理解。
由韩国资深Flash动画网站设计专家精心策划编著,完整介绍了社群、广告、公司、购物。旅行等9个网站的设计过程。书中配有大量技术诀窍和对重要因素的说明,读者在跟随书中步骤练习时会感到非常有趣,学习过程也将变得很简单。在策划完整网站的过程中,作者不仅考虑到了整体规划及各个组成部分,更强调了设计的重要性和各环节的衔接与配合本书内容非常有助于培养读者从一个设计师的角度规划和控制项目,并掌控多种组成因素来完成高质量的动画设计。
Chapter 01网站项目的基本制作过程
网站项目的策划与制作
01项目制作的第一步——策划阶段
与客户交流
制作策划案
02主体方案的设计过程
设置分辨率
界面的分割
网站要素的设计
03制作HTML文件
设置辅助线
设置根目录
制作表格
切割图像
在表格中嵌入图像
测试HTML文件
04 CSS的应用及上传
在HTML文件中应用CSS
上传HTML文件
Chapter 02社区网站项目
游戏社区网站项目中级
01游戏社区网站的模板设计制作
分辨率的设置以及界面的分割
上端区域的设计过程
内容区域的设计过程
剩余空间的利用
02使轮廓线发光的遮罩效果
03表现移动效果的鼠标
04根据鼠标显示游戏人物的导航
05利用垂直移动的遮罩栏实现颜色变化
06显示菜单说明的提示栏导航
<制作笔记>一次性移动应用补间动画效果的元件位置
<制作笔记>给Flash按钮添加电子邮件地址的链接
女性社区网站项目中级
01女性社区网站的设计过程
布局的基本界面分割
主图片区域的设计过程
主导航设计过程
内容区域的设计过程
其他事项
02菜单形式的交互式导航
03随鼠标光标移动的影片剪辑
04随鼠标运动的翻转按钮
Chapter 03广告网站项目
出版社广告网站项目中、高级
01出版社广告模板设计制作
布局的基本界面分割
主图片区域设计过程
主导航设计过程
完成上端界面操作
内容区域的设计过程
其他区域设计过程
其他事项
02按顺序出现的切片动画
03向上弹出子菜单的导航
04切片形式的文本动画
05封面自动旋转的广告导航
普通企业广告网站项目中级
01普通企业广告模板设计制作
布局的基本界面分割
主图片区域的设计
主导航设计
上端区域的设计
内容区域的设计
左侧区域的设计
变化
其他区域的设计
02折射对象的新遮罩技巧
<制作笔记>载入影片的相关说明
<制作笔记>FIash动画的逐步性表达方式
03对隐藏菜单进行切片展现的导航
04结合Pholoshop展现生动的文本效果
05随抛物线运动的动画效果
Chapter 04信息网站项目
京畿道选举管理委员会项目I中级
01京畿道选举管理委员会模板设计
布局的基本界面分割
主图片区域的设计
上端Logo以及导航设计过程
内容区域的设计
主内容区域的划分
二次子内容区域的设计
页脚以及其他操作
02根据主菜单切换的图像导航
03随机散发光线的动画
04应用多重遮罩的精致场景转换方法
05使用setMask动作的移动遮罩
<制作笔记>将FIash动画的背景设置为透明状态
Chapter 05购物网站项目
专卖店网站项目中级
01专卖店网站模板设计
布局的基本界面分割
主图片区域的设计
登录栏和主导航设计
其他上端区域部分设计
子内容区域的设计
主内容区域的设计
右侧区域的应用
页脚区域以及其他操作
02与众不同的特殊遮罩技巧
03子菜单自然出现的透明效果导航
04旋转时自动改变方向的广告图像导航
05表示鼠标位置的箭头对象
<制作笔记>在网站Flash中删除不需要的快捷菜单
综合购物网站项目中级
01综合购物网站模板设计
布局的基本界面分割
大分类A区域的设计过程
划分两个界面的媒介
大分类B区域的设计过程
页脚区域以及其他操作
制作购物网站之前需要准备的事项
02以Wjndows形式出现的子菜单导航
03有效应用空间的标签概念的滑动按钮
04附加说明提示栏和图像交替按钮
05直接用鼠标来拖动的按钮条
06利用按钮控制旋转导航
Chapter 06旅行网站项目
旅行专用商品网站项目初、中级
01旅行专用商品网站模板设计
设定目标并决定网站理念
布局的基本界面分割
主图片区域的设计
主导航设计
其他上端区域部分的设计
主内容区域的设计
页脚区域以及其他操作
02随鼠标放大的按钮动画
03子菜单和图片滚动变化的场景转换导航
04自然地改变大小和颜色的动画按钮
05对其他按钮进行响应的按钮
综合旅行社网站项目I中级
01综合旅行商品网站设计制作过程
布局的基本界面分割
具体界面分割
主图片区域的设计
上端L0g0以及导航区域的制作
一次主内容区域
主内容区域的区分
二次主内容区域
子内容区域的制作
页脚区域以及其他制作
02闪烁的霓虹灯字体效果
03以飞机模型表示选择菜单的导航
04在天空飞翔的文本动画
<制作笔记>应用引导线文本动画
05隐藏后再显示的导航
06衬托相片氛围的动画
<制作笔记>将精彩的FIash动画保存到自己的电脑中