登陆讨论本教程
 
关于本教程 (2008-01-10)
  本教程所有服装资料为互联网收集,仅为学习使用,版权归原米诺妮雅网站(www.menonia.com)所有。
  本连载教程将从资料分析、网站策划等开始到调整测试,用主流的创意、流畅的动画交互与ASP、FLASH AS结合打造完整的服装全FLASH网站,从中您可以学习到一个完整的全FLASH网站的建设知识。本教程从2008年1月10日起,每天连载一篇,欢迎您每天和我们一起的进步;另外,本教程有部分代码资源修改自互联网,我们尽量注明来源,但是由于有些是以前收集的代码,有的出处无法考究和注明了,但依然十分感谢代码的原创者。
  本教程针对对FLASH有一定了解的朋友,因为要涉及到的一些基础的内容都是一笔带过的。本教程有不足之处或疑问可以到论坛中发表你的意见,也恳求各位FLASH高手多多包涵和指点,我们不胜感激!
  创意互动为中国网页设计师加油,站点为非盈利性机构,所有资源均免费提供,愿您和我们一起,为自己加油,为网页设计加油!祝福您!
本教程所使用到的软件和版本:
1.FLASH CS3 (可以兼容FLASH 8)
2.PHOTOSHOP CS3(可以兼容CS、CS2)
3.DREAMWEAVER CS3(可以兼容DW8)
4.IIS 本地虚拟服务器
本教程基于WINDOWS XP系统来设计制作
相关资源下载列表:
创意互动WEB设计艺术网返回创意互动首页联系我们转到论坛

连载三:初步构思你的网站的色彩取向、风格构成以及内容设计、交互、技术实现方案

在写本文之前,很抱歉的告诉大家,最近由于天气等各方面的原因,身体不是很舒服,向学校请假了,教程没有及时的发布,在此很对不起大家。也非常感谢你的支持。也衷心的祝愿你健康快乐。

接下来我们要学习的是怎么样去定位风格与色彩取向,填写好策划书中的风格那一栏。至于版式设计那一项目,我们会在创意与设计阶段详细讲解。由于我们所做的服装网站的面向对象是25-40岁的成熟女性,所以我们做出来的网站的风格应该要高雅、成熟、同时也要着力体现这一群女性的充满魅力的一面,那么要达到这样的风格我们在表达方式方面要通过图形图像以及动画表达外,在用色方面要注意的是尽量少用过于鲜艳和活泼的颜色,也就是色彩的明度和饱和度都比较高的颜色,这类颜色比较有活力,适合于20多岁的年轻人。我们要体现高雅、成熟那么就决定采用柔和一些的色彩。也许有的朋友可能不知道哪些色彩是柔和,哪些色彩是强烈的,哪些又是高雅的……不要紧,你可以点此下载我们为你提供的色彩的搭配案例,你可以认真的看看。我们初步确定的色彩取向如下所示:(这个色彩并不是最终的色彩,只是一个取向,因为现在我们还没有设计页面,没有把设计元素放在一起设计,所以是无法最终确定色彩的,色彩会随着设计而有所改变的。)

色彩取向

灰色是一种中性色,它给人感觉柔和、细腻、大方、舒适、优雅、安静等,具有智慧、斯文的气质。所以在上面的色彩取向中我们取向大多集中于灰色中。

接下来我们要进行的是网站的内容的设计。为了让你的设计制作流程流畅,顺利,我强烈的建议你要把你的网站的内容规划设计好。

进行内容的设计主要是进行内容的安排规范化,使得别人访问你的网站的时候导航清晰。这个很容易完成的。

首先,我们观察原网站所有的栏目安排,然后把栏目做如下的结构安排:

起始页
一级目录
二级目录
三级目录
首页
公司简介
公司简介
均无
品牌介绍
联系方式
产品展示
诚邀加盟
加盟条件
加盟流程
加盟申请表
加盟优势
店面形象
销售网络
客户留言

这样做就把我们要做的网站的内容组织起来了,一看很明了。有哪些页面要做的我们都很容易的知道。

接下来我们要考虑交互和技术的实现方案:

交互方案

在这个方案中,前台从上到下为目录进入结构图,箭头标明方向,音乐为除后台外,全站都有。前台有两个栏目:产品和留言要后台来控制的,其他的栏目由于不必要经常的更新,所以作成静态的FLASH,在页面中直接安排制作即可。音乐为了方便切换,所以也决定把它弄为后台管理。后台为ASP页面程序的,在此不做ASP程序的详细讲解,大家如果对ASP有兴趣可以找一些ASP的相关书籍来阅读。

在FLASH交互方面,交换的过程主要如下:
Loading主框架和首页内容 (点击菜单按钮)--> 贴出共用loading (loading完毕)--> 加载对应动画到目标

其中,贴出loading是指loading使用贴加技术实现