网站配色如何给使用者一点“颜色”瞧瞧?

 

  大多的网页组成都是明亮的背景(通常是白色的)以及黑色的内文,但也有少数的网站是属于暗色系的、或是色彩鲜艳的网页。

  但你曾想过为什么有些网页用鲜明颜色、有些则选用白色当背景吗?

  这跟使用者的“动机”有很强的关联性。如果把使用者用某个服务的动机,简单用二分法来说,一个是“功利”动机、而另一个则是“享乐”动机,那么:

  功利动机适合低唤起、高亮度设计

  功效被定义为有用的特征或是状态,使用者寻求功效。例如,当你每次在使用计算机时,你可能就有一个功利性的动机在背后,像是协助你算帐更快。

  研究显示,属于功利动机的消费者在低唤起环境,会比起高唤醒环境,更容易产生正向认知。唤起程度是指外界环境如何刺激引发我们的感觉,像白色较容易营造低唤起环(较不会刺激我们的感觉)、而红色则容易营造出高唤起环境(刺激性较强)。

  举例来说,使用 Google 的使用者许多是因为功利动机,像是搜寻资料、观察信件……。所以 Google 网站和应用程式主要以白色为主,对使用者而言,身处于低唤起环境,不容易刺激人们的感知,使用 Google 服务时会比较轻松自在。


  但如果将 Google 背景改变成另一种颜色呢,像是红色,会发生什么事呢?

  红色将造成非条件生理反应(我们与生俱来的反应),如增加心跳以及呼吸速度,让使用者感到紧张、刺激、兴奋。而紧张(如同红色造成的影响)的感觉会让时间走的似乎更慢。你不会希望 Google 设计是采红色色系,因为会让你既紧张,又觉得找资料的时间很漫长!

  而让人感到放松,最佳的颜色有蓝色色调、低饱和度的颜色(黯淡的蓝色)和高亮度(含白色成分越高) ,这颜色会降低人们的心跳与呼吸速率,让人感到平静、放松。

  像是 IBM 的 logo 现在就采用蓝色。这样减少刺激、 让人感到放松的好处是让人们更有可能推荐你的网站,同时有助于创造速度感,让等待的时间似乎走得特别快。

  享乐动机适合高唤起、鲜艳设计

  享乐主义被定义为追求愉悦,特别是我们感官上所得到的愉悦感觉。

  研究显示,享乐型动机的消费者在高唤起环境,会比起在低唤起环境更加愉悦。

  举例来说,像是夜店就是一个真正地为享乐型体验所设计的高唤起环境,那里有着颜色丰富的灯光、音乐和满足你味蕾的饮料 ,所以夜店的网页通常采用令人感到刺激暗色系组合。

  很多时尚以及服饰品牌的网站也都采用黑色,拿 Chanel 的网站来说,网页的黑色就非常明确地针对享乐型动机的购物者为目标,用大张照片来展示产品,传达小的事实讯息,这很正常,因为使用者只想要享受产品和网页的体验 。


  但如果是服饰店的老板,每周都必须去下新的订单呢? 要让他们能有效率、不分心地下单的话,可能较适合低唤起的色调。

  简单来说,高亮度和低唤起的颜色组合适合功利型网站;相反地,鲜艳与高唤起的颜色组合则适合享乐型网站。

  网站色调选择取决于使用者的动机

  某些情况下,功利动机和享乐动机间的界线,似乎就没有这么明确。像是 Facebook 是属于享乐型的任务,还是功利型的任务呢 ?

  读取动态讯息和观看他人的个人资料,会让你有享乐性娱乐的感觉 ;而讯息和活动部份,则会提供你有效用的目的性需求。

  因此,功利主义和享乐主义的二分法,不一定适用每ㄧ种情况 。不过目前, Facebook 毕竟还是希望让使用者觉得待在上面时间过得很快,待越久越好(看越多广告越好),所以还是采用低唤起的设计。

时间: 2025-01-26 17:10:10

网站配色如何给使用者一点“颜色”瞧瞧?的相关文章

网站配色思考

配色 曾经费尽心思想替网站设计一套令人眼睛为之一亮的色彩组合吗?或者你一直不解为何银行.公司行号或金融机构的网站总是使用蓝色系?那么你来对地方了.虽然大部分的网站开发人员都很清楚网络所使用的色盘和计算色彩的 16 进位系统,但对色彩学和有效色彩组合背后所隐含的原理依然懵懵懂懂. 几世纪以来,颜色本身就是一个难解的谜题.举例子来说,苏格拉底就曾经假设说「火」之源起,乃是因眼睛结合了对象本身的「白」(whiteness)所产生的颜色.之后,牛顿更探索光与色彩之间的关系:其后历经许多科学研究,终于在2

网站配色奥秘大公开

配色 网站配色奥秘大公开曾经费尽心思想替网站设计一套令人眼睛为之一亮的色彩组合吗?或者你一直不解为何银行.公司行号或金融机构的网站总是使用蓝色系?那么你来对地方了.虽然大部分的网站开发人员都很清楚网络所使用的色盘和计算色彩的 16 进位系统,但对色彩学和有效色彩组合背后所隐含的原理依然懵懵懂懂. 几世纪以来,颜色本身就是一个难解的谜题.举例子来说,苏格拉底就曾经假设说「火」之源起,乃是因眼睛结合了对象本身的「白」(whiteness)所产生的颜色.之后,牛顿更探索光与色彩之间的关系:其后历经许多

网站配色思考 --(网站配色思考)

配色 曾经费尽心思想替网站设计一套令人眼睛为之一亮的色彩组合吗?或者你一直不解为何银行.公司行号或金融机构的网站总是使用蓝色系?那么你来对地方了.虽然大部分的网站开发人员都很清楚网络所使用的色盘和计算色彩的 16 进位系统,但对色彩学和有效色彩组合背后所隐含的原理依然懵懵懂懂. 几世纪以来,颜色本身就是一个难解的谜题.举例子来说,苏格拉底就曾经假设说「火」之源起,乃是因眼睛结合了对象本身的「白」(whiteness)所产生的颜色.之后,牛顿更探索光与色彩之间的关系:其后历经许多科学研究,终于在2

自然风格的网站配色方案解析

自然风格的网站通常是由日常用品的颜色或自然界中的色彩搭配而产生的,利用红色的落叶.绿色的树叶.蓝色的天空和大海等颜色来配色非常重要;接下来我们来讲解有关自然风格的网站配色方案解析,带有红霞的黄色还能给人温暖.安定的感觉. 一.自然风格网站的典型案例解析 网站背景采用浅绿色,配上树叶及流水的自然景观搭配,给人宁静.和谐.自然的感觉. 网站整体使用了轻快的绿色,主题部分使用白色,整体清爽.自然. 网站使用了自然的绿色,展现宁静.和谐的环境与自由空间. 二.自然风格网站的配色方案推荐 自然风格网站的配

活泼风格的网站配色方案解析

活泼风格网站的颜色,其轻重感和明亮度之间的关系最为密切,鲜艳的高明亮度色彩给人轻快的感觉,但若过多使用,会让人略感烦闷枯煤;下面我们来讲解有关活泼风格的网站配色方案解析,若应用在狭小的空间,则可以达到延伸空间的效果;若同时再加上白色,还能增添清洁.明亮的感觉. 一.活泼风格网站的典型案例解析 网站采用灰色的背景,给人轻快的感觉,配上粉.绿.蓝等明亮的颜色,使页面活泼起来. 网站采用浅灰色为背景,给人轻松的感觉,蓝色的线条和淡淡的紫色.粉色搭配,增强页面的活泼感. 网站使用白色和灰色为背景,给人明

医疗保健类网站配色方案解析

由于生活水平的提高,人们对自身健康也越发重视,再加上网络的普及,人们随时都可以上网查询或学习医学和健康方面的知识.今天我们赤讲解有关医疗保健类网站配色方案,当然,众多的医药.生物科技公司.医院或个人也会将相关的知识发布到网络上,所以医疗保健方面的网站也越来越多. 一.医疗保健类网站的特点 医疗保健网站主要用于医疗.保健.生技等单位发布和宣传有关医学.健康方面的知识.网站的具体功能包括通过网络发布医疗保健咨询.医患互动交流.企业客户咨询回馈.健康资讯查询等.不同的医疗保健机构因为服务项目不同,所建

管理类网站配色方案解析

管理类网站所面对的用户是广大客户,因此,在网页设计上,最重要的是迎合大多数用户的审美要求.接下来我们来讲解有关配色方案解析,它要具有先进.严肃.结构分明等特点,与其他商业网站有很大的不同.因此,设计者要充分了解网站的实质内涵,这样才能设计出合适的管理网站配色方案. 一.管理类网站的特点 管理类的网站多用于用品的推广.介绍.专题等多方面的咨询,要突出它的开放性.易用性.实用性和安全性.因此,对设计者来说,要制作符合大众审美观念的管理网站,就要规划合理的配色方案. 色彩搭配清新 根据管理网站的性质和

5款免费的优秀网站配色方案工具

网站的配色方案决定了访问者对网站的第一印象,有很多工具可以帮助选择合适的配色方案,本文为网站设计者介绍五款免费的优秀网站配色方案工具. 1. Kuler Kuler是一款倍受专业网页设计人员喜爱的工具,它在配色方案中增加了社会化媒体和网络因素,设计人员使用Adobe注册账号登陆后可以创建调色板并且互相分享,也可以根据自己的需求修改别人的调色板.颜色显示格式包括RGB,CMYK,LAB和HSV. 2. Color Palette Generator 创作灵感有时候来的很突然,也许偶然在网上看到的一

网站如何配色及网站配色方案

网站设计只要懂一点点网页编辑的人我想都可以制作网站了,但一个网站制作的好坏就必须从多方面去考量了,一个是用户体验度,还有一个就是网页美工了,而网页美工特别讲究的就是网站配色方案,网页设计师策划一个网站需要经过反复多次的思考,而在决定网页配色方案时同样需要经过再三的思量.网站如何配色呢?一个成功的配色方案可以完美地体现出网站的主题及表达出网站的信息,更能表现出这个网站的内涵,当然,感觉是设计师的灵魂,没有感觉的设计师就如同一个没有灵魂的躯壳.但光凭感觉也不能够得到好的结果,所以就必须有一个科学合理