潍坊做网站欢迎光临潍坊易企网络公司
您当前位置:潍坊易企网络公司 >> 做网站 >> 浏览文章

配色讲道理!Thinkful网站配色完全学习指南

文章标签:配色,讲道,讲道理,道理,网站,完全,学习,学习指南 发布时间:2015年01月23日 预览130

毫无疑问网站的配色是特别很是主要的。创建一套具有凝聚力又能抓人眼球的色板是创建一个成功网站的先决条件。在技术发展的驱动之下,我们在网页设计的时候可以更加正确地控制色彩,这也使得色板的邃密打磨显得更加需要和主要。今天这个网站配色完全学习指南,就是想更加系统地解决这个问题。

这篇指南的作者是Aleksandra Tamarina,发表于Thinkful网站,由优设编译。

入门

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

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

构建网站的“情感”

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

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

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

色彩的含义

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

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

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

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

?绿色:财富,金钱,镇静,树木,野心,耐力,治愈,岑寂,打赌,天然,完整,珍爱,羡慕,嫉妒,不成熟;

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

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

?黑色:壮大,神秘,高贵,细腻,功能性,死亡,病态,瘟疫,孤傲;

有些著名的品牌在色彩的情感传达上特别很是凸起,麦当劳就是其中的佼佼者:

网站配色 网站设计 网站建设 网站策划 网站用户体验度

网站配色 网站设计 网站建设 网站策划 网站用户体验度

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

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

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

网站配色 网站设计 网站建设 网站策划 网站用户体验度

网站配色 网站设计 网站建设 网站策划 网站用户体验度

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

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

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

网站配色 网站设计 网站建设 网站策划 网站用户体验度

网站配色 网站设计 网站建设 网站策划 网站用户体验度

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

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

注:相关网站建设技巧阅读请移步到建站教程频道。

1 2 3 4 5 下一页 查看全文
上一篇:小屏幕改变了哪些邮件设计规则?
下一篇:电子商务网站设计分析之四面包屑导航
点击数:  相关搜索:配色 讲道 讲道理 道理 网站 完全 学习 学习指南