互动媒体设计设计报告-张晨晨.docVIP

BMW中国——网站设计 ——《互动媒体设计》综合设计报告 作者： 张晨晨 班级： 工设10-1班 导师： 陈功 日期：2013年4月23日 前言 随着时代的进步，网络日趋成为主流，学习网络也是我们大学生的必备之技能，所以通过陈功老师的教授，我学会了制作网站的三个软件Dreamweaver，Fireworks，FlashAdobe Fireworks可以加速 Web 设计与开发，是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks不仅具备编辑矢量图形与位图图像的灵活性，还提供了一个预先构建资源的公用库，并可与 Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和Adobe Flash软件省时集成。在Fireworks 中将设计迅速转变为模型，或利用来自 Illustrator、Photoshop 和 Flash 的其它资源。然后直接置入Dreamweaver 中轻松地进行开发与部署。 　FLASH是Macromedia公司出品的，用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以象一门语言一样进行编程，但用其内置的语句并结合JAVASCRIPE，您也可作出互动性很强的主页来。FLASH另外一个特点就是必须安装插件PLUG-IN，才能被浏览器所接受！当然这也避免了浏览器之间的差异，使之一视同仁！　Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。 　　摘要: 5 关键词 5 ABSTRACT: 5 KEY WORDS 6 一、设计任务的提出 6 二、网站总体规划 6 三、网站的设计创意及设计风格 7 1、风格定位 7 2、设计创意 8 3、标题 8 4、内容的采集 8 4.1 8 4.2 8 4.3 8 4.4 8 5、图片 9 6、网页排版 9 7、特色 9 四、主页设计 9 五、分页面设计 9 六、各类素材制作的主要过程及技术 10 （一）Fireworks素材制作 10 1、背景制作 10 2、BMW标志旋转制作 10 （二）Flash素材制作 12 1、主页flash制作 12 2、图片链接动画 15 3、车型预览动画 15 4、BMW汽车激光显示动画 17 5、放大镜显示汽车材质动画 18 6、获奖动画 19 7、拖尾文字动画 20 （三）Dreamweaver素材制作 21 1、运用插入表单进行制作 21 2、锚链接制作 21 3、行为制作—图片显示与隐藏 22 （4）电子邮建链接等 23 七、站点整合 23 八、总结 25 参考文献 25 BMW中国——网站设计 ——《互动媒体设计》综合设计报告 作者：张晨晨 指导：陈功 （中国矿业大学徐海学院工业设计10-1班 座机电话号码） 摘要: 三剑客是网页制作的利器，有强大的制作网页的功能。在如今的门户网站雨后春笋般的出现，网页制作显得日趋重要，无论是商业、企业还是政府的宣传推广都离不开网页的设计，如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。越来越多的人开始关注网站的重要性，也日趋成为一门大学的科目，就像一个装备一样，我们每位大学生都应该应有的技能，到了社会上能够胜任。如何制作一个完整的丰富多彩的页面，变得越来越重要，网页作为新兴媒体,有着比报刊、杂志、广播、电视等传统媒体更多的构成要素,如文字、图形、声音、图像和动画等。在网站的发展过程中，艺术与交互设计开始越来越重要，不仅需要专门的理论学习，还有一定的艺术修养和创意思想。 网页设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。 关键词：技能 艺术 创意 艺术