登陆讨论本教程
 
关于本教程 (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设计艺术网返回创意互动首页联系我们转到论坛

连载一:全面了解你要做的网站

在你要开始做一个网站的时候,全面了解这个网站的资料可以让你更加的成竹在胸。那么我们要全面了解网站,要了解哪些方面的内容呢?

1.知道你要做什么网站?
  我们在这里要做的是:服装网站!

2.怎么样去了解服装行业特点?服装网站要做成什么样的呢?有什么样的视觉特点呢?
  这个社会包罗万象,什么行业独有,我们不可能都了解所有的行业,那么这个时候我们怎么样快速了解一个行业的基本的特点呢? 最快最直接的方法是:查找网站的优秀的同行业的网站、阅读该企业的一些介绍资料、和企业的负责人沟通等都可以了解到。我们采用的办法是:通过查找优秀的服装网站来认识服装网站。如下图:

服装网站设计

服装

服装

服装

服装

服装网站设计

从上面的图片中我们可以很容易的看出来,服装网站的特点都喜欢采用模特来展示服装,都喜欢采用服装模特的图片来撑起整个页面的视觉中心。因为我们知道服装是穿着在身的,穿起来给我们看的感觉比叠起来给我们看的感觉要来得生动,来得逼真,好像是穿着自己的身上一样。现在有的服装、鞋子的网站,只要输入相关的尺码就可以看到模特穿着在身的感觉,那样更加的逼真。

服装是我们日常生活中天天都在接触的,做服装网站的时候采用颜色大多都侧重在暗色(特别是FLASH服装网站)和柔和的色彩方面。

做FLASH的服装网站,我们采取暗色能够更容易的表达出服装的质感和视觉的冲击力,以及更好的表达动画的交互过程。另外,做服装的网站,为了表达穿着追求一种自由自在、大方舒服的风格,我们经常采用的设计风格是自由的设计布局,也就是突破传统网站方框的束缚,看到的更多的是自由开朗的空间。如下图:

有浓厚中国味道的网站

有浓厚中国味道的网站

上图为带有浓厚中国味道的网站截图,我们经常的见到哦。下图为给人比较开阔、自由的风格的网站的截图,这样的布局更容易表达大气和自由舒服。

自由

3.为了准确的弄明白客户的网站的定位、经营理念等,在做一个网站的时候你首先要认真的阅读客户为您提供的材料;并且要主动和客户沟通!
  我们通过阅读资料,可以很容易读出我们要做的米诺妮雅网站主要是以25-40岁之间的都市时尚女性为服务对象,主要是生产女装服饰,风格以优雅与职业、时尚与休闲、简洁与大方三大构成为主等,同时我们浏览米诺妮雅原网站可以了解到原来的栏目和一些图片资源。我们了解这些以后对做网站就有大体的印象了,做起来的时候就有个底。

在做网站的前面必须要和客户沟通好,很多设计师常常责怪客户“刁蛮”,只是我觉得如果事先沟通好的话,这样的情况完全可以减轻的。那么和客户沟通都要沟通一些什么问题呢?请看如下:

A. 了解贵公司产品的定位是什么?B. 网站是否要体现这一理念定位呢? C. 与客户分享你的设计构思  D.了解客户心中对网站的期盼样子和客户的其他的要求  E.告诉客户你的进程安排   等等。

总之,做好一个网站,就要做好准备,万事开头难,全面的了解你要做的东西,将会为你以后的设计制作带来更多的方便。