登陆注册
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导读版)

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

    宫廷社会(译文经典)

    一部关于法国宫廷生活的社会学经典,通过礼仪、服饰、品味等细节分析宫廷社会对人的影响;社会学和历史学在宫廷政治问题上的一次交会。本书以法国旧制度时期宫廷社会的人及其日常生活为研究对象,分析了宫廷生活在礼节、典仪、品味、服饰、习俗乃至谈吐方面的每个精心设计的细节,展现出宫廷社会中人的言谈举止与其他社会群体的明显差别,其居所内部结构与外表装饰都遵从严格的等级区别,不仅是消遣娱乐,还有他们的职业生活本身,都必须体现自己的等级,履行自己的社会义务和需求,因为这事关名誉,将决定自己是发达还是没落。作者以大量例子证明了这种宫廷生活形态是维持并控制贵族的一种手段,它不仅塑造贵族的人格,连国王都不能幸免;而且产生了文化、政治和历史的后果。
  • 完善学校规范化管理的体制(上)

    完善学校规范化管理的体制(上)

    学校的规范化管理,是为了实现素质教育的培养目标,把学校管理活动中最基本的、相对稳定的管理内容,通过制定切实可行的制度和规范,采取强制执行、严格训练和有效的思想教育,使之成为学校师生员工自觉遵守的习惯,内化为师生员工的素质,进而形成学校的传统,以达到管理非管理,似有似无的境界,并形成一定的常规。
  • 红白喜事主持辞及典型致辞

    红白喜事主持辞及典型致辞

    您也可以尽览全书,在闲暇之余,您可从《红白喜事主持辞及典型致辞》中觅到华丽词章,让您在休闲时光里与美词相伴、满口生香。中国人历来爱热闹,婚丧嫁娶、节庆礼宴都要举办仪式。众宾客齐聚一堂之时,怎能没有司仪、主持以妙词新语为气氛添砖加瓦?更有各种酒席、宴会,也少不了祝酒致辞。如果您还在为“理屈词穷”而愁上加愁,就一定不能错过《红白喜事主持辞及典型致辞》。婚礼、宴会、生日、节日、葬礼、商务庆典及其他多种喜事庆典主持辞及经典致辞,《红白喜事主持辞及典型致辞》应有尽有,您尽可取己所需,在四方来客面前风头尽显。
  • 领导要义三千言

    领导要义三千言

    作者是领导干部,依据其多年在干部教育领域的实践经验与深入思考,总结了3000句有益于增进领导干部智慧的警句诤言。语句涉及了领导素质培养的各个方面,可供各级领导干部参考、借鉴,以便更好地“掌好权、用好权”,更好地体现自身的人生价值,更好地为民众服务。书中所选语句短小精悍,富有深意,便于领导干部日常写作及讲话引用,具有很强的实用价值。
热门推荐
  • 复生经

    复生经

    世有不平事,提刀荡平之。少年自暗夜中行来,刀光纵横,涤荡腐陈。
  • 哥哥等等俺

    哥哥等等俺

    场景一:“我腿酸…”某女无赖的坐在地上。“那就一直坐着”某高冷皇帝掉头就走。“……说好的怜香惜玉呢?”花夕夕一脸哀怨。场景二:“走慢点!”某女锤了锤腿,又赖在地上不走了…“小短腿…”顾北墨无奈的叹了口气。场景三:“以后不许唤朕”某男严肃道。“好的!”某女活泼的说……“…………”顾北墨。
  • 空间农女的成长史

    空间农女的成长史

    上元佳节青葱少年垂髫幺女,花灯下似是故人来。已过经年期待天光,相国寺再遇甚是甜蜜。
  • 玄武奇谭

    玄武奇谭

    众人皆对“圣斗士星矢”、“黄金十二宫”耳熟能详,却对华夏星象知之甚少。东方青龙,南方朱雀,西方白虎和北方玄武到底存在什么样的秘密?与传说中的“黄金十二宫”又会擦出什么样的火花?一位身负血海深仇的少年,从莽荒大山中走来,得到了玄武星的认可,打出了属于自己的一片天空!且看西西一一道来,已写百万字小说,完本保证。
  • 青春的梦回不去

    青春的梦回不去

    缘分,让他们相识:命运,把他们分开。情与恨,恋与绝。青春校园,烂漫相遇,心,不自觉得,就到了一起。神秘舞会,意外邂逅,又怎会放手?青春的梦,美丽,梦幻,却又是那么容易破碎。梦醒了,很难再回去了吧。现实中,还是要面对。蓦然回首,那人却在,灯火阑珊处。
  • 重生之一路锦绣繁华

    重生之一路锦绣繁华

    (宠文,一对一,男女主身心干净)慕昕瑶上辈子心地善良就算了脑子还不太好使,真心相对的继母与后妹某她家财、害她性命对她百般折磨!重生归来她低调隐忍,扮猪吃老虎,誓要将伤害过她的人一一踩在脚底下!他是顶级豪门,冷漠豹贵,高不可攀却偏偏对她情有独钟。而她,重生归来,心里充满黑暗已经不会再相信任何人。他却还是护她,宠她,陪她扫平一切障碍。“让我成为你心底的阳光。”他说。
  • 心幻

    心幻

    传说,宇宙之际,破碎虚空,混沌一片,流窜着这样一种秘籍——九境心法,九种特别的密文,九大心境,谁能够得到与领悟,便能超脱宇宙,跨越那极度的驶岸,李晨本是仙界一方家族子弟,外出历练途中被仇家杀害,无奈自爆,当消失与天地间时,另一股奇特的力量霸占了他的身体.......粉丝群,感兴趣的请进——251853043
  • 庶女她姐

    庶女她姐

    父族为安宁侯府,外家昌平侯,姨妈是贵妃,盛府盛长颐是京都一等一贵女。可是,她居然发现自己穿越到了‘庶女XX奋斗’里,她就是一块踏脚石。左面是继母,右边是庶妹,后面是夺嫡,前面是渣男,生活犹如走钢丝。庶女:姐姐啊,姐姐啊,您看这位公子,潘安再世,洁身自好,年少有为,您嫁过去就是世子夫人,等您死了,我就可以接收您老公了。盛长颐:请不要仗着现代知识,欺负古代人。
  • 祸国狂妃狠妖孽

    祸国狂妃狠妖孽

    她是黑帮头目,脚下踩着无数人的尸体,在她的眼中,只有杀戮,却没想到在一次任务中意外穿越,到这个人妖共存的异世大陆。整个国家说她是妖女,异类,祸国殃民。而她却不屑的一笑,既然是祸国殃民,那么她就要让所有人看到她是怎样祸国殃民!单挑王爷也不在话下!
  • 我家娘子又出来毒人啦

    我家娘子又出来毒人啦

    现代邪医穿越成镇国将军府的废柴丑女?开玩笑,封印一除,倾国倾城,甩那第一美女几条街,灵根俱毁?逆天异能,医毒双绝,一根白针能医死人骨,碾压所有天才!姻缘被抢?笑话,渣男随便送!却不小心被某个神秘帝尊缠上了,还扬言要她负责。她明明什么都没干!!!本文男强女强,1V1双洁爽文,宠文,欢迎入坑