Flash和RIA技术--网站建设设计理念


Flash的大名四海皆知,似乎没有在这里刻意强调的必要。有关Flash我只想说两点:其一,Flash动画是手段而不是目的,如果单纯为了炫耀而在网页中不加限制地使用Flash动画,以至于冲浪者一进网站就头晕目眩,那可就得不偿失了;其二,有许多网页动画效果既可以用CSS+ JavaScript实现,也可以用Flash实现,二者各有利弊——网页设计师在选择时应多考虑效率、标准、易用性等与冲浪者关系最为密切的问题。
除了纯客户端的Flash应用之外,网页设计师们也该对客户端与服务端结合的RIA(Rich Internet Applications)技术给予足够的关注。在Macromedia倡导的RIA架构中,网页设计师可以和程序员一起利用Macromedia Flex编写运行在Web服务器上、可以动态产生Flash应用的服务端代码。与以往那些输出HTML或XHTML的服务端代码相比,RIA可以让交互式的Web页面(比如购物类网页)像Flash动画一样动感、靓丽。
Blog和Wiki的启示
Blog和Wiki是这几年才流行开来的Web应用模式(千万不要告诉我你不知道Blog和Wiki是什么)。尽管今天大多数Blog和Wiki站点在设计方面都没有任何亮点可言,网页设计师还是应该花些时间研究一下Blog和Wiki的应用理念。
我的意思是说,Blog和Wiki为网友们提供了两种全新的展示自我价值、实现“人”、“网”互动的平台。这两种全新的信息发布与传播模式其实也为新一代的网页设计提出了严峻的挑战。例如,设计师该如何组织一个可能有多人参与、可能随时有信息变更的页面,才能保证该页面中每个视觉元素都完美、和谐?设计师该如何处理一个可以由用户自行定义的页面,才能保证该页面的设计风格总是与站点的整体风格协调一致?更进一步地说,在一个赋予用户最大自由的网页中,设计师的职责是增加了还是减少了?像Blog和Wiki这样的站点,它们一定无法在视觉效果上达到完美吗?
选择最适合自己的软件工具
每个网页设计师都有自己最得心应手的软件工具。在选择软件工具这个方面,人云亦云的盲从态度是最不可取的。
我自己在设计网页时用得最多的工具其实是UltraEdit(Windows环境)和BBEdit(Mac OS X环境),但我绝不会因此而否定FrontPage或Dreamweaver在可视化领域的巨大优势;我最喜欢的图形图像工具是Photoshop、 Painter与Illustrator的组合,但我从不认为使用Windows画板来描绘点阵图或使用PowerPoint来勾勒矢量图就是水平低下的表现;在制作动画时,Flash对我而言只是一个最后的合成工具,此前还会有Illustrator、Swift 3D等许多软件发挥它们各自的价值——大家一定猜不到,我还经常在微软的OneNote软件中绘制Flash动画的分镜头草稿呢;此外,懂得编程的网页设计师还可以在开发工具和脚本语言的帮助下,让设计过程更加轻松——不知道大家是否尝试过,用JavaScript或AppleScript来操控 Photoshop,就可以根据某个数据库中预先存储的数据批量生成网站中的所有按钮图片,这可是一种十分惬意的使用体验啊!
认识和使用色环
色环就是将常用色彩按照某种规律排列成圆环之后的结果。千万不要以为色环只有一种。例如,以计算机显示器使用的红、绿、蓝三原色为基础,经两两混合得到间色,再进一步得到下一级间色,最终得到的12色、24色或更多颜色的色环通常被称为RGB色环或光源色色环;而从美术颜料中的红、黄、蓝三原色出发得到的色环也被称为美术色环;还有一些设计师会根据自己的需要,仅仅用某个色调区域的色彩组合成专用的色环。
经常观察和分析色环中隐藏的色彩规律是网页设计师的必修课之一。在RGB色环中,我们可以很容易找到那些最适于在显示器中表现的色彩。但RGB色环隐藏了较多暖色系的细节,我们最好用美术色环来探索颜色与颜色之间的相互关系。
在美术色环中,相距180°的两种颜色是反差最强烈的补色,间距在60°以内的色彩是关系最为协调的近似色,两两相距60°的三种颜色则可以构成一个视觉效果非常强烈的色彩组合……如果我们自己创建出了一个由不同深浅的蓝色组成的色环,那么,只要简单地将色环中心区域填充为某种色彩,就能很快找到与该颜色最为相配的蓝色了。
色彩的心理效应
每种色彩都会引起人们特定的心理感觉。我们常说的冷色和暖色就是心理感觉的体现。一些设计师喜欢为自己熟悉的每种色彩配上两三个特定的形容词,比如为深紫色配上“忧郁-陶醉-哀婉”,然后根据这些形容词,将不同的色彩分门别类,以便在需要时选用。韩国 I.R.I色彩研究所用类似的方法将标有形容词的常用色彩及色彩组合置于“生硬-柔和/动态-静态”的坐标系(印象空间)中,这样,设计师只要在坐标系中圈出与网站主题吻合的印象区域,就可以很容易地找到自己需要的色彩组合了(参见电子工业出版社2002年9月出版的《Web Color Design——设计师谈网页配色》一书)。
色彩的心理效应不是固定不变的。特定色彩在与其他不同色彩搭配时,往往会表现出不同的心理效应。比如,当我们把紫色放在蓝色和绿色中间时,紫色看起来是典型的暖色,而当我们把同样的紫色放在红色和橙色之间时,它看起来就是典型的冷色了。再比如,单独看起来明亮、纯净的黄色一旦被置于浅棕色的背景中,似乎一下子就变得模糊和晦涩了。
不同的色彩模型
在电脑中,网页设计师可以使用不同的色彩模型来表示特定的色彩。打开Photoshop软件的调色板,我们可以看到最常用的四种色彩模型——RGB、CMYK、HSB和Lab。
RGB是设计师在网页中指定色彩的基本模型。作为一名网页设计师,我们应当对RGB色彩模型有足够的了解,至少,我们应能快速说出大多数典型色彩的RGB近似值,或是在看到某一组RGB值后马上知道那大致是一种什么样的色彩。
CMYK 是打印机等印刷设备使用的色彩模型。大多数网页设计师无须考虑CMYK模型。但在设计那些专用于打印的彩色网页时,我们就必须解决某种色彩转换到CMYK 模型后可能存在的失真问题,因为许多明亮的RGB色彩都无法准确映射到CMYK空间。使用Photoshop提供的“Proof Colors”功能可以看到色彩在打印输出时的实际效果——如果某种色彩失真较大,那么最好提前换掉它。
HSB色彩模型可以反应出某种色彩的色调(Hue,也译作“色相”,但中文Windows和Mac OS X系统的调色板均使用“色调”的译法)、饱和度、亮度这三个基本属性。HSB模型最接近人们对色彩的感知方式,因此,在选择特定色彩或色彩组合的时候,我们可以先从HSB模型出发定位色彩,然后再将其转换为网页中使用的RGB值。
Lab模型是一种非常出色的技术模型,非常适于精确地表达、存储、压缩或转换色彩信息。尽管也可以用较直观的方式理解Lab模型,但目前使用Lab模型寻找或定位特定色彩的设计师还寥寥无几。
色调变化
在色调(Hue,也译作“色相”)的基础上寻求变化是最常用的色彩搭配方式之一。
从RGB 色环或美术色环出发,我们可以很容易地找到相距180°左右的补色组合以及相距60°以内的近似色组合。使用补色可以在网页中制造出强烈的视觉对比效果,这适于表达那些鲜明、突出的主题;使用近似色则可以让网页的整体视觉效果更加和谐,这适于表现那些含蓄、内敛的主题。
还有一种值得注意的色调组合方式:选出一种特定色彩后,在色环上找到其补色所在的位置,然后从补色两边同时选出两种或多种补色的近似色,并将它们与原色彩搭配起来。这样的色彩组合一方面包含视觉上的对比因素,另一方面也包含统一、和谐的效果。如果变换每种色彩在网页上的分布位置和分布面积,还可以得到许多意想不到的结果。
饱和度变化
饱和度是反应色彩纯净或灰浊程度的指标。将饱和度相近的色彩搭配在一起,可以在统一的视觉效果中引入节奏上的变化;将饱和度差异较大的色彩搭配在一起,可以让饱和度高的色彩更加突出,也可以让网页中的视觉冲突更加明显。
饱和度为0时,色彩就变成了白色、灰色或黑色。因此,有些设计师也把特定色彩与白色、灰色、黑色的搭配归入到饱和度对比的范畴中。从这个意义上说,白色、灰色、黑色等中性色在突出其他色彩的“彩色属性”方面有着非常重要的价值。
亮度变化
保持色调和饱和度一定的情况下,单纯改变某种色彩的亮度,也可以得到许多漂亮的色彩组合。
在许多现代企业的网页中,亮度不同的蓝色既可以让整个网页保持统一的商务风格,也可以让不同的网页区域形成一定的对比和变化关系。有时候,前景信息和背景信息分别使用亮度不同的色彩(比如暗绿色背景上的浅绿色文字)也会收到奇效——这些网页看上去似乎沉浸在某种独特而强烈的感情色彩中;同时,前景颜色和背景颜色既保持了一定的相似性,又存在较明显的对比关系,不会妨碍我们阅读文字信息。
Web安全色和其他调色板
选择颜色时,可以直接利用一些现成的调色版。
网页设计师比较熟悉的216种网页安全颜色在前几年一度成了配色领域里的首选调色板。据说这216种安全颜色在所有操作系统和所有显示设备上的显示效果都完全一致——这种说法当然不够准确,这216种色彩只是相对而言不那么容易受到设备影响罢了。今天,在绝大多数显卡和显示器都已经使用24位真彩色的情况下,216种安全颜色的重要程度已经大不如前。但是,如果设计师希望网页能在PC以外的设备(如PDA和手机)上保持足够出色的显示品质,我们还是应该坚持从这216种颜色组成的调色板中寻找配色方案。
在Photoshop或Illustrator软件的“Swatches”窗格中,我们还可以载入许多经典的调色板。比如,PANTONE系列的调色板就非常受设计师们的欢迎。直接从这些经典的调色板中选取颜色可以省去寻找或尝试色彩组合时的许多麻烦。
使用配色工具
网页设计师应善于利用软件工具帮助自己选择色彩和色彩组合。比如,我自己就经常在Illustrator中用矩形拼凑出基本的网页布局,然后不断改变每个矩形的填充色,以寻找最佳的配色方案。
有一些非常专业的配色软件可以帮我们解决很多问题,比如ColorImpact软件可以让我们在RGB色环或美术色环中自由选取特定的色彩,可以根据我们选择的主色调和配色思路(比如以补色为主或以近似色为主)自动给出示例网页的显示效果,还可以让我们在屏幕范围内自由点选颜色并完成RGB、HSB等色彩模型间的转换。另一种名为ColorWheel Pro的小软件在网页配色模拟方面的功能比ColorImpact还要强大一些。
网页设计中的人机界面问题
很多网页设计师只注重布局、文字、色彩等基本设计要素,而从不考虑自己设计的网页是否能给用户带来最舒适的使用体验。结果,有许多看上去绚丽无比的页面使用起来却极为繁琐:为了填写一个简单的表格,用户可能要用鼠标点上好几十次;为了通过一个最基本的身份认证,用户可能要在两三个页面之间跳来跳去;为了进入最有价值的下载页面,用户可能要坐等屏幕上的Flash短片叽叽喳喳地唱上好几分钟……
这些问题其实都与人机界面的设计相关。
人机界面设计是一门相当深奥的学问。限于篇幅,我在这里不可能展开讨论视觉隐喻、最短交互路径、信息传递效率、典型操作模式等细节问题。我只是想提醒大家,一名合格的网页设计师同时也应该是一名合格的人机界面设计师,因为无论从哪个意义上来说,Web页面都是一种最典型也最流行的人机交互平台,而网页设计在本质上就是一种以Web为载体的人机界面设计。

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/12639172/viewspace-332683/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/12639172/viewspace-332683/

【威海站】Flash和RIA技术--网站建设设计理念相关推荐

  1. 仿站和模板建站的区别_广州网站建设应避免陷入模仿误区及仿站陷阱

    一.弄清楚网站设计制作的几种类型 网站有很多类型,诸如展示型网站.品牌型网站.营销型网站等不一而足.设计制作网站的方式也有很多,这也是我们今天需要探讨的地方.常见的网站制作方式有定制开发.模仿开发和模 ...

  2. asp建站系统源码_网站建设教程:虚拟主机如何安装PageAdmin建站系统

    想要做一个网站,可以选择的建站程序有很多种,如PageAdmin.Discuz.zblog等等.每个建站程序都有它独特的优势,如discuz适合一般的论坛社区,zblog则适用于博客类网站,而Page ...

  3. 如何采用PageAdmin自助建站系统来进行企业网站建设

    如果企业想制作一个企业网站,那么采用PageAdmin建站系统无疑是最好的选择,PageAdmin作为国内用户最多的企业级建站系统,功能,安全,扩展性方面都堪称优秀.在这篇文章中,将告诉你怎么采用pa ...

  4. 商务网站建设与维护【11】

    1.常用的电子商务开发数据库主要有(). A.SQLServer B.Oracle C.Sybase D.Access2.网站管理的内容包括(). A.安全管理 B.人员管理 C.数据管理 D.设备管 ...

  5. 易语言怎么判断文件是否一样_怎么判断网站建设公司是否正规

    原标题:怎么判断网站建设公司是否正规 一.网站建设公司的网站怎么样 如果选择网站建设公司,首先要看公司自己的网站.如果自己的网站做得不好,怎么能相信他们会把自己的做好呢?看建站公司的网站,除了看打开速 ...

  6. 网站建设初学者一定要清楚网站建设基本因素和流程

    如今互联网技术发展十分迅速,人们的生活早已离不开网络,就连消费购物也可以通过互联网来实现,这让很多商家企业找到创业商机,想要通过自己建立网站实现网站基本建设.可网站建设不是说说而已,需要有一定的专业知 ...

  7. 模板网站建设究竟有哪些优势?

    目前很多中小企业在网站建设的时候选择模板建站,省时又省力.这也是因为随着建站技术的不断发展,网站模板越来越完善了,手动编辑的网站不一定比现有的模板美观实用,所以中小企业选择模板建站理所应当,那么模板网 ...

  8. 大连新计划科技曝光网站建设中的“潜规则”

    所谓"潜规则",就是表面上不能明文公布,暗地里却形成了心照不宣的一种约定俗成的行业内部潜在规则.作为每一个行业内人士,也行都会清楚,对于些种"规则",在你表现极 ...

  9. 网站建设技术――智能建站系统

    2019独角兽企业重金招聘Python工程师标准>>> 第一代网站建设技术 运用一般的网页制作软件,把一些平面页面效果转化成网页,然后把网页链接起来成为一个企业网站.采用" ...

最新文章

  1. 51单片机模块化编程初识
  2. 皮一皮:这样的领导还有吗
  3. mysql忽略大小写配置cnetos_CentOS7下安装MYSQL8.X并设置忽略大小写
  4. basename函数使用
  5. Kotlin 与 Java 比较
  6. java keytool 代码_JDK keytool证书工具功能代码解析_java_脚本之家
  7. 《深入理解Java虚拟机》笔记5——类加载机制与字节码执行引擎
  8. 【BIRT】使用rptlibrary设置统一数据源
  9. redis服务器信息统计,利用Redis统计网站在线活跃用户的方法
  10. 【操作系统】进程通信-思维导图
  11. 大数据分析的环节有哪些
  12. 突发收购,亚信科技在谋划什么?
  13. 一元二次方程解法(待更新……)
  14. 易地推招生拓客分享:如何让社群招生成为培训机构招生利器?
  15. android 简易我的积分页面、答题页面的设计
  16. 技术总结-从输入 URL 到页面加载完成的过程中都发生了什么事情?
  17. 购买计算机配置总结,买电脑主要看什么 教你怎么看电脑配置信息
  18. 【2023提前批 之 面经】~ 联发科
  19. Cadence OrCAD Capture选择性批量关闭图纸页面功能详细介绍
  20. NISP模拟试题----2020大学生网络安全竞赛决赛

热门文章

  1. 西门子C65开发手札
  2. MCU-51:51单片机实现简单计算器功能
  3. BIEB六人行:网友给出小李的数据库查询慢的可能问题
  4. 【阿里云】轻松玩转linux服务器
  5. 一个图片压缩并导入服务器的小功能
  6. 彼岸花的传说——附三色彼岸花图
  7. 【书评:Oracle查询优化改写】第四章
  8. 马云创业史,以及吾之感悟
  9. 英语写作中的副词——因果副词therefore、hence、thus、consequently 等的用法
  10. 最小环问题 ( Floyed )