网页设计色彩搭配:蓝色

蓝色是三原色之一,波长过短,纯正的蓝色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%的人还看了以下文章

  • 主流网页设计页面的的宽度(尺寸)是多少?

    最新的中国网民电脑分辨率统计情况显示95%的用户在1280以上,一些用户数较多的电商网站最大宽度一般也为1190或1200,如淘宝、天猫、京东…网页宽度为1200将会成为主流,当然现在很多网站为响应式网站可以适应多种分辨率了。

    2020年3月11日
    26.3K0
  • 网页上标准的广告尺寸规格大全

    网页中的标准网页广告尺寸规格 一、120*120,这种广告规格适用于产品或新闻照片展示。 二、120*60,这种广告规格主要用于做LOGO使用。 三、120*90,主要应用于产品演示或大型LOGO。 四、125*125,这种规格适于表现照片效果的图像广告。 五、234*60,这种规格适用于框架或左右形式主页的广告链接。 六、392*72,主要用于有较多图片展…

    2020年3月11日
    11.7K0
  • 网页设计第一步:绘制网站草图

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

    2020年2月26日 网页设计
    26.7K0
  • 网页制作中表单的设计及优化方法

    表单是网页制作中常用的元素,本文会探讨表单设计的注意事项。但这些只是通用规范,每条准则总有特殊情况。 表单应该只有一列 多列布局会扰乱用户垂直方向的视线移动。 把标签放到顶部 顶部标签的表单比左侧标签有更高的完成率。顶部标签的表单也易于移植到移动端。但是,对于有多种选择项的大量数据列表而言,请考虑使用左侧标签,因为它们在一起更易于浏览,能够减少高度,比顶部标…

    2018年7月30日 网页设计
    6.9K0
  • 网页设计字体篇:字体的性格

    优秀的字体远在读者理解句意之前就通过字形与笔画风格将情感传达给读者,传情达意正是字体设计的意义所在

    2019年10月23日 网页设计
    8.6K0
  • css布局基础:盒子模型练习

    主要知识点: 1、盒子在页面的显示=margin+border+padding+width/height 2、每个html元素都可以抽象为一个盒子 效果图: 参考: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title&…

    2020年4月4日
    4.8K0

发表回复

登录后才能评论