书城社科网络传播实务
21172900000014

第14章 网络传播界面构建(6)

(4)矩形选色

矩形选色法不仅是最复杂的,而且是最难弄懂的。实际上这种选色方法相当简单,只需画一个矩形撑住色相环,矩形的四个角就会各压住一个色相。在设计页面中应用此配色方案要很慎重,否则很容易造成页面花哨、杂乱。

3.心理学颜色理论

颜色是重要的表达工具,可以用它来跨越语言交流的障碍。每种颜色都有自己的明度和情绪,颜色传达着情绪和情感。下面一起来看看各种颜色的含义。

(1)暖色系

暖色比冷色更有亲近感,主要包括红色和黄色。

红色:热情,浪漫,火灾,暴力,侵略。红色也表示停止、信号警告或禁止。

黄色:亮度,照明,疾病,懦弱。

(2)冷色系

冷色比暖色更有距离感,主要包括紫色、蓝色和绿色。

紫色:创造力,神秘,(紫红色)版税,神秘,稀有性。

蓝色:忠诚,安全,保守,宁静,冷漠,悲伤。轻蓝调创造一种开放的感觉,适于清新的空气和新鲜度,而暗蓝色传达的是传统、信任和坚定。

绿色:自然,生育,生长,羡慕。

(3)中性色

中性色对情绪的影响更小,因此常被考虑用来做客观呈现。然而,若用得好,中立色依然可以有暗示意义。“纯”黑和“纯”白是理想的“光明”和“黑暗”的色彩代表。

黑:权力,精致,现代的风格,死亡,发病率,恶,夜晚。

白:纯洁,无辜,恢复,中立,永恒。

网页设计中与企业相关的颜色选择,尽量避免与其品牌及产品冲突。像可口可乐这样的知名品牌,可以大胆的使用可口可乐红色。然而,很少有企业的品牌名称比品牌的颜色更强大。为知名度较低的企业设计网站时需要认真考虑色彩的选择。某些颜色与业务工作的具体类型息息相关。

有研究表明,蓝色对神经系统有放松作用,在办公区作为背景颜色使用,可以提高工作效率。不过,如果是与食物相关的页面设计,则不建议使用蓝色的配色方案,因为蓝色是一种自然食欲抑制剂。蓝色和绿色还可以配合户外用品、航空、医疗服务、律师事务所和学术内容,这些颜色可以反映信托或宽松的态度。温暖的颜色,如红色、黄色和橙色,通常称为“节日调色板”,可以在工作的地点和餐馆尽情使用。白色和黑褐色的颜色则可以成功地使用在巧克力产品的网站上。

(4)文化特征对色彩应用的影响

如何选择最有效的颜色才能正确地传达产品或服务的品牌信息是设计师一直在思考的问题。每个人都有不同的文化背景,因此对颜色的感受也不尽相同。因此,合理运用色彩非常重要。

在颜色的选择上,首先需要考虑谁是网站的潜在用户。

不同年龄的访问者对颜色的感知差异很大,年轻用户更容易被色彩饱和的色彩吸引,而强烈的色彩对比可能会造成其他用户离开。同时,虽然年轻用户能够对饱和的色彩积极回应,但文本和背景颜色选择不当,会影响到可读性,造成视觉障碍。

同时,网站的潜在用户可能来自全球,因此有必要知道主要用户群体来自哪里,以便了解用户的文化背景。例如,在中国传统文化里,紫色是尊贵的颜色,如北京故宫又称为“紫禁城”,亦有所谓“紫气东来”之说。但在西方文化中紫色则代表死亡、幽灵、噩梦,下面是一组来自东西方对色彩的认知差异数据。

四、如何将色彩应用在网页设计中

当访问者首次浏览网站首页,色彩也会影响他们对于内容的态度。这个网站是令人兴奋的?安心的?大胆的?保守的?还是有政治气息的?正式的?

色彩与排版一样影响着人们如何解释他们所看到的东西。寻找正确的色彩并不容易,但是过程却是系统的。设计专业的网站,配色方案依赖于网站的本质。比如,银行或网上花店都可以做成使用户信赖的专业网站。但是人们不太可能从一个由黑蓝色和海洋灰组成的网站上购买鲜花。如果银行的网站满眼紫罗兰和黄绿色的样子,用户会很迷惑:这是银行网站吗?这样的色彩应用,给用户传达一种不能信赖的信息。专业的网站,无论应用的是什么色调和色值的色彩,都应该是协调的、井然有序的并且是经过深思熟虑的。

对设计师而言,使用色彩的最好方式就是从灰度、无色开始。在担心何种色度的黄绿色用起来更好之前,从设计中去掉色彩可以暴露出那些必须解决的基本问题。如果设计在黑白色下感觉不和谐,则需要解决最基本的问题。色彩提供了明确页面的目的、引导读者关注内容、清晰文章标题等功能,但是对排版、字体和内容组织问题的解决,无法通过色彩这一环节单独完成。设计页面的时候,首先应该抽去色彩,看到页面的实质,这一简单的办法能显示网站的目标立场。因此,有时去掉色彩本身就是一种解决方法。

(本部分内容参考的英文资料为:Creating Consistently Colorful User Experiences:Part 1,Theory.作者为Avatar,网址为http://www.uxbooth.com/blog/creating.consistently.colorful.user.experiences.part.1.theory/)

五、页面测试发布

版式设计时需要了解用户的屏幕尺寸及用户使用情况,再进行页面的设计布局,而页面测试发布阶段需要注意的是所有用户在不同的浏览器软件中,能看到显示一致的页面,而不出现页面分割、文字折行等错误。

在中国浏览器市场份额中,微软的IE浏览器曾经一度以96%的市场份额统治了中国市场,由于国内浏览器的日益普及,微软的市场份额已经下降到57.8%,是有史以来的最低市场份额。按照iResearch的统计,国内的浏览器如傲游、腾讯TT和奇虎360的360安全浏览器的市场份额合计达到31.1%。

从数据来看,目前主流的浏览器软件有IE、火狐、傲游、腾讯TT、360安全浏览器、搜狗浏览器,使用其中任何一个浏览器可以轻易地看到网页,但使用其他的浏览器时则有可能发现输出不正常。这是因为每个浏览器对HTML和CSS的处理方式都不一样。

浏览器品牌和版本是页面代码工程师最关注的,因为同样的呈现效果可能在不同的浏览器中有不同的代码写法,工程师需要特别处理才能保持页面有良好的通用性。浏览器还有不同的有效显示面积,比如默认设置的IE6和IE7;不同的样式风格或者皮肤的变化因素会影响网页实际呈现效果,值得网页设计师注意。

为提高页面的普适性,需要为每个浏览器准备一个CSS文档,这样所有浏览器都可以正常浏览。虽然这难度很大,但指望一个CSS文档来满足所有浏览器是不可能的。

以淘宝网为例,使用搜狗2.0浏览器、360安全浏览器、IE7浏览器、傲游、火狐浏览器访问的淘宝首页,看到页面呈现的结果都一样,通用性较好。

【思考题】

1.什么是网络传播界面?依托互动界面的网络信息处理的过程是怎样的?

2.网站在结构设计上的物理结构包括哪几种类型?

3.网站在结构设计上的逻辑结构包括哪几种类型?

4.网站在功能设计上包括哪些内容?

5.眼动跟踪系统的研究结果对于界面设计有什么作用?

6.界面布局规划要考虑哪些内容?

7.网站页面设计包括哪些内容?

8.页面在整体上的版式结构布局有哪些类型?

9.页面的具体版式类型有哪些?

10.导航图标设计包括哪些环节?

11.页面的颜色搭配大致有哪几种方式?

12.请选择某一网站具体分析某一网页的配色是否合理。