网站建设时页面主体颜色的选择

发布时间:2017-04-25 发布者:新锐传媒 查阅 [6907] 评论 [0]

    统计表明,页面主体颜色直接关系到用户的购买决策,合适的设计页面颜色对转化率有很高的帮助。那么,如何选择页面的主体颜色,页面不同板块用什么颜色好?本文将从绿,黑,8种最常见的颜色来进行分析。

 

红色:危险,重要,激情

 

    红色是血与火的颜色,它是最强大的色彩之一,同时代表着爱与战争。

    红色所传递出的情绪是非常激烈的,甚至可以直接引起相应的生理变化,包括血压升高,呼吸频率提升,等等。

    红色还代表着精力充沛,能够引起冲动,还是是速度与力量的象征。网易旗下的很多产品logo都用红色作为主色调,比如网易云音乐等。

网易云音乐logo

    红色运用在网页当中,则意味着这个元素是最重要的、值得重视和注意的。你应当在页面的重要部分使用这个颜色。

 

橙色:自信、能量、乐观

 

    橙色同样是非常鲜艳的色彩,它和红色也有着许多共通的地方,但是相对而言程度较低。它没有红色那么强烈的侵略性,但是它同样有着精力充沛的含义,可以营造出积极向上的情绪和氛围。

    就像红色一样,橙色同样具备有很高的识别度,能够强烈地吸引用户的注意力,高亮特定元素的作用。另一方面,一些研究表明,橙色还能传递出“便宜”的含义,这也是为什么许多电商网站和APP会倾向于将购物车和购买相关的链接标识为橙色。在页面主体颜色为白色时,一个橙色的按钮会非常吸引目光,因此橙色适合作为购买意向的链接模块颜色。

    说到应用橙色的网站,淘宝就是一个例子。

淘宝的橙色主体

 

黄色:阳光,幸福,注意


    黄色是非常有意思的色彩,它同时具备了幸福和焦虑两种特性,不得不说它的这个特征非常的哲学。在设计中,黄色非常容易引起注意力,所以它也是日常生活中近视标识的常用色。尽管它在警示效果上不如红色强烈,但是依然给人传递出危险的感觉。

    通常黄色可以用在培训学校以及幼儿教育机构的网站中,搭配各种儿童的图片,给人以幸福舒适放心的感觉。青岛新锐为伯明翰外语培训学校建设的网站就是一个例子。

 

绿色:自然、生长、成功

 

    与绿色联系最紧密的毫无疑问是自然。绝大多数的植物都是绿色的,它与生长和健康都有着紧密的关联。

    在设计中,绿色可以起到平衡和协调的作用,在今年,也就是2017年,年度色就是草木绿,它甚至被称为新的中性色。不过在设计过程中,绿色的饱和度需要好好控制。高饱和度的绿色让人兴奋,引人注意,而低饱和度的绿色则接近中性色的作用,可以平衡整个设计。

    绿色同样可以象征着天然环保的意味,因此在农业网站,生物制品网站,与某些日常应用的化工用品的网站中也会用到。具体可以参考青岛新锐为绿臣涂料建设的网站案例

 

蓝色:舒适,放松,信任

 

    蓝色是天空和海洋的色彩,它是UI设计中最重要也是最常用的色彩,你在设计中所选取的蓝色的色调和色度,都会直接影响到你的设计对于用户的影响。

    浅蓝色给人清爽、自由、平静的感觉。这种轻松友好的氛围还能转化为信任的感觉,这也是为何如此多的登录按钮会使用浅蓝色作为主体颜色。
    深蓝色能够给人强大而可靠的感觉。

    同时,蓝色可以广泛应用于各种网站建设中,当不知道网站该用什么颜色时,用蓝色起码不会让人觉得不合适与反感。

 

紫色:豪华,灵性,创造性

 

    紫色的使用频率并不算高,它本身的这种稀缺性使得它在设计使用中有着特殊的地位。历史上,曾经一度只有欧洲皇室能使用,直到今天,它依然保持着某种奢侈感。将紫色运用到网站建设或者APP中,常常会给用户一种高端的感觉。

    一个有趣的调查表明,有接近75%的儿童喜欢紫色和相近的色彩。

 

黑色:力量,优雅,精致

 

    黑色是所有色彩中最有力量的,它能够很快地吸引用户的注意力,这也是为何它是文字的基准色,也常常作为许多设计的主色。

    当黑色作为UI控件和视觉元素的主色调的时候,它常常会带来相应的情感联系,它可以轻松传达出复杂的情绪,营造神秘的氛围。

    黑色经常应用于某些产品高端的行业,比如汽车,钟表,高端服装等等。高端中蕴含着华贵的感觉。青岛新锐为青岛酷玛汽车制作的网站就是一个案例。

 

白色:健康,纯洁,高尚

 

    白色通常代表着纯洁,给人以干净、健康、高尚的感觉。由于白色常常同健康服务和创新所关联,所以可以使用白色来强调安全性,推广医疗和高科技的产品。

    在设计当中,白色常常用作留白,用以突出周围的色彩、控件。正确使用留白是一项非常重要的设计技能。以百度首页为例,白色让其他的色彩更加突出,更有力量:

百度使用白色作为背景主题色

    与白色相同,灰色在设计中同样代表着中性,可以起到凸显其他颜色模块的作用。

    颜色的使用并没有完全定死的章程,结合自身的业务与产品,制定适合自己的页面,才是最佳的选择。

      免责声明 | 新锐观点 | 网站运营 | 网站推广 | 联系我们 | 网站地图