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

连载四:根据策划寻找创意与创意可行性分析

策划已经做得差不多了,我们接下来要进入的是页面设计的阶段。在这个阶段中,我们首先要进入的是构思和找到网页的创意版式这部分。

我们做网站的时候常常是到网络上来找寻自己的创意,都喜欢从别人的优秀的设计中挖掘自己的想法,这是一个不错的办法。但是我总觉得大家一做网站就上来看酷站,找想法,找创意,那么找来找去,做出来的网站很容易相似的。创意,常常是灵光一闪,你想你很有创意,很有想法,那么我建议你当你往往想到一些你平常一般情况下都没有想到的东西的时候,你最好把它纪录下来,这也许就是灵感哦。另外,平常,也要多注意观察周围的事物,多去思考这些有关的东西,慢慢的锻炼你就很容易有想法的了。

我们在做这个网站的时候,在做创意的时候,我们想用一张大的模特来营造页面的视觉中心,但是我们经过策划的时候已经了解到原网站的图片,也就是我们所拥有的图片并不是很大,想用模特图片来达到如下图的简约、大气的设计效果,可能会比较有难度。

示例网站

这个时候也许有人就说了:我可以找一些美女模特的素材来展示的啊。但是,我提醒你:做为一个专业的设计师,第一、你要正确的传达信息给浏览者;第二、你利用的美女模特牵及到俏像权的问题。试想,你找的美女都不是你所做的网站的公司的服装模特,她所穿的衣服是这个公司的产品吗?你使用这张图片的时候是通过合法的手段征得对方的俏像使用权了吗?这一点一定要值得我们做网页设计的注意,我们可以通过改变设计策略来达到我们想要的效果,不一定非要这样做的。

既然图片比较小,那么我在做设计构思的时候,我准备用色块来弥补这个缺陷,我考虑了第一套的版式是稍微方正规范一些,以力求体现女性的优雅与职业。我用PS画出了如下的构思图(建议大家在做页面构思的时候使用笔绘画可能比较快和方便):

构思一

构思一

想法是这样的: 我准备在页面中间放3-4张有代表性的图片,然后在图片上面放主菜单和标志,如上图2中,有灰白的地方是准备放三组菜单和半透明的色块的,留出的一个左上角没有放菜单的准备放一个标志在左上角,至于标志那一个色块部分放不放一张图片要等到设计开始的时候才知道是什么样子,然后才好做出决定。当点击菜单的时候,拉开半透明的色块,形成一定的形状,显示对应的菜单的内容。这是我第一个构思。构思的主要考虑是图片大小这个问题。

设计是一个择优选择的过程。我们尽量不应该只停留在一个构思上面。下面我们进行第二个方案的构思。上面的第一个方案是使用了方形的比较多,那么我准备接下来构思的时候尽量不要采用这么规范传统的设计,我想展示女性自由、轻松的一面,所以下面的构思是比较自由的内容布局。

构思图如下:

构思二

具体的想法是这样的:图上标识6的地方是准备留空的,因为考虑到图片大小问题。那么最主要的页面部分是上面的部分,上面的部分的色彩现在构思是使用渐变或者是花纹状的渐变背景,标识1的地方准备放置标志,2的地方准备放置主菜单,3为广告语,4为展示图片,除了4以外,其他的都是不规范的,没有很对齐的方方正正的边角。4处的图片目前初步考虑放方形的。5处将会放置一些弧线,一是想突出女性的柔美,一是为了平衡视觉。其他的细节之处到真正开始设计的时候根据需要来添加而来。当点击菜单之后,图片和广告语消失,5处的弧线也做适当的消失切换,然后整个背景暗下来,加载完毕后背景重新亮起,5处弧线出场,对应的动画加载而入。

接下来我们要对这两个方案进行可行性的分析,也就是看我们能不能从设计和技术的角度顺利的完成。

设计方面:第一个,用PS处理素材和制作,问题不大。第2个在设计方面的难度比第一个大一些,但是都没有问题。

技术方面:第一个很容易的做到。第2个在首页的几张图片的出场方面可能要使用到一些3D的出场效果,这个可能会运用到代码。其他的方面都没有太多的问题。如果到时候3D效果难以实现的话,我们可以考虑改变图片的出场方式。

这样看来,这两个的构思,都是可以做到的。我们事先做这样的分析,是想在做之前先有一个底子,不要做到一半了,不会做,做不下去就不好了。你说呢?