网页设计色彩搭配:蓝色

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

  • 一个优秀的网站设计应具备的6个特征

    1、明确和突出的品牌设计 优秀的网站设计师会将品牌的色彩、设计元素贯穿到整个网站的设计中。 2、抢眼独到的头条 网站要有强大的内容支撑。 首页是网站的脸,头条是这个网站的眼! 头条要抢眼,干脆,直击用户,在网页上要一目了然,是视觉焦点。清晰的排版和易于浏览的头条文章,是必须要有的。 3、有阶梯层级的导航 导航设计要简化,给人以“专业”的感觉。尽量让体验顺滑流…

    2018年9月23日
    2.3K0
  • 第3章CSS基础

    本章学习目标:
    了解CSS基本概念
    掌握CSS选择器的使用
    掌握在网页中应用CSS的方法
    掌握使用Dreamweaver编辑CSS的方法

    2018年3月22日
    4.2K0
  • 平面排版 CRAP原则-人人都可能成为设计师

    CRAP是四项基本设计原理,包括对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密(Proximity)  对比(Contrast) 避免页面上的元素太过相似、如果元素不相同,就让它们截然不同元素包含字体、颜色、大小、线宽、形状、空间等根本目的:增强页面效果, 有助于信息的组织如何实现:通过字体选择、线宽、颜色、形状…

    2018年5月8日
    8.0K1
  • 网页设计师必须知道的八大前端核心知识

    前端入门核心知识点 浏览器 Web标准:结构标准(HTML)、表现标准(CSS)、行为标准(JS) 浏览器分为两部分:渲染引擎(即:浏览器内核)、JS 引擎 浏览器的工作原理:重绘和重排、V8引擎 App的WebView容器,相当于浏览器,可以内嵌H5网页 HTML5 语义化标签:<header>、<article> 、<foo…

    2023年1月18日
    4960
  • 网页制作实战项目二:爱的天空

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

    2018年4月12日 网页设计
    9.1K0
  • 如何制作网页,网站制作流程

    如何制作网页?初学者如何制作满意的网页?网站制作流程。

    2019年1月25日
    3.2K0

发表回复

登录后才能评论