网站地图    收藏   

主页 > 前端 > css教程 >

红色系网页色彩搭配推荐及文字颜色搭配 - html

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] 红色是网页设计中的热门首选,而红色又分为非常多种红,例如说朱红色、深红色而这一些不同的红又要如何去搭配呢?哪一些颜色能衬托使之更加和谐吸引人呢? 一.朱红色 朱红色......

 

  红色是网页设计中的热门首选,而红色又分为非常多种红,例如说朱红色、深红色……而这一些不同的“红”又要如何去搭配呢?哪一些颜色能衬托使之更加和谐吸引人呢?

  一.朱红色

  朱红色是中国传统色彩名称,朱红就是朱砂的颜色,比大红(R:255 G:0 B:0)更加的活泼、热情,颜色的纯度也较高,也有朱色、丹色等其他的说法。

  朱红色因为特性明显,很容易使人有兴奋的感觉,常见应用于食品、促销、节日、时尚休闲等类型的网页。

  最佳搭配颜色推荐:黑色、大红、橘黄、土黄、浅绿、深绿。

  网页设计搭配方案推荐:主色为深褐色(R:200 G:0 B:0),辅色为黑色(R:0 G:

  0 B:0),点睛色为纯白,背景色搭配朱红色(R:240 G:65 B:85)。

  分析:朱红色+黑色+白色

  朱红色在红色中饱和度、明度都非常高,用在网页中会特别突出,辅助色黑色与朱红色形成鲜明的对比,压住抢眼的朱红色,同样能突出在朱红色上的图案(图片),而点睛色纯白主要用在导航或者是logo上,调和整个网页,使之更加生动。

  二.深红色

  深红色的明度相较于大红色的明度较低,但是这类的颜色随着明度的变暗,可以制造深邃或者是幽怨的气氛。给人一种稳重而又高贵,成熟而又消极的视觉感受。

  深红色如果作为背景色,能够与前面的图片以及为浅色文字有较为明显的区别,可以突出主要的文字中心。

  最佳搭配颜色推荐:黑色、橙色、褐色、土黄

  网页设计搭配方案推荐:主色为深咖啡色(R:60 G:0 B:8)辅助色为纯黑色,点睛色则是纯白色,背景色为深红色(R:145 G:0 B:17)。

  分析:深红色+黑色+白色

  深红色是在大红色的基础上降低明度所得,深红色因为明度的降低,给人深邃、高贵、沉稳的心理感受。而辅助色黑色往往起到协调的作用,使画面更加融洽。白色作为点睛色,更主要是要让主体突出,例如广告语、产品名称。

  三.玫瑰红色

  玫瑰红色多用于女性主题的网页上,例如化妆品、服装等,往往可以给人带来一种娇媚而艳丽的气氛。

  最佳搭配颜色推荐:大红色、黑色、绿色、土黄、白色

  网页设计搭配方案推荐:主色玫瑰红(R:228 G:52 B:100),辅助色为纯黑,点睛色为绿色(R:100 G:148 B:43)背景色为咖啡色(R:130 G:24 B:47)

  分析:玫瑰红色+黑色+绿色

  玫瑰红色在红色系中属于冷色派,而咖啡色和玫瑰红则通过不同明度而达到统一的效果,虽然略显沉闷,但是加入了绿色作为点睛色,是页面明晰了很多,主次分明,有韵味。

  四.粉红色

  粉红色也就是我们俗称的浅红色、妃红色,代表了可爱、浪漫、幻想,一直是小女生的喜爱。故此,以粉红色为主的页面,女性主题往往都会比较明显,因为粉红色也传达了柔情、娇媚、温柔、甜蜜等。

  最佳搭配颜色推荐:黑色、大红色、褐色、土黄色

  网页设计搭配方案推荐:主色为粉红色(R:250 G:160 B:198),辅助色为纯白,点睛色为青色(R:158 G:228 B:228),背景色为粉红色。

  分析:粉红色+白色+青色

  粉红色是红色系中明度的高亮度变化,同样属于红色系中的冷色系。背景粉红色与白色的搭配,由于明度都非常高,所以没有形成强烈的对比,也就更加的协调,点睛色青色一般用于在突出标志的目的。

  五.红色+绿色分析

  红色与绿色的搭配组合常用于介入,比如说圣诞节等较为活泼的网页。

  由于红色与绿色是对比色,所以绿色在红色中也显得更加的绿,红色也显得更加的红。如果能配上白色,给视觉上做一个缓和的处理,会显得更加的生动活泼。

  六.红色+黄色分析

  红色与黄色的搭配组合,是一个简单而又安全的配色,常用于食品、休闲时尚等新鲜充满活力的网页设计。红色和黄色是邻近色且明度和纯度都比较接近,所以在网页中能够人协调、柔和、舒服的感觉。

  七.红色系的文字颜色搭配

  在众多网页设计配色中,根据网页内容的需求,纯粹使用红色为主色调的网页较少,常常用于做点睛色或者是辅助色,达到醒目的效果。

  在红色文字搭配上,主要以两点为考虑中心。如果作为突出强调那么要搭配对比强烈的字体来展现,例如黄色或者白色。如果想要保持整体一致性,应当采菊类似色或者纯度和明度接近的颜色来调合,橙黄倒是一个很好的选择。

  总结:本章我们讲解了各种红色应该搭配的颜色,以及红色与其他颜色搭配所产生的效果,还有红色系的文字颜色搭配。本文由www.banjiabaojia.com 搬家公司的Slc所编写,转载请注明出处,尊重版权人人有责。当然,红色系的讲解也到此结束,接下来的文章我们开始讲解橙色系的网页设计。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论