1、 本 科 毕 业 论 文 基于 Flash 技术的动态博客设计 Flash博客框架设计 The design of dynamic blog base on flash technologyThe framework design of flash blog 姓 名： 学 号： 学 院：软件学院 系：软件工程 专 业：软件工程 年 级： 指导教师： 年 月 摘 要 网页作为一种信息载体，为设计者提供了新的设计领域与设计课题。随着网络技术的日益成熟和使用者的数量越来越多，人们使用网络的目的也开始多元化。其中，“博客”不知不觉成为人们日常生活中浏览的热门网页种类之一。 其极具个性化的特点深受广大使
2、用者的喜爱，本文通过 对广泛流行的个人博客网站的分析与改进，打破以往博客的传统页面设计布局， 从美观 ， 动态 ，新颖 的角度出发 ，设计基于日历直接展示形式的 Flash 博客整站，替换传统的静态 HTML 博客网页布局。以一个新的博客设计理念，通过运用 Flash 等设计软件，设计出具有丰富动态交互效果和视觉艺术呈现效果的博客网页。 文章的基本框架如下： 第一部分 Flash 博客创意概述部分，通过对博客网页的应用及其特点的分析，总体介绍 Flash 博客设计的灵感来源和意义。 第二部分结合设计中需求的功能和视觉效果，对选用的软件 Adobe Flash CS3 和脚本语言 Action
3、Script 3.0 的特点和优势进行概述。 第三部分为文章的主体部分，该部分详细的介绍了 Flash 博客中主框架及部分子页面的动作部件效果 的实现过程。最后结合这一阶段的学习与设计，总结了设计 Flash 网站过程中的所得所体。 关键字：博客； Flash；日历 Abstract Website , as an information carrier, providing designers with a new design and design issues. With the increasing maturity of network technology and the incr
4、easing number of users, it is the purpose of the use of the network also began to diversify. Among them, the “blog“ has become one of the most popular types of web pages in peoples daily lives. Its features of personal functions are popular in users , this article on the widespread adoption of perso
5、nal blog site analysis and improvement, breaking the previous blog page layout and design of the traditional, from the beautiful, dynamic, innovative point of view, design is based on calendar directly form of Flash blog to display the entire station, to replace the traditional static HTML blog page
6、 layout. Blog with a new design concept, through the use of Flash and other design software, design a dynamic interaction with rich effects and the effect of a visual arts blog page. The basic framework of the article is as follows: The first part, through the application of blog page and characteri
7、stics of the analysis, introducing the idea of designing a flash blog . The second part, combined with the design of the demand function and visual effects of software, introducing the features and advantages selection of Adobe Flash CS3 and Action Script 3.0 scripting language. The third part is th
8、e main body of this article. Introducing the detail design of the web frame and web actions and make a summary by combined with the process of designing a flash blog. Keywords: blog; flash; calendar. 目录 第一章 概述 Flash 博客创意 . 1 1.1 什么是博客 . 1 1.2 Flash 博客的界面特点与优势 . 2 1.3 详述 UI界面设计 . 3 第二章 网页效果实现选用软件和脚本语
9、言的特点 . 6 2.1 Adobe Flash Cs3 的特点 . 6 2.1.1 版本介绍 . 6 2.1.2 更好地与 Photoshop 和 Illustrator 集成。 . 6 2.1.3 动画与代码的转换和标准工作界面 . 6 2.2 Action Script 3.0 脚本语言的优势和特点 . 7 2.2.1 Action Script 介绍 . 7 2.2.2 Action Script 3.0 简介 . 7 2.2.3 Action Script 3.0 的特性和优点 . 8 2.2.4 关于两者的运行效果分析 . 9 第三章 页面动作部件效果的实现过程 . 10 3.1
10、主页面 Home 框架设计 . 10 3.1.1 进度条页面和 Contact 页面设计 . 10 3.1.2 顶部菜单影片剪辑动作功能实现过程 . 12 3.1.3 底部功能按钮影片剪辑动作功能实现过程 . 13 3.1.4 中间影片加载剪辑 . 14 3.1.5 主页面运行和操作流程 . 15 3.2 News 标签页设计 . 16 3.3 相册页面设计 . 17 第四章 总结 . 20 4.1 团队设计介绍 . 20 4.2 预期目标与实现 . 20 4.3 Flash 博客的 应用前景 . 21 参考文献 . 22 致谢 . 23 附录 . 24 Contents Chapter I
11、The idea of flash blog . 1 1.1 What is a flash blog . 1 1.2 Features and advantages of the flash blog interface . 2 1.3 Detailed design of UI. 3 Chapter II The features of the software and scripting language which is used to achieve the actions of blog page. 6 2.1 The features of Adobe Flash Cs3 . 6
12、 2.1.1 Introduction of Adobe Flash Cs3 . 6 2.1.2 Better integrated with Photoshop and Illustrator . 6 2.1.3 Standard interface for user and Transform between animation and code . 6 2.2 The features and advantages of the scripting language Action Script 3.0 . 7 2.2.1 Introduction of Action Script . 7
13、 2.2.2 About Action Script 3.0 . 7 2.2.3 The features and advantages of Action Script 3.0 . 8 2.2.4 关于两者的运行效果分析 . 9 Chapter III Process of designing the page actions . 10 3.1 Framework Design of Home page . 10 3.1.1 The design of progress bar and contact page . 10 3.1.2 The design of the top movie c
14、lips . 12 3.1.3 The design of the Bottom movie clips . 13 3.1.4 The design of the middle movie clips . 14 3.1.5 主页面运行和操作流程 . 15 3.2 Design of the news page . 16 3.3 Design of the image page . 17 Chapter IV Summary . 20 4.1 Introduce of team work . 20 4.2 Expected gorl and achieved . 20 4.3 The devel
15、op of flash blog . 21 References. 22 Thanks . 23 Appendix . 24 厦门大学本科毕业论文 概述 Flash 博客创意 1 第一章 概述 Flash 博客创意 1.1 什么是博客 博客（ Blog） 是一个网页，通常由简短且经常更新的帖子（ Post，作为动词，表示张贴的意思，作为名字，指张贴的文章）构成，这些帖子一般是按照年份和日期倒序排列的。而作为 博客 的内容，它可以是你纯粹个人的想法和 心得，包括你对时事新闻、国家大事的个人看法，或者你对一日三餐、服饰打扮的精心料理等，也可以是在基于某一主题的情况下或是在某一共同 领域内由一群人集
16、体创作的内容。它并不等同于 “ 网络日记 ” 。作为网络日记是带有很明显的私人性质的，而 Blog 则是私人性和公共性的有效结合，它绝不仅仅是纯粹个人思想的表达和日常琐事的记录，它所提供的内容可以用来进行交流和为他人提供帮助，是可以包容整个互联网的，具有极高的共享精神和价值。撰写这些 Weblog或 Blog的人就叫做 Blogger或 Blog writer。 简言之， Blog 就是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松地与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。 在网络上发表 Blog 的构想始于 1998 年，但到了 2000 年才开始真正流行。而
17、 2000 年博客开始进入中国，并迅速发展，但都业绩平平。直到 2004 年木子美事件，才让中国民众了解到了博客，并运用博客。 2005 年，国内各门户网站，如新浪、搜狐，原不看好博客业务，也加入博客阵营，开始进入博客春秋战国时代。起初， Bloggers 将其每天浏览网站的心得和意见记录下来，并予以公开，来给其他人参 考和遵循。但随着 Blogging 快速扩张，它的目的与最初已相去甚远。目前网络上数以千计的 Bloggers 发表和张贴Blog 的目的有很大的差异。不过，由于沟通方式比电子邮件、讨论群组更简单和容易， Blog 已成为家庭、公司、部门和团队之间越来越盛行的沟通工具，因为它也
18、逐渐被应用在企业内部网络（ Intranet）。目前， BSP 商家厦门大学本科毕业论文 概述 Flash 博客创意 2 风起云涌，已有数十家大型博客站点。目前，国内优秀的中文博客网有：新浪博客，中国博客网，腾讯博客，博客中国等。 1.2 Flash 博客的界面特点与优势 在人和机器的互动过程中，有一个层 面，即我们所说的界面。从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。 用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负
19、担；保持界面的一致性。 UI(User Interface,用户界面 ): UI 的意思是用户界面，是英文 User Interface 的缩写。既浏览者在浏览网页时，通过视觉所能观察到的一切事物，这些都是需要设计的部分，在互联 网行业，做界面设计的人被贬义的称为 “ 美工 ” 。 其实我们一开始接触 电脑 时就应该对 UI 有很深的认识，从最早的 DOS 操作系统到 Windows 1.0，再到 Windows XP。我们开机所看到的就叫用户界面， DOS操作系统黑底白字的文本界面， Windows XP 的经典蓝色界面，这些都是用户界面的发展历程。从简单到复杂，从庸俗到华丽，也证明了用户界
20、面设计越发成熟。 用户界面设计是屏幕产品的重要组成 部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。非物质设计的兴起诞生 UI 设计 。 界面设计其实不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的厦门大学本科毕业论文 概述 Flash 博客创意 3 感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计
21、满意视觉效果的过程。 目前网络上多数广泛流行的博客样式通常都是由顶部标签栏和标签栏以下的一些文字区域构成，偶尔穿插一些图片，日历和音乐播放器。如新浪，网易，腾讯等的博客网站皆为此类别。而 Flash 网站的特点就在于打破传统博客布局，用显示事件的日历作为博客展示的主界面，再加上丰富视觉性的子页面和留言板来构成整个纯 Flash 博客。在视觉感官，表现力，操作感上都是传统博客所无法比拟的。同时网络上已经存在大量的对 Flash 产品感兴趣的用户，例如博客中的 Flash 模块及 Flash 小游戏等等。纯 Flash 博客网站通过自身 Action Script 语言的支持控制窗口的移动和加载外
22、部 Xml文档完成动态显示功能，整个网站动画视觉冲击力较强，整体感强，用户与博客的交互多，并且弥补了传统博客排版单调的缺点。一些图文混排，叠排形式都可以通过 Flash 来实现，这是传统博客做不到的。 1.3 详述 UI界面设计 网页浏览是一个平面 视觉 浏览过程 。好的视觉流程设计不仅是充分利用了视觉流程法则，还能够充分引导观者的视线按照设计者的意图，以合理的顺序，快捷的途径，有效的感知方式去获得最佳视觉效果。 心理学家葛斯泰在研究版面 规律时指出：“版面左侧的视觉诉求力要强于版面右侧。” 3 在版面上下部分，也存在着细微的差异。上部分与下部分通常都会形成一种高低落差感，这种感觉是离不开自然界的万有引力定律的影响的。根据并利用这些视觉流程设计的法则，设计了博客主页面的浏览框架。 主页面浏览效果如图 1-1：
