登陆注册
9653100000014

第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.请选择某一网站具体分析某一网页的配色是否合理。

同类推荐
  • 外国语言文学与文化研究

    外国语言文学与文化研究

    本书内容分为外国文学研究、外语教学研究、外国文化及跨文化交际研究、翻译研究、外国语言研究五部分。
  • 角色论:个人与社会的互动

    角色论:个人与社会的互动

    本书是一本探讨角色理论的学术专著性教材。全书的基本框架分为三编:第一编角色总论,第二编角色分论,第三编角色建设,每编由若干章内容所构成。本书对就读社会学、心理学等专业的本科生、研究生以及有志于探讨角色问题的读者有一定的参考价值。
  • 贺兰师魂:北方民族大学师德师风建设征文选编

    贺兰师魂:北方民族大学师德师风建设征文选编

    本书分为教师篇和学生篇。结集的文章是北方民族大学教师教学科研活动与学生求知求学经历的生动再现,集中反映了该校新老教师高昂的工作热情和饱满精神面貌,学生旺盛的求知欲望及温馨的师生情谊等。
  • 创意与责任:中国电视的本土化生存

    创意与责任:中国电视的本土化生存

    本书力图在理论与实践的结合中进行自上而下的演绎和自下而上的概括,从而为中国电视发展、创新的历史轨迹作一阶段性的梳理与描述,为中国电视不断提升自己的竞争力和影响力,提升其品质与境界提供一些思考与探索。
  • 武威通志·凉州卷

    武威通志·凉州卷

    武威市地处甘肃省中部、河西走廊东端,面积3.3万平方公里,人口 200万,居住着汉、藏、土、满、回、蒙古等25个民族。辖凉州区和民勤县、古浪县、天祝藏族自治县。武威是中国历史文化名城,是丝路重镇,五凉古都,西夏辅郡,佛教圣地,是中国旅游标志铜奔马的出土地,西藏归属祖国的历史见证地,中国葡萄酒的故乡,世界驰名的白牦牛产地。
热门推荐
  • 碎梦楼

    碎梦楼

    每一个种子都有着属于他们的故事,这些故事的主人便是种下姻缘的人。前世的姻缘今世的相遇前世五百次的回眸,换来今世的一次擦肩而过。前世五百次的擦肩而过,换来今世的一次相遇。前世五百次的相遇,换来今世的一次相识。前世五百次的相识,换来今世的一次相知。前世五百次的相知,换来今世的一次相爱。
  • 笛鸣三界

    笛鸣三界

    她是冥界的公主,冥神的传人,偶遇龙凤笛,得到了一个离开冥界,外出闯荡的机会,逍遥十年后,却不想与他相遇,付诸真心,却在满心欢喜之时,知晓了他要娶妻的消息,心力憔悴之下遁入地狱里,孤独千年后,竟是又遇见了他,爱恨情痴的幕后,又是谁留下了谁的心?
  • 菜根谭(第四卷)

    菜根谭(第四卷)

    本书是一本三百多年前的一位退职隐居官员的人生处世经验的总结。它采用语录体的形式,共360条,文字皆由排比对仗的短句组成。除作者自己的心得外,有些也从先哲格言、佛家禅语、古籍名句、民间谚语中演化而来。本书涉及的范围极为广泛,可以说几乎涵盖了人生所能遇到的一切重大问题。
  • 宠妻上天:霸道首席刁蛮妻

    宠妻上天:霸道首席刁蛮妻

    楚少爷的责任就是宠妻,渣爹对她不好,弄得他公司倒闭,继母不好,灭了,白莲花姐妹算计就反算计,反正他就是要他的女人什么烦恼都没有。夏晨的责任就是被楚少爷宠,身边围着的烂桃花一个个赶走,一句不和就发飙,泼汤汁是小,暴打一顿,揍得她娘都不认识。夏晨:“楚少爷,嫁给你是我最辈子最大的福气。”楚少爷无奈“你是福气,我是不知道造了什么孽啊?”
  • 美子的村上

    美子的村上

    美子,生于北方的农村,排行老三。虽然父亲重男轻女,但是美子从小聪明伶俐,古灵精怪,颇受村里的大人喜欢。不管是青梅竹马的李冬,还是大学认识的徐然,都是对她呵护有加,甚至连刁难痞性的陈猛都对她心生爱意。但是美子的家也因为父亲的病故,发生了些许变化,不管是对于坚强的母亲王妮,还是两个懂事的姐姐。。。。。。
  • 大美人的生物钟美颜圣典

    大美人的生物钟美颜圣典

    本书共分四部分,包括神秘的生物钟子午流注生物钟四季美容生物钟变化生物钟,没有最美只有更美。
  • 猪八戒带我游异世

    猪八戒带我游异世

    史上最牛穿越,被猪八戒带到异世!公主?仙子?圣女?对不起,这些都是我的!顺我者,我让你永生,逆我者,我让你永不超生!凌于九天上,异世我为尊。
  • 盖庐

    盖庐

    本书为公版书,为不受著作权法限制的作家、艺术家及其它人士发布的作品,供广大读者阅读交流。
  • 丑颜王妃:彪悍娘亲要抱抱

    丑颜王妃:彪悍娘亲要抱抱

    她是异世来的一缕幽魂,成为了被家人遗弃的丑女,幸好老天给了她一个可爱孝顺的好儿子,不过这个粘人的王爷是怎么回事?他的眼睛真的有问题?就算他是自己儿子的爹,也不用非要娶自己啊,而且自己这一张任谁看了都要吐的脸,他居然还能够吃的下去。。。。。。
  • 末法封魔

    末法封魔

    远古时期,地球天地未变,灵气浓郁,修真者,几乎个个都有腾云驾雾移山填海之能。更有甚者抬手便可拘星辰,飞升仙界,享长生之列:但因人魔两界一战,灵根断裂,人界进入末法时代。末法万年,魔族再侵,看少年如何除魔救世,踏上强者一途。