Flash动态网站架构中的设计诉求
发布时间:2015-07-06 10:43
【摘 要】在网络带宽不断增加的今天,flash动态网站已经成为网站设计的未来趋势,同时也是多媒体网页设计的最佳解决方案,本文通过探讨flash动态网站架构的过程和要求,提供一些建站教学的新思路。
【关键词】flash 动态网站 设计 要求
互联网(internet)的出现,实现了人类地球村的梦想,但宛如一个新生的婴儿,一出现就有其与生俱来的缺点:传统的静态(html)网页,供用户查阅的信息只能是文字和静止图像。阻碍了用户体验和感受到网络上多媒体的互动效果。
flash动态网站是针对多媒体网页设计脱颖而出的一个新型解决方案。它使用矢量绘制图像,它的最终文件可以以“流式”的输出在网页中播放。flash动态网站动画文件小,互动功能强。它给网页设计带来的无限生机。
一、现代网页设计的目的和要求
随着互联网知识的普及,让更多人对网站设计有了一定了解。但很多人仍旧不十分明确的了解网站能做什么,建设网站的目的是什么,要做怎样的网站,能从网站中得到什么。隐患最深的是,大多数企业网站的策划和运作都存在问题,在客户的概念里,这样的东西就是网站了。如果这样的网站无法给客户带来直接或间接“好处”,那么网页设计就成了没有任何意义的工作。现代网页设计的目的和要求到底是什么呢?一句话:互联网要给企业带来利润。
二、flash动态网页发展的现状及优势
1.现状及趋势
flash动态网页设计从业人员相当少,行业缺口很大。
在国外,众多大公司如:ibm、 shell、 hp、 sony等争相用以加强自己公司主页的形象和更强大的互动功能。而国内的动态网站发展相对较慢。
由于网络带宽的不断提高,flash动态网页以其具备的声音、动态图像等多媒体优势,会在不远的将来完全替代静态(html)网页。
2.优势
(1)更加专业、漂亮的设计:flash动态网页有专业的设计工具,也可导入用其他点阵和矢量绘图软件绘制的专业级图形,并生成swf格式,通过网页浏览器浏览和播放。
(2)灵活性:有完美的、全面的网络无缝接口设计工具,利用它可以创造全屏的动画,导航按钮、地图、动画按钮、图形及广告条。另外,可以自动生成数据引擎以及基于服务器的图形和动画,可以创建图形模版,该模版将在以后由服务器自动更新数据内容,这样就将专业的动画设计和服务器的灵活性有机地结合起来。
(3)快速性:边下载边播放,flash动态网页以“流”的方式打破了带宽的局限,即使是在网络状况很差的时候也无需长时间等待。
(4)压缩技术:使用矢量技术使得产生的网页文件非常小,即使当网页在全屏幕播放时也是如此。同时flash动态网页提供的shockwave flash插件也非常小,小于170kb。
(5)交互性:任何的图形和动画都能变成按钮,最大化的满足网页设计者的新想法、新创意。flash动态网页是在网络上创建交互性多媒体的最先进的技术。
(6)通用性:支持多种播放标准和平台,包括activex、glf、animated gif、realplayer、网络在线电视以及更多的平台。
1.网页形式与设计
(1)导航菜单设计
导航菜单设计是flash动态网页浏览的基础。简洁、有效的导航菜单,可以使浏览者迅速而高效的找到所需要的信息。导航的形式有侧边式、上端式、悬浮式、隐藏式等。导航的艺术性与可用性是具有艺术美感的导航会使浏览者的浏览过程变得丰富而富有趣味。导航菜单的设计还要注意简洁,易用。设计导航菜单的时候,可以假如一些小声音、小动画来丰富浏览体验。
(2)网页版式设计及风格
flash动态网页往往包含的信息量很大,元素也很多。但由于flash动态网页的超链接特征,使它的空间可以无限扩展。设计者通常把产品或服务的不同卖点分别集中在不同的路径之中,在细化的动态分页中可以根据次主题的不同,对各个构成元素的空间进行多样化安排。
flash动态网页上的三维空间是一个假想空间,它是由无数个具体的二维平面空间组成的虚拟世界。这些二维的平面空间就是网页。二维平面的空间是借助各个构成元素的比例关系、位置关系以及动静变化等空间因素表现出来的。各个元素的形象的弯曲变化、大小变化、色彩变化、位置的前后叠压、纹理的渐变、元素之间清晰与模糊的对照以及透视法的应用、疏密的变化、矛盾空间等所产生的视觉效果都不相同,都能丰富平面的视觉深度,使之产生富有弹性层次的空间效果。空间设计在作用于浏览者的视觉感受的同时,也产生不同的心理感受,增加画面的注目率。一般政府类和商业类的网站的空间安排往往注重条理化,分层分级的简洁明快;媒体类以及个人类网站则追求时尚的或出人意料的、或神秘的、或非常态的个性化空间效果。
(3)色彩设计
flash动态网页色彩搭配既是一项技术性工作,同时它也是一项艺术性很强的工作,因此,设计者在设计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出色彩鲜明、性格独特的网站。网页设计虽然属于平面设计的范畴,但它又与其它平面设计不同,它在遵从艺术规律的同时,还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。
一个页面的色彩设计尽量不要超过4种色彩,用太多的色彩让人没有方向,没有侧重。当主题色确定好以后,考虑其它配色时,一定要考虑其它配色与主题色的关系,要体现什么样的效果。另外哪种因素占主要地位,是明度,纯度还是色相。
2.flash action——动态网站的魔力
flash action已经成为了重要的设计辅助手段,很多意想不到的动态效果、实时计算都是由action来完成,灵活运用flash action会使你的动态网站设计达到“质”的飞跃。
3.优化动态网站
在flash动态网站的设计过程中,合理运用嵌套技巧,会使设计效果事半功倍。在当前的网络状况下,使动态网站的文件尽可能的缩小,对于减轻浏览者等待的“厌烦心理”是十分有效的,从而培养更多的网站浏览用户群。
动态网页设计作为一个新兴的网页设计手段,在信息极度丰富、网络带宽不断提高的当代,已经成为网页设计的未来。我们也不断看到,动态网页设计由于具备了多方面的接口优势,越来越成为数码设计中涉及领域最广、应用项目最多、就业前景广阔的设计艺术。
虽然现在的动态网页设计的现状有吞没设计者个性的趋势,但是同样这个时代也是一个追求形式上的创新和开拓的时代。一个勇敢的同传统势力、同形式主义相抗衡的时代。每一个有理想有抱负的设计者都有理由在这样的状况下运用自己的能力,开辟出一片新的网页设计道路。如何使中国的动态网页设计水平提高是摆在很多网页设计者面前的问题。
参考文献:
[1]adam m..boyd;natasha bruce. what goes into good web design, 2008.
[2][美]克鲁格.访客至上的网页设计秘笈.机械工业出版社,2006.
【关键词】flash 动态网站 设计 要求
互联网(internet)的出现,实现了人类地球村的梦想,但宛如一个新生的婴儿,一出现就有其与生俱来的缺点:传统的静态(html)网页,供用户查阅的信息只能是文字和静止图像。阻碍了用户体验和感受到网络上多媒体的互动效果。
flash动态网站是针对多媒体网页设计脱颖而出的一个新型解决方案。它使用矢量绘制图像,它的最终文件可以以“流式”的输出在网页中播放。flash动态网站动画文件小,互动功能强。它给网页设计带来的无限生机。
一、现代网页设计的目的和要求
随着互联网知识的普及,让更多人对网站设计有了一定了解。但很多人仍旧不十分明确的了解网站能做什么,建设网站的目的是什么,要做怎样的网站,能从网站中得到什么。隐患最深的是,大多数企业网站的策划和运作都存在问题,在客户的概念里,这样的东西就是网站了。如果这样的网站无法给客户带来直接或间接“好处”,那么网页设计就成了没有任何意义的工作。现代网页设计的目的和要求到底是什么呢?一句话:互联网要给企业带来利润。
二、flash动态网页发展的现状及优势
1.现状及趋势
flash动态网页设计从业人员相当少,行业缺口很大。
在国外,众多大公司如:ibm、 shell、 hp、 sony等争相用以加强自己公司主页的形象和更强大的互动功能。而国内的动态网站发展相对较慢。
由于网络带宽的不断提高,flash动态网页以其具备的声音、动态图像等多媒体优势,会在不远的将来完全替代静态(html)网页。
2.优势
(1)更加专业、漂亮的设计:flash动态网页有专业的设计工具,也可导入用其他点阵和矢量绘图软件绘制的专业级图形,并生成swf格式,通过网页浏览器浏览和播放。
(2)灵活性:有完美的、全面的网络无缝接口设计工具,利用它可以创造全屏的动画,导航按钮、地图、动画按钮、图形及广告条。另外,可以自动生成数据引擎以及基于服务器的图形和动画,可以创建图形模版,该模版将在以后由服务器自动更新数据内容,这样就将专业的动画设计和服务器的灵活性有机地结合起来。
(3)快速性:边下载边播放,flash动态网页以“流”的方式打破了带宽的局限,即使是在网络状况很差的时候也无需长时间等待。
(4)压缩技术:使用矢量技术使得产生的网页文件非常小,即使当网页在全屏幕播放时也是如此。同时flash动态网页提供的shockwave flash插件也非常小,小于170kb。
(5)交互性:任何的图形和动画都能变成按钮,最大化的满足网页设计者的新想法、新创意。flash动态网页是在网络上创建交互性多媒体的最先进的技术。
(6)通用性:支持多种播放标准和平台,包括activex、glf、animated gif、realplayer、网络在线电视以及更多的平台。
三、flash动态网站的设计要求
1.网页形式与设计
(1)导航菜单设计
导航菜单设计是flash动态网页浏览的基础。简洁、有效的导航菜单,可以使浏览者迅速而高效的找到所需要的信息。导航的形式有侧边式、上端式、悬浮式、隐藏式等。导航的艺术性与可用性是具有艺术美感的导航会使浏览者的浏览过程变得丰富而富有趣味。导航菜单的设计还要注意简洁,易用。设计导航菜单的时候,可以假如一些小声音、小动画来丰富浏览体验。
(2)网页版式设计及风格
flash动态网页往往包含的信息量很大,元素也很多。但由于flash动态网页的超链接特征,使它的空间可以无限扩展。设计者通常把产品或服务的不同卖点分别集中在不同的路径之中,在细化的动态分页中可以根据次主题的不同,对各个构成元素的空间进行多样化安排。
flash动态网页上的三维空间是一个假想空间,它是由无数个具体的二维平面空间组成的虚拟世界。这些二维的平面空间就是网页。二维平面的空间是借助各个构成元素的比例关系、位置关系以及动静变化等空间因素表现出来的。各个元素的形象的弯曲变化、大小变化、色彩变化、位置的前后叠压、纹理的渐变、元素之间清晰与模糊的对照以及透视法的应用、疏密的变化、矛盾空间等所产生的视觉效果都不相同,都能丰富平面的视觉深度,使之产生富有弹性层次的空间效果。空间设计在作用于浏览者的视觉感受的同时,也产生不同的心理感受,增加画面的注目率。一般政府类和商业类的网站的空间安排往往注重条理化,分层分级的简洁明快;媒体类以及个人类网站则追求时尚的或出人意料的、或神秘的、或非常态的个性化空间效果。
(3)色彩设计
flash动态网页色彩搭配既是一项技术性工作,同时它也是一项艺术性很强的工作,因此,设计者在设计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出色彩鲜明、性格独特的网站。网页设计虽然属于平面设计的范畴,但它又与其它平面设计不同,它在遵从艺术规律的同时,还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。
一个页面的色彩设计尽量不要超过4种色彩,用太多的色彩让人没有方向,没有侧重。当主题色确定好以后,考虑其它配色时,一定要考虑其它配色与主题色的关系,要体现什么样的效果。另外哪种因素占主要地位,是明度,纯度还是色相。
2.flash action——动态网站的魔力
flash action已经成为了重要的设计辅助手段,很多意想不到的动态效果、实时计算都是由action来完成,灵活运用flash action会使你的动态网站设计达到“质”的飞跃。
3.优化动态网站
在flash动态网站的设计过程中,合理运用嵌套技巧,会使设计效果事半功倍。在当前的网络状况下,使动态网站的文件尽可能的缩小,对于减轻浏览者等待的“厌烦心理”是十分有效的,从而培养更多的网站浏览用户群。
动态网页设计作为一个新兴的网页设计手段,在信息极度丰富、网络带宽不断提高的当代,已经成为网页设计的未来。我们也不断看到,动态网页设计由于具备了多方面的接口优势,越来越成为数码设计中涉及领域最广、应用项目最多、就业前景广阔的设计艺术。
虽然现在的动态网页设计的现状有吞没设计者个性的趋势,但是同样这个时代也是一个追求形式上的创新和开拓的时代。一个勇敢的同传统势力、同形式主义相抗衡的时代。每一个有理想有抱负的设计者都有理由在这样的状况下运用自己的能力,开辟出一片新的网页设计道路。如何使中国的动态网页设计水平提高是摆在很多网页设计者面前的问题。
参考文献:
[1]adam m..boyd;natasha bruce. what goes into good web design, 2008.
[2][美]克鲁格.访客至上的网页设计秘笈.机械工业出版社,2006.
上一篇:关于非典与“网络化生存”