网页设计配色应用实例剖析——绿色系(7)_网页配色教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
→ 绿色对比色网页例图:http://www.fitintercambio.com.br
绿色系分析:(对比色配色:绿色 红色)
主色调是有点黄色倾向的绿色,从HSB数值上可以看到H为98度,绿色特性较明显了。
辅助色则是三个浅色系,起到调和整个页面色彩的作用。粉红和粉绿色分别取的是页面绿色红色通过提高明度而得,因此整个页面色彩前后呼应、配色调和。
点睛色红色的HBS模式H数值351度,在色轮表上偏向于紫色方位,因此倾向于冷红色,色度上稍有些刺目和艳丽。
主色调绿色和点睛色红色所放置的位置,让页面导航区域和内容区域视觉引导较为分明:主色调绿色的设计亮点既用于导航又很流畅自然的融合到背景,浑然一体;这里尤其是点睛色红色放置于背景的处理很独到,烘托突出于前景内容,在众多网页设计中并不多见。
结论:
整个页面的配色取色于标志色,量身定做的感觉。
适当的运用对比色有强调的感觉,但页面配色处理上并不强烈、刺眼,因为使用了白色及其相应的提高明度的粉色做视觉的缓和处理。
本部分小节:
● 绿色是缓和健康的颜色, HSB数值H色相为120度时是正绿色。大家通过以上的网页实例可以看到,偏向于黄色方位的绿色运用得最多,也就更受到大众的欢迎。纯正的正绿色在视觉感受上可能稍微显得有些色度较低的生硬,配色难度稍大。不同的黄绿色饱和度、明度的不同变化可以表达不同主题的页面效果。
● 点睛色可以是几种,也可以是不同对比色的组合,有的起到丰富并活跃页面配色的视觉节奏,有的起到调和整体页面配色的作用。
辅助色通常是同类色系或者邻近色系,起到辅助并烘托主色调的作用。辅色调和主色调分别在不同的页面做为唯一高纯度色的时候,能够起到拯救于整个页面发灰的作用。
● 当整个页面配色明度太高色度降低时候,页面轻易呈现发灰的感觉,可以适当的使用少许纯度较高或者明度较低的色系来加以改善。
下一节我们介绍《网页设计配色系列简析——应用部分》的第八节——蓝色系
绿色系分析:(对比色配色:绿色 红色)
主色调是有点黄色倾向的绿色,从HSB数值上可以看到H为98度,绿色特性较明显了。
辅助色则是三个浅色系,起到调和整个页面色彩的作用。粉红和粉绿色分别取的是页面绿色红色通过提高明度而得,因此整个页面色彩前后呼应、配色调和。
点睛色红色的HBS模式H数值351度,在色轮表上偏向于紫色方位,因此倾向于冷红色,色度上稍有些刺目和艳丽。
主色调绿色和点睛色红色所放置的位置,让页面导航区域和内容区域视觉引导较为分明:主色调绿色的设计亮点既用于导航又很流畅自然的融合到背景,浑然一体;这里尤其是点睛色红色放置于背景的处理很独到,烘托突出于前景内容,在众多网页设计中并不多见。
结论:
整个页面的配色取色于标志色,量身定做的感觉。
适当的运用对比色有强调的感觉,但页面配色处理上并不强烈、刺眼,因为使用了白色及其相应的提高明度的粉色做视觉的缓和处理。
本部分小节:
● 绿色是缓和健康的颜色, HSB数值H色相为120度时是正绿色。大家通过以上的网页实例可以看到,偏向于黄色方位的绿色运用得最多,也就更受到大众的欢迎。纯正的正绿色在视觉感受上可能稍微显得有些色度较低的生硬,配色难度稍大。不同的黄绿色饱和度、明度的不同变化可以表达不同主题的页面效果。
● 点睛色可以是几种,也可以是不同对比色的组合,有的起到丰富并活跃页面配色的视觉节奏,有的起到调和整体页面配色的作用。
辅助色通常是同类色系或者邻近色系,起到辅助并烘托主色调的作用。辅色调和主色调分别在不同的页面做为唯一高纯度色的时候,能够起到拯救于整个页面发灰的作用。
● 当整个页面配色明度太高色度降低时候,页面轻易呈现发灰的感觉,可以适当的使用少许纯度较高或者明度较低的色系来加以改善。
下一节我们介绍《网页设计配色系列简析——应用部分》的第八节——蓝色系
相关网页配色教程:
- 相关链接:
- 教程说明:
网页配色教程-网页设计配色应用实例剖析——绿色系(7)。