网页设计色彩搭配:蓝色

蓝色是三原色之一,波长过短,纯正的蓝色RGB值分别为0、0、255,给人一种平静、平和、美丽、文静、安详与洁净的感觉。

蓝色与红、橙色相反,是典型的冷色,也是常见的后退色和收缩色,表示沉静、冷淡、理智、高深、透明等含义。

1. 蓝色性格特点

蓝色博大、永恒、平静、理智、纯净、遥远,就像辽阔的天空和大海。我国少数民族多使用靛蓝、普蓝作染料,因此,靛蓝、普蓝似乎成了民族特色的象征。浅蓝色系明朗而富有青春朝气,为年轻人所钟爱。蓝色也有另一面的性格,如冷漠、悲哀、恐惧、刻板等。蓝色还是收缩色,同样面积的色彩,容易把蓝色误认为比其它色彩面积小。
蓝色还具有让人心跳减慢、体温降低的作用,具有平静情绪的力量,让人感受到无限的舒畅和清澈。蓝色是最冷的色彩,容易抑制人的食欲。

2. 蓝色联想与信息

蓝色使人联想到深邃的太空、无垠的宇宙、流动的大气以及冰川上的投影,也象征高科技,给人以强烈的现代感。低调的灰蓝色,有些时候是自我情绪的表达。中国古代建筑上蓝色的牌匾,寓意肃静、庄重。布鲁斯音乐是蓝色在听觉上的诠释;瑜珈是蓝色在体育上的诠释。蓝色通常用来表达一种清心寡欲的志趣,带人进入一种安静的冥想境界。

蓝色的用途很广泛,例如夏天的饮料包装等。天蓝色可用作医院、卫生设备的装饰,达到安定情绪的功效;夏日的衣饰、室内的布艺,通常使用蓝色调,让人在视觉上感觉清爽。对网页的设计也要彻底了解蓝色的特性与心理信息,根据不同的页面主题和内容,恰当地加以运用。蓝色适合高科技、医疗、文教、工业、冷饮等主题的网站。

3. 蓝色配色常识

蓝色与红色的搭配,一静一动,让人联想到美国的商业渗透和文化特点,具商业感。像美国的餐饮业就多使用这两种色彩做主色调。

蔚蓝色与草绿色的搭配,代表着自然的广阔与舒适,象征前景和生命力;蓝色与白色相配,表现出明朗、清爽与洁净的感觉;蓝色与黄色相配,对比度大,较为明快。

大块的蓝色一般不与绿色相配,它们只能互相渗入,变成蓝绿色、湖蓝色或青色,最好有白色的参与,这也是令人陶醉的颜色。

浅绿色与黑色相配,显得庄重、老成、有修养。但是深蓝色最好不要和深红色、紫红色、深棕色与黑色相配,因为这样既无明度对比、也无纯度对比,只有混浊和脏兮兮的感觉,是令人讨厌、情感悲哀和绝望的色彩组合。

4. 蓝色网站色彩搭配解析

由于蓝色具有稳定、博大空旷等特性,再加以灰色的羞涩来做衬托,使得网站展现出稳定、和谐、平静、纯洁的视觉效果。这种悠远、理性与简洁的感觉,使蓝色在文学类网站、高科技类网站及商业网站中都有所运用,如图所示:

网页设计色彩搭配:蓝色

图  蓝、灰色调网站

下面的网页中,湖蓝色的运用,表现出平静、理智、无暇、纯净的感觉,就像青春靓丽的姑娘。灰色块以构成的形式在其中点缀和衬托,表现出透明、年轻、晶莹等感觉。如图所示:
网页设计色彩搭配:蓝色

图  化妆品网站

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/9245.html

(0)
上一篇 2021年2月4日 上午8:56
下一篇 2021年2月4日 上午9:20

99%的人还看了以下文章

  • 网页设计第一步:绘制网站草图

    网站设计草图是对页面元素布局、页面造型设计、交互表现形式等所做的手绘草图说明,是对用户需求沟通的图形表现,以便更准确无误地与用户确认需求,也对网站风格设计过程起指导作用。

    2020年2月26日 网页设计
    14.6K0
  • 赞!前端工程师应该具备怎样的能力和素质

    前端工程师应该具备怎样的能力和素质? 技术功底、技术视野、技术追求 除了开发业务功能外,还需要对开发规范、工程化、组件化、模块化、测试、设计模式有一定的认知和实践 沟通表达能力、书面表达能力、总结复盘习惯 全局思维、抽象思维、持续交付意识 项目一号位担当,团队协作意识 综合权衡:成本、效率、质量、风险、体验 关注产品、设计、商业等各个领域。交叉学科会带来更多…

    2023年1月18日
    9200
  • 从零开始做APP界面设计一:iOS 界面设计规范

    准备整理一套APP界面设计教程,可能会花费一段时间,请持续关注。 首先开篇我们介绍APP 界面设计,也就是新手最常遇到的问题:尺寸。 我们以iPhone 7为例讲解iOS 界面设计规范。 一、APP 界面设计工具 做APP 界面设计用的最多的就是PS和AI了,如果你是Mac用户,可以尝试一下Sketch,软件的版本当然是推荐高版本,因为功能更强大,作图的速度…

    2018年4月20日 网页设计
    3.9K0
  • 网页设计中的字体选择以及常用字号

    网页设计中的字体 中文:宋体,微软雅黑,方正系列(无状态) 英文: Helvetica:被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体。 Arial: 和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。 Lucida Grande:是Mac OS U…

    2019年10月22日
    5.2K0
  • 网页制作实战项目二:爱的天空

    请加入网页设计交流群:208047327 ,在项目制作过程中有任何问题,可以在群内讨论,或进入本站问答社区互动。 【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 《爱的天空》主页面及心情日志页面制作 【上机目的】 1 、巩固表格布局的方法和技巧 2 、掌握HTML及CSS的使用 【上机重点】 1 、表格布局 2 、HTML及CSS的使…

    2018年4月12日 网页设计
    7.7K0
  • 3分钟学图片版式设计:K先生的版式平衡与构图实战

    条理清晰,通俗易懂的图片版式设计教程。

    2018年1月23日
    2.9K0

发表回复

登录后才能评论