全国服务热线:18980020603 成都热线:028-86633922
新闻中心网站专题联系我们
行业新闻 建站经验 网站建设资讯 手机网站资讯 微信网站建设资讯 APP开发资讯 商城网站资讯

网页设计:网站配色完全学习指南

发布人:桔子科技    发布时间:2015-06-01 08:20:15    分享到:
 站点的配色非常重要。我们在做网页设计的时候要好好进行考虑。今天就给大家说说站点配色。

  入门

  在开始探索配色和色板创建之道之前,你首先要考虑一下你想做一个什么样的站点,而创建这个站点的目的又是什么。

  另一个需要考虑的重要因素是,你的站点是否拥有现成的品牌。如果你拥有现成的品牌那么就意味着你构建站点的时候,会使用到现成的品牌风格指南, 这时候你有着现成的色板,你只需要根据需求适当地拓展出不同深浅、色度的衍生色。当然,更多的时候,你需要从无到有构建一个全新的色板,而这篇文章正是要 帮你完成这项任务。

  构建站点的“情感”

  色彩与品牌有着千丝万缕的联系。不同于语言和文字,色彩为品牌提供了一种非口头传达的意义和信息。而色彩给人的感觉和所蕴含的含义主要来源于所 处的文化和环境。在深入了解一个站点之前,客户通常先注意到色彩,色彩所传达出来的情绪会下意识地感染客户,所以你可以利用这种原理来设计站点、优化品 牌。

  那么你需要向客户传递什么样的情感呢?你希望客户怎样和你的站点互动?这可能还得从品牌识别(BI)来考量(如果有的话),同时也可以让站点成为品牌的延伸。花点时间仔细想想吧。

  接下来,我们一同来探讨一下,美国的文化背景下的大众品牌中的色彩的含义。

  色彩的含义

  下面是一些常见色彩的含义:

  ・红色:能量,力量,活力,领导地位,勇气,激情,快乐,危险,邪恶,愤怒,血,高识别度;

  ・橙色:开朗,热情,快乐,激情,魅力,创意,有趣,轻浮,华丽,粗鲁,低端;

  ・黄色:乐观,清新,法律,教育,傲慢,怯懦,疾病,背叛,幼稚;

  ・绿色:财富,金钱,平静,树木,野心,耐力,治愈,冷静,打赌,自然,完备,保护,羡慕,嫉妒,不成熟;

  ・蓝色:安全,守信,稳定,忠诚,智慧,信任,友爱,保鲜,勇气,科学,悲伤,抑郁,冷漠,稳重;

  ・紫色:神奇,神秘,灵性,潜意识,创造力,尊严,皇室,悲哀,残酷,自大,自负;

  ・黑色:强大,神秘,高贵,精致,功能性,死亡,病态,瘟疫,孤傲;

  有些著名的品牌在色彩的情感传达上非常突出,麦当劳就是其中的佼佼者:

  麦当劳LOGO中,黄色的拱门能够唤起客户新鲜、快乐的情绪,黄色还能引起饥饿感。LOGO中的红色所包含的活力感、愉悦和能量会促使客户快速 地离开,这样也就促使餐厅中人流的快速流转。作为快餐店,这样的色彩搭配构成了麦当劳独特的品牌情感传达,和品牌故事。虽然麦当劳官网目前还没有追随设计 潮流,尚需要一些设计上的提升,但是它的色彩非常简明,并且专注于视频领域的推广和传播。有意思的是,同LOGO相比,在网页配色上相对降低了红色所占据 的比例,因为这家快餐巨头想留住你来浏览,而非促使你离开。

  不仅是麦当劳从这种配色方式中受益,许多同类的快餐店也使用了类似的配色,比如DairyQueen、BurgerKing、Wendy’s、Sonic以及Pizza Hut。这种配色方案的本质就是吸引人来购买,然后敦促他们离开,以便能服务更多人。

  另外一个品牌配色的好案例就是Whole Foods了。

  绿色常常被赋予自然、环境和治愈等含义,而Whole Foods正是一个全天然有机食品品牌。这些有机食品和品牌与绿色完美的融合在一起,Wholefood.com 站点中使用了大量的绿色的元素和形象,唤起客户对于自然的认同感,配合黑色和白色这种中性色来完成整个站点的设计,三种色彩在站点设计中达到了平衡点。

  除了Whole foods之外,同类型的食品杂货品牌Publix也使用了类似的配色方案来装点站点。如果你熟悉这类食品杂货品牌,你会发现这种绿色为主的配色应用得非常普遍,因为这种色彩使用可以呈现出品牌的自然和品质感。

  google是一个典型的多色彩使用的品牌。

  使用多色彩的品牌通常都传递出创意、色彩和艺术性。虽然google已经成长为一个庞大的科技企业,但是它依然保持着多年以前的那种创意、愉悦 和自然。毫无疑问,google掌控着搜索的艺术,google搜索的主页也一直是以实用为主要诉求。虽然使用了多种色彩,但是google还是选择蓝色 作为LOGO中的基础色,这种选择你可以在google的链接和小LOGO上感受到。而LOGO中其他的色彩,主要是赋予整个LOGO以层次感和对比度。

  类似的LOGO还有苹果早期的品牌LOGO和奥林匹克的标识。当年苹果所发布的G3系列的iMac和iBook所使用的多彩塑料材质正好呼应了这种多彩的设计,后续的iPod也延续了这些色彩使用。奥林匹克也是,丰富的色彩正好呼应了人类的活力和竞争的主题。

  探索站点配色

  接下来,你要开始写下你的站点想要具备什么样的个性,想传达什么样的感情。有了这些基础的东西之后,你就可以根据这些含义来匹配颜色了。看看那 些已经同类的、成型的品牌/站点所使用的配色吧,你再想想他们的品牌价值观是怎样的,他们的情感和色彩是如何结合到一起的,他们又是如何看待客户的。接下 来,我们先看看下面的几个案例:

  你想激发客户信心?

  作为一个大型品牌,Virgin 主要使用了红色和白色来传递信心的感觉,其中的红色传递出行动、能量和激情的感觉,让品牌具备了力量感。

  CNN也是如此,他们需要客户和读者来相信他们的新闻来源。所以CNN使用了红色来表现他们的领导地位,以及激情、能量的感觉。

  你想让客户感觉高端?

  Burberry使用暗灰色来散发出神秘、高贵和精致的感觉。当客户浏览Burberry的站点的时候,会觉得这个站点是有讲究的,有品质的,形成信任感。

  Groupon 使用了绿色和灰色来表现“节约资金”和“独特”的特性。

  你想被信任?

  蓝色能够赋予客户安全、可信和稳定感,这符合信用卡所应具备的所有特性。

  作为社交站点,Facebook 极其需要客户的信任,让客户能够自如地发布关于他们生活的信息,所以Facebook选择了蓝色来传递出“信任”的感受。
本文来源于成都网站建设公司、成都网站设计制作公司与成都APP开发公司-桔子科技公司!
成都网站建设,成都网站设计,成都网站制作,成都网页设计,成都网站建设公司 ,成都网站设计公司, 成都网站制作公司,成都网页设计公司,成都手机网站建设,手机网站建设,成都APP开发,APP开发,成都建网站,成都做网站,成都微信网站建设,成都微商城网站建设,成都商城网站建设,成都微信营销,成都网络公司。

下一篇:网页设计:四大设计趋势让你玩转2015年网页设计上一篇:网页设计:介绍网站建设的艺术设计

最新案例
手机/微网站
  1. [成都]微信网站建设:微信分销系统能为商铺带来哪些特色服务
  2. [成都]微信网站建设:如何通过微信公众号来推广产品
  3. [成都]微信网站建设:微信开发都有些什么功能
  4. [成都]手机网站:手机网站设计需要达到什么效果
  5. [成都]手机网站:手机网站响应式网站解决方案
  6. [成都]手机网站:手机网站响应式网站解决方案
网络营销
  1. APP开发: APP网页评分功能设计
  2. APP开发:手机APP开发前这4点必须要了解
  3. APP开发:为什么企业要做手机APP
  4. APP开发:你可以更好的留住APP用户
  5. APP开发:开发时间的长短主要由哪些因素决定
  6. APP开发:电子商务类APP开发的4点建议
img

7x24小时售后服务

img

5倍故障时长赔付

img

15天无理由退款

img

N对一管家服务

让我们的顾问联系您

  • 电话:4006-028-024 028-86633922

    邮箱:Service@orangeapp.cn

    成都市成华区崔家店路789号上城国际1-24-9号

qq sina