色彩心理学对网页设计的影响力

色彩心理学对网页设计的影响力

ID:27732995

大小:1.27 MB

页数:9页

时间:2018-12-05

色彩心理学对网页设计的影响力_第1页
色彩心理学对网页设计的影响力_第2页
色彩心理学对网页设计的影响力_第3页
色彩心理学对网页设计的影响力_第4页
色彩心理学对网页设计的影响力_第5页
资源描述:

《色彩心理学对网页设计的影响力》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、色彩心理学对网页设计的影响力推荐语:色彩心理学被广泛应用于设计的各个方面,这已经不是什么秘密了。从色彩用于日常的杂货,到品牌标识和网站设计的颜色,颜色是传达特定信息给用户的一个重要因素。图片来源:Dropbox根据网站Kissmetrics网络数据分析结果表明,当我们观察颜色的时候,我们的眼睛会将消息发送到我们大脑中被称作下丘脑的这个区域。然后这将进一步的信号传输到脑垂体,最后到甲状腺腺体。然而这个信号激素的释放会导致我们情绪和情感的波动,并且最终导致我们的行为结果。科学告诉我们,颜色可以引起我们消极的负面感觉。Kissmetrics还表明,对于一个

2、站点来说,访问者只需花费90秒就可以做出判断或者意见。进一步来说,“62%—90%的交互是由产品自己的颜色决定的。”正如《WebUIDesignfortheHumanEye》这本免费的书中所描述,颜色在给用户创造强烈的第一印象上扮演了一个不可否认的角色。颜色的含义是什么对于每个人来说,每种颜色都意味着些什么,尽管这些意义取决于我们个人的喜好和文化背景。看看下面的色卡,可以作为一个颜色含义的快速参考。图片来源:UXpin设计中的色彩心理学不是一门精准的科学,并且研究表明,色彩心理受个人认知影响。社会因素中如社会性别也对颜色如何被感知有影响。进一步研究表

3、明,不仅是颜色自身含义的影响,也是关于在使用中如何让用户恰当的感知到用在品牌上的颜色含义。图片来源:Kissmetrics所以,如果你是给女性设计的,那么紫色是一个不错的选择,因为一般来说它是普遍女性喜欢的颜色,但是男性是不喜欢的(当然通常情况下是这样)。在下图中,对巴黎欧莱雅来说是一个很好的效果。正如你所看到的那样,页眉和页脚都是黑色的,它表明了地位感和优雅感,让你总体感觉到该产品并不便宜,而是高端产品。图片来源:Kissmetrics此外,文字用白色的,表示着现代和平静感,然而选定的紫色代表着奢华的,优雅和女人味——所有这些都清晰的适合于一个网站

4、,例如就这个网站。(如果想要了解更多关于简约设计,并使用空余时间作一个设计工具,可以看看这些免费的电子书《TheEleganceofMinimalism》和《TheZenofWhiteSpacliaeinWebDesign》在下图中,在妇女健康杂志网站上面的横幅是粉红色的,但其他地方避免使用颜色,反而是用图像和粗的导航。这个有趣的设计选择对网站起到了反作用。首先,当一个网站的目标是针对妇女的时候,粉红色是一个非常老套的颜色,并且粉色吸引的是爱吃甜食的人群,因此对于网页消息要传达的是女性的健康这一目的就没有了。图片来源:女性健康杂志当我们进入到网页的次

5、层级中,那么标题的颜色理所应当使用在每一个页面上。当你快速浏览减肥标签下的页面。如下图。如你所见,这个页面更是粉红色,这一点可能会给观众带来适得其反的感受。不管怎样,我们刚刚在滑块上看到的那张图,如果你还保留着这张图那么请改掉它。确定颜色主题你创建一个网站,这个网站只有一种颜色这是不可能的,除非你打算用纯单色。所以你应该考虑整体的配色方案和使用的每个色彩,以及它们的统一性。另外还要考虑颜色对用户的影响,以及如何让你正在使用的主色和辅助色相匹配。考虑到这一点,你应该会关心怎样混搭颜色能匹配并且能够帮你解决网站颜色问题。那么你可以了解下面三个颜色混合的基

6、本方法。1三角色彩计划这是一个基本的,并且稳定平衡的方法。原理是使用了色彩的活力和互补特性。使用这个12项色环,你可以选择任何三种颜色,这三种颜色的位置关系是彼此是120度的距离,依次作为背景,内容和导航的颜色。图片来自:RayTrygstad.维基百科2复合色(互补色)第二种方法有一点难并且你可能为了证明它是恰当合适的颜色不得不去做些实验,如果实验做得好,它会是非常有效的。这个概念用了四种颜色,即两组对比色(色环上相邻两个颜色的180度补色)图片来自:RayTrygstad.维基百科3近似色这个方法仅侧重于互补色,当决定你想要的计划要去传达给用户的

7、时候,你可以考虑这个方法。它强调了选择颜色的活力,当这些色彩被夸大后就可能太多了。图片来自:RayTrygstad.维基百科因此考虑色彩心理学时,重要的是你应该把所有色彩作为一个整体去考虑,它们在一起怎么工作,而不是只选一个颜色,还有希望颜色要与其它的内容如背景,文本等这些按钮起到作用。看看下面的这张图片,并且考虑下它向用户传达了什么内容。图片来自Codementor1背景颜色——黑色的背景展现了网站的优质,精细,正式和统一的企业形象。显然,当考虑网站提供辅导的时候,你应该会想传达卓越,精益求精这些东西。网站的形式上表明,当和学习相关的这些企业社团表

8、明用户可能不是作为一种爱号学习代码,而是作为他们未来职业生涯中的一种技能来学习的。2按钮的颜色——该网站使用

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。