登陆注册
13833700000014

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

同类推荐
  • 无中生有:中国人的诬陷往事

    无中生有:中国人的诬陷往事

    本书之对历史做一番研究,以求找到破解诬陷的秘籍,让天下所有的诬陷者都暴露在光天化日之下,无处藏身,无所施展其技。
  • 如何成为金牌自由翻译

    如何成为金牌自由翻译

    需要特别说明的是,本书的翻译技巧和心得,虽然主要针对英语翻译,但是这些“秘笈”实际上对其他语种的翻译也是适用的。大同小异,其他语种的译员稍微变通一下就可以吸收。考虑到自己一家之言难免有不足之处,笔者还专门采访了10多位优秀的成功翻译人士,多角度介绍了他们做翻译的经验、心得,比如女士做翻译应该怎样避免电脑辐射,小语种译员的从业心得以及营销策略,等等。希望能“授”读者以“渔”。
  • 妄谈疯话

    妄谈疯话

    诠释豪情人生的态度,剖析官场弊事的怪象,演绎男女情爱的风韵,解读处世哲学的智慧。
  • 被颠覆的村庄

    被颠覆的村庄

    本书分为村庄表情、村庄审美、村庄文化、村庄政治、村庄意识、村庄未来六章,内容包括:一个村庄的记忆、一个村庄的风水、一个村庄的名字、一个村庄的政治等。
  • 性别与传播:文化研究的理路与视野

    性别与传播:文化研究的理路与视野

    性别与传播研究作为一个成长中的学科和研究领域,已经引起了广泛关注,这不仅因为它与我们日常生活紧密相关,更重要的是它对人们的价值观念、人生态度、生活方式等产生了广泛而深刻的影响。本书在写作过程中吸收了与该研究相关的社会学、传播学、心理学、文学、哲学等学科领域的信息,力图使整个研究既有理论的思辨力,也有对现实问题的穿透力。
热门推荐
  • 张艺兴之下辈子再还你一生一世

    张艺兴之下辈子再还你一生一世

    “我们还能回去吗?”“不能。”“为什么?”“因为我们变成了陌生人。”她承受了家族世世代代相传的诅咒,而他的拼命努力换来了她的奇迹般重生。“你不记得我,没有关系,我们重新开始吧,从我们叫什么开始。你好,我叫张艺兴很高兴认识你!”
  • 神亦弑神

    神亦弑神

    担负游戏的使命;揭开游戏的历史!寻找上古战神遗落的套装;肩负再次弑巫的重任!本以为历史就此真相大白,最终却更扑朔迷离!巫神背后,又是谁人之手在操纵?
  • 生化之艰苦生存记

    生化之艰苦生存记

    末世突降,丧尸横行,平平凡凡的大三女生苏同同坐在废墟里掰着手指:1.没异能;2.没进化;3.没空间;4.没金手指;5.没英俊有型能力强悍酷毙了的男人做老公;6.……苏同同十指颤抖,忍不住仰天哭嗥,不带这么玩人滴!
  • 东谷所见

    东谷所见

    本书为公版书,为不受著作权法限制的作家、艺术家及其它人士发布的作品,供广大读者阅读交流。
  • 异世卡斗

    异世卡斗

    一次穿越让他从闷骚宅男,变成了抢手货的高富帅!新奇的卡片世界,很像游戏的模式,契约,精灵,打斗,让姜军切切实实的游戏一回!突然的觉醒,让他熟悉这里规则,超萌的本命精灵更是让他赚足了美女的热吻!BUG卡片,更让他收获珍惜宠物!绝世魔龙,打到签契约!家族妹子,火炎圣女,冷艳小妞,也慢慢陷入他的魅力之中……
  • 无相天尊

    无相天尊

    心潮澎湃,无限幻想,迎风挥击千层浪,少年不败热血!少年,要崛起!
  • 指吟啸风月

    指吟啸风月

    跟班长打了一个赌,班长输了,她哭了……想知道原因吗?追文吧!我不知道我写的好不好,但是,我会努力去写好,不会是一篇水文,一天六千字以上。
  • 男神是神仙

    男神是神仙

    蒙琪琪的前世——泠落韵,与师兄华清珏相亲相爱,却在一个夜黑风高的夜晚亲眼看见心爱的师兄在和她一生黑的小师妹“偷情”。对此泠落韵呵呵哒。反正她就要成仙了,从此走上长生不老、青春永驻的人生巅峰。然而成仙的最后时刻,泠落韵光荣狗带了。投胎转世,小三居然一起投胎。今生今世看她怎么手撕小三,把男神抱回家。
  • 天下封君

    天下封君

    “此剑名为昨日风华,我不知道,当今日之日变成昨日之日时,是否还会有人记得,记得我也曾风华绝代过!”
  • 一路南北

    一路南北

    我们的青春被钉死在十字架上,只有流血才能涅槃。关于青春十字架。这是我的青春手稿,站在青春的尾巴尖上,陆北,陆南,卫滕这里面是真实的青春,友情,爱情,亲情,理想,未来现在。我们活在众多的期待中,很多的爱里挣扎彷徨,但是终究要走下去。倘若这篇文你能看下去,有点毒舌的吐槽,也许你能找到自己青春里的影子。