网页设计配色应用实例剖析——紫色系_网页配色教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
紫色是一种在自然界中比较少见的颜色。象征着女性化,代表着高贵和奢华、优雅与魅力,也象征着神秘与庄重、神圣和浪漫。另一方面又有孤独等意味。紫色在西方宗教世界中是一种代表尊贵的颜色,大主教身穿的教袍便采用了紫色。
紫色的明度在有彩色的色度中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。在紫色中红的成份较多时,显得华丽和谐。紫色中加入少量的黑,沉重、伤感、恐怖、庄重的感觉。紫色中加入白,变得优雅、娇气,并布满女性的魅力。
紫色通常用于以女性为对象或以艺术作品介绍为主的站点,但很多大公司的站点中也喜欢使用包含神秘色彩的紫色,但都很少做大面积使用。
不同色调的紫色可以营造非常浓郁的女性化气息,在白色的背景色和灰色的突出颜色的衬托下,紫色可以显示出更大的魅力。
下面我们根据紫色系不同属性的邻近色、高纯度低纯度配色、相对对比色等色彩搭配做不同的举例分析。
→ 紫色高纯度网页例图:http:// www.everythinggirl.com
紫色系分析:(高纯度对比:同类紫色 同类对比色)
紫色的HSB数值H色相为300度时是正紫色。上图的HSB模式S数值显示,上组颜色饱和度基本都比较高,加上部分较高的明度组合,使该页面异常奢华艳丽。
辅色调之一的黄色是紫色强度最高的对比色,主、辅色面积的大小不同是形成视觉冲击力最大的主要原因。值得一提的是右下脚的浅蓝色的运用,它在整个页面配色上是很谦逊的角色,但却既突出上面的文字内容,又不张扬的压抑住其他颜色的配色,属于丰富于页面的辅助作用。假如把它试换成别的颜色似乎还是没有这个浅蓝色效果好。
另一辅助色浅紫红色又称粉红色,粉红色主要用于包含少女在内的女性站点。因为从明亮到浅白色调的粉红色能够表现出可爱、乖巧的感觉,这里只做少量运用。
其他点睛色使用得虽多但面积很小,主要是主色调紫色四周的过渡色,例如群青、青莲、玫瑰、红色等点缀,闪亮刺眼,增强页面的视觉感染力,有渲染出华丽凸显现代气息的作用。
结论:
紫色结合红色的紫红色是非常女性化的颜色,它给人的感觉通常都是浪漫、柔和、华丽、高贵优雅,非凡是粉红色可以说是女性化的代表颜色。高彩度的紫红色可以表现出超凡的华丽,而低彩度的粉红色可以表现出高雅的气质。
紫红色并不能随意在所有的站点中使用,但使用恰当的紫红色会给人留下深刻的印象。高彩度的紫色和粉红色之间的搭配通常都能得到较好的效果。
该页面具有非常强烈的现代奢华感。时尚张扬的配色组合,符合该页面主题所要表达的环境,让人轻易记住它
紫色的明度在有彩色的色度中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。在紫色中红的成份较多时,显得华丽和谐。紫色中加入少量的黑,沉重、伤感、恐怖、庄重的感觉。紫色中加入白,变得优雅、娇气,并布满女性的魅力。
紫色通常用于以女性为对象或以艺术作品介绍为主的站点,但很多大公司的站点中也喜欢使用包含神秘色彩的紫色,但都很少做大面积使用。
不同色调的紫色可以营造非常浓郁的女性化气息,在白色的背景色和灰色的突出颜色的衬托下,紫色可以显示出更大的魅力。
下面我们根据紫色系不同属性的邻近色、高纯度低纯度配色、相对对比色等色彩搭配做不同的举例分析。
→ 紫色高纯度网页例图:http:// www.everythinggirl.com
紫色系分析:(高纯度对比:同类紫色 同类对比色)
紫色的HSB数值H色相为300度时是正紫色。上图的HSB模式S数值显示,上组颜色饱和度基本都比较高,加上部分较高的明度组合,使该页面异常奢华艳丽。
辅色调之一的黄色是紫色强度最高的对比色,主、辅色面积的大小不同是形成视觉冲击力最大的主要原因。值得一提的是右下脚的浅蓝色的运用,它在整个页面配色上是很谦逊的角色,但却既突出上面的文字内容,又不张扬的压抑住其他颜色的配色,属于丰富于页面的辅助作用。假如把它试换成别的颜色似乎还是没有这个浅蓝色效果好。
另一辅助色浅紫红色又称粉红色,粉红色主要用于包含少女在内的女性站点。因为从明亮到浅白色调的粉红色能够表现出可爱、乖巧的感觉,这里只做少量运用。
其他点睛色使用得虽多但面积很小,主要是主色调紫色四周的过渡色,例如群青、青莲、玫瑰、红色等点缀,闪亮刺眼,增强页面的视觉感染力,有渲染出华丽凸显现代气息的作用。
结论:
紫色结合红色的紫红色是非常女性化的颜色,它给人的感觉通常都是浪漫、柔和、华丽、高贵优雅,非凡是粉红色可以说是女性化的代表颜色。高彩度的紫红色可以表现出超凡的华丽,而低彩度的粉红色可以表现出高雅的气质。
紫红色并不能随意在所有的站点中使用,但使用恰当的紫红色会给人留下深刻的印象。高彩度的紫色和粉红色之间的搭配通常都能得到较好的效果。
该页面具有非常强烈的现代奢华感。时尚张扬的配色组合,符合该页面主题所要表达的环境,让人轻易记住它
相关网页配色教程:
- 相关链接:
- 教程说明:
网页配色教程-网页设计配色应用实例剖析——紫色系。