网页设计色彩搭配:蓝色

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

  • 赞!UI设计师必须学习的3个色彩理论

    彩搭配在设计中很重要!不同的配色方案呈现出不同的效果,搞定配色!请学习最好的配色教程 色彩模式  1、RGB色彩模式。通过光的三原色相加混合产生的。显示器的所有色彩都是通过红色、绿色、蓝色这三原色混合来显示的。 2、CMYK 色彩模式。是指墨水或颜料的三原色加上黑色这四种颜色,混合后出现的色彩。CMYK是打印机等印刷设备使用的色彩模型。 3、索引色…

    2022年8月10日 网页设计
    1.5K0
  • 一个优秀的网站设计应具备的6个特征

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

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

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

    2018年3月22日
    4.8K0
  • 企业做网站选择定制开发,还是网上在线模板建站好?

    不少企业老板,要做网站,总爱先问做网站多少钱? 在《做个企业网站多少钱?》一文中,我们讲解了做网站,先要明白,价格和价值的关系,只看价格不比质量,不看实际给企业能带来多大价值的网站都是没有什么用处的,看似便宜,实际多花了钱,后期还要重做,总起来花的钱比原来还要多。想花一千的价格,还要求网站页面漂亮,功能完善,用户体验及排名都要好,这是不现实的。 企业做网站选…

    2018年12月17日
    2.5K0
  • Div+CSS网页布局项目实战一(含设计图、HTML和CSS源文件)

    网页的布局与规划 本次网页制作的效果图如上图所示,分析一下该图,我们不难发现,图片大致分为以下几个部分: 1、顶部部分,其中又包括了LOGO、MENU和一幅Banner图片; 2、内容部分又可分为侧边栏、主体内容; 3、底部,包括一些版权信息。 有了以上的分析,我们就可以很容易的布局了,我们设计层如下图: 根据上图,我再画了一个实际的页面布局图,说明一下层的…

    2018年7月31日
    10.8K0
  • 网页设计师必须知道的八大前端核心知识

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

    2023年1月18日
    3.5K0

发表回复

登录后才能评论