网站建设资讯详细

网站如何配色以及注意事项

发表日期:2023-06-17 13:12:56   作者来源:shuimu   浏览:2195       

苹果的网站为什么看着舒服、专业?因为其背后有严格的设计规范及标准。

色彩是品牌的传承,也是情感的有力传递。网站配色一般基于企业的VI系统,这是一种品牌策略,我们必须遵循。但是仍然有很多企业并没有完善的VI系统,这时设计师需要在Logo色彩的基础上衍生出辅助颜色。


从客户角度出发的网站配色方针如下:

  1. 单独使用鲜艳色彩可明确传达需求。
  2. 多种鲜艳色彩互相搭配时必须注意明度差距。
  3. 使用鲜艳颜色做设计时,色块面积设置得比较小,容易取得色彩平衡。
  4. 大面积鲜艳的色块容易引起不适。
  5. 低饱和度的颜色适合大面积使用,想要强调的地方采用鲜艳的颜色。
  6. 若想采用无色彩的设计,那就一定要有好的图片,不然页面会变得寡淡,没有看头。

 

大部分企业在做网站之前已经设计好Logo及整套的VI系统,网站设计肯定要延续这整套VI系统。但是VI中的颜色在平面打印中效果还不错,转成网页后颜色就不够美观了,这要如何处理?
网页使用的是三原色,需要把VI系统中定义的CMYK的颜色转为RGB色值,转换后的颜色在网页上显示的效果与平面打印效果如果不完全相同,或网页上颜色不够美观,可以减少主色的使用,增加辅助色。辅助色可在主色的基础上酌情调整色值。网页的显示效果由显示器分辨率、电脑显卡、渲染技术等决定,可以通过过渡色、透明度对VI系统规定的色彩进行调整。
网页配色比例公式:
主色:强色:辅助色=70:5:25