登陆注册
14976500000014

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

同类推荐
  • 办公室公文写作技巧及范例大全

    办公室公文写作技巧及范例大全

    公文是国家机关、社会团体和企事业单位在行使职权和实施管理过程中所形成的具有特定效能和广泛用途的文书,是一种重要的信息载体,是一种体现了相关机关领导的意图和主张的写作活动,是一种领导的意志和主张得以贯彻与实施的有力工具。在经济快速发展、社会不断进步的今天,各行各业之间、人与人之间和个人与某个团体之间的交往活动越来越密集,致使公文的种类也日趋丰富,其使用的范围越来越广,使用次数也越来越频繁,其发挥的作用也越来越重要。因此,写好办公室各类常用公文,是形势所需,是社会所需。
  • 校长学校标识与档案的管理(下)

    校长学校标识与档案的管理(下)

    学校管理是学校管理者通过一定的机构和制度采用一不定期的手段和措施,带领和引导师生员工,充分利用校内外的资源和条件,整体优化学校教育工作,有效实现学校工作目标的组织活动。
  • 电视文艺生态批评论

    电视文艺生态批评论

    本书是一本从理论创新角度探究电视文艺批评方法的专著。将自然生态学与人文生态学研究的系列成果引入到电视中来,对与电视文艺相关的节目、现状具体考察,在借鉴中西方文化批评的相关理论资源的基础上,建立电视文艺生态批评方法,通过整体关注电视文艺与精神生态、文化生态、社会生态的内在关系,以“生态中心”的价值尺度,把完善电视文化,建立以人为目的当代传媒体系作为自己的重要目标。
  • 中国三大都市圈城市蔓延研究(谷臻小简·AI导读版)

    中国三大都市圈城市蔓延研究(谷臻小简·AI导读版)

    现阶段,空间正在超越时间成为中国经济与社会发展的主导因素。中国正处于加速城市化阶段,长江三角洲、京津冀地区和珠江三角洲都市圈是中国人口迁移的主要目的地,城市化深度不足与城市蔓延问题已然出现和发展,城市空间的公平与公正问题不断凸显。本书以中国城市化为背景,从探讨中国三大都市圈的城市空间共性问题开始,分析中国城市空间扩张的内在机理与外在途径,探析中国三大都市圈城市蔓延与城市空间极化的经济与制度成因,实证分析中国三大都市圈城市蔓延状况,研究中国城市空间问题的实质及其影响。为实现中国城市空间可持续发展,理想的都市圈与城市空间形态是有机集中与有机分散的,形成大集中与小分散的空间结构。应当以人的需求为中心与尺度,促进中国经济增长方式内生化,改革中国相关制度,推进深度城市化,才能使得城市人口增长与城市空间生产保持对称状态,控制城市蔓延,实现城市空间正义。
热门推荐
  • 穿越之御兽之王

    穿越之御兽之王

    自驾游的公孙越洋在可可西里发现一个被盗的古墓,出于好奇,只身前往墓穴查看,在古墓里面没有发现什么有价值的东西,正准备回到车上的时候,外面下起了瓢泼大雨,为了躲避大雨,只有暂时在古墓里躲雨,可是连续的驾车,实在是太累了,公孙越洋就睡着了,一觉醒来,发现发生了地震,自己被埋在了古墓里面,为了自救。公孙越洋找到一块条石,想把洞口挖开,在挖的过程中,发现一个黑黝黝的葫芦,当他把葫芦的塞子拉开的时候,葫芦发出了七彩的光芒,把他带到了一个未知的世界。。。。
  • 我是妖怪请来的救兵

    我是妖怪请来的救兵

    是我们,让这那些脏兮兮的魔头讲究八荣八耻保持卫生……没错……我们就是妖怪请来的逗比……不!救兵!
  • 喂!听好!

    喂!听好!

    我们执着过,猜疑过,到最后,变成懂得。“喂!那个叫上官月夜的混蛋!”“干嘛!”“你听清楚,我-喜-欢-你!”“什么?再说一遍!”“仅此一遍,过期不候!”“那好啊,我走了,拜拜!”“等一下,你站在那,现在,由我把这一万步终结。”
  • 佛说大孔雀王神咒经

    佛说大孔雀王神咒经

    本书为公版书,为不受著作权法限制的作家、艺术家及其它人士发布的作品,供广大读者阅读交流。
  • 傲娇蜜宠,简单点说爱你

    傲娇蜜宠,简单点说爱你

    第一次见面,她喝醉了抱着他喊妈妈。他不仅无缘无故多了个女儿,还被人八爪鱼状抱着分不开身。无奈之下他只好带她回到了自己独住的公寓。第二天醒后小姑娘语出惊人:你要对我负责。顾衍:我什么也没做。小姑娘狡黠一笑,衣服一丢:“来吧,尽情的。”顾衍:“……”所以他是被一枚会耍流氓的姑娘赖上了吗??新文出炉,欢迎掉坑。?食用需知:蠢作者文案废一枚,故事绝对不会就像文案描述的那么简单滴~~快投入本君的怀抱吧!挨个亲亲!╭(╯ε╰)╮
  • 我不做舔狗

    我不做舔狗

    自荐我的新书,玄幻,《我能吞噬妖魔》,我觉得挺好看的(手动微笑脸)。
  • 甜妻在怀:总裁大人用力宠

    甜妻在怀:总裁大人用力宠

    那一晚,遭人陷害的她成为了他的贡品,任他享用。从那时开始,她就沦为了他的秘密恋人。直到某一天,阴差阳错地嫁入豪门成为他的法定妻子。无数个暗夜的痴缠,她用尽一切手段挽留他,等到他的女神归来,她却得来了一句“你只不过是个替身”!放弃心中所爱,眼睁睁看着绿茶上位吗?她又该何去何从?
  • EXO之入骨

    EXO之入骨

    这是最后一次的告白了,你还是拒绝了。很烦对吧,没关系,我不会再次出现了,我准备去坠落了,呵呵,不用担心我,你又不爱我。在医院里的那个温柔的医生,不仅仅是出于医生对病人的关怀吧,他爱你,你不会不知道。你不能守护她,那么让我来。
  • 不一样的小别离

    不一样的小别离

    tfboys、椿百合、贝小熙、梦菲儿和绮丽演出,讲述了五个家庭的爱情和青春。
  • 我成了当红女团成员

    我成了当红女团成员

    「女团成员陈鹭妍,确认参演知名大导最新电影,有望进军好莱坞!」孟木慕,摸爬滚打于娱乐圈的最底层,从小小的宣传助理摇身一变,成为22岁的当红女团成员之一——飞船少女猫系甜心成员陈鹭妍,这是互穿了?团内cp众多,又惹上了飞船娱乐总裁傅曜……不过危机四起的娱乐圈,对于深谙营业之道的小助理孟木慕来说,好像格外的眷顾和顺畅呢。