400-800-9385
网站建设资讯详细

高品质网页平面配色要点

发表日期:2018-08-16 09:43:33   作者来源:杨开友   浏览:4298   标签:网页平面配色    
以基色70%、副色25%、重点色5%为标准
基色(基调色,即使用面积最大的颜色,形成整体印象)、副色(从属色,起到补充基调色的作用)、重点色(使用面积最小、最为醒目的颜色),把握好这三种颜色的比例,可以形成视觉效果美观的设计。一半标准为基色70%、副色25%、重点色5%。首先确定基色,其次是副色,最后是重点色,依次顺序确定后,按照基本标准控制比例,如此一来就可以减少很多配色上的烦恼。相反,一味增加颜色数量,将难以把握设计整体的平衡性。

网页配色

 
在进行配色设计时,首先要确定需要“体现统一感的配色”还是“体现变化感的配色”,然后开始挑选相应的颜色。前者以相似为基准,选择接近的颜色进行配色;后者以相异为基准,选择反差比较明显的颜色进行配色。但无论是哪种情况,都要注意平衡整体统的统一感。

网页设计

因此,在选择多种颜色进行配色设计时,要注意统一每一种颜色的色调(饱和度强的颜色选择选择鲜艳色的色调,亮度和饱和度弱的颜色选择浅灰色的色调),以确保不影响整体统一性和可视性。
 

网页色彩

 
在网页、平面等图片上搭配文字信息或修饰点缀元素时,选择色彩失误将会造成可读性和可视性下降的后果。为避免这种失误,应充分理解把握“色彩三属性”的亮度、饱和度、色相。亮度,是指颜色的明亮程度,亮度越高,越接近白色;亮度越底,越接近黑色。饱和度代表了颜色的鲜艳程度。饱和度越高,越接近彩色;饱和度越低,越接近黑白混合而成的无彩色。色相是指红色、蓝色、等颜色的色差。色相差越大,色彩对比效果越明显;色相差越小,越接近同色系颜色。亮度、饱和度、色相差异越大,临接颜色对比越明显,可视性越强。

作者:方维网络设计部杨开友
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/4515.html