公司新闻

将想法与观点,与您一起分享~

开发案例插画 插画-树 插画-树

网页配色手册,不做苦逼的网页设计师

润雪科技 时间:2017-07-04 09:00 浏览量:2953

最近公司接了不少企业网站建设的客户,设计师们可要忙活一整了,发现有几个网站的色调不是很合理,于是召集设计师们开了个会谈论了下网页设计的配色问题,总结了一下讨论的结果如下:

补色搭配法
又称互补色,余色,亦称强度比色,就是两神颜色(等量)混合后呈黑灰色,那么这两种颜
色一定互为补色。色环的任何直径两端相对之色都称为互补色•在色环中,不仅红与黑是补色
关系,一切在对角线90°以内包括的色,比如黄绿,绿,蓝绿三色,都与红构成补色关系,

企业网站建设,重庆网站建设


分裂补色法

在色轮上直线相对的两种颜色称为补色。补色形成强列的对比效果,传达出活力、能置、
兴奋等意义。补色要达到最佳的效果,最好是其中一种面积比较小,另一种比较大。比如在
一个蓝色的区域里搭配梧色的小圆点。




企业网站建设,重庆网站建设


类比色配法

相邻的颜色称为类比色,类比色都是拥有共同的颜色,这神颜色搭配产生了一种令人悦
目,低对比度的和谐美感。


企业网站建设,重庆网站建设


原色搭配法

除了在一些儿童的产品中,三原色同时使用是比较少见的。但是,无论是在中国还是在美
国的文化中,红黄搭配都是非常受欢迎的,红黄的搭配应用的确很广,从快餐店到加油站都是
可以看到的


企业网站建设,重庆网站建设


单色搭配法

—种色相由暗到明的渐变。单色搭配上并没有形成颜色的层次,但形成了明暗的层次,这
种搭配在设计中应用时,出来的效果永远不错,


企业网站建设,重庆网站建设


一:关于网页配色
网页配色的文章在网络上有很多,甚至有些泛滥,稍微关注过的同学应该都知道“色轮”、“色卡”等辅助行配色工具,但那更多都是从印刷介质上的色彩系统延伸出来的,不完全适用于网页,甚至造成了很大的局限,比如你会较真的通过色轮来选用网页色彩吗?在比如通过下面提供的配色组合,你能自由的应对一个又一个的类型相若的网页设计需求吗?


企业网站建设,重庆网站建设


二:网页配置不宜超过三种

真理,这没错,但更多是从色小上来说的,色相差异明显,主要色彩的选取就比较好办,常见的有对比色,临近色、冷暖色互补等方式可以简单设定,或者直接从成功作品中借鉴配色都可以,比如说常见的朱红点缀深蓝、明黄点缀深绿等。

更具网页信息的情况,会更多将色彩区域的层级划分和文字信息层级区分需求,那么在守住“网页色彩不超过三种”的原则下,智能寻找更多同色系的色彩来完善混色机,也就是在“饱和度”和“明度”上做文章。


企业网站建设,重庆网站建设

企业网站建设,重庆网站建设

企业网站建设,重庆网站建设


三:叠柔配色

这个方法风采简单,无需知道三角函数、四则运算,无需理解色彩指数和直方园,甚至不用了解色阶曲线和亮度强弱,你也可以对色调毫无直觉,值需要明白:叠加、柔光、透明度、填充


企业网站建设,重庆网站建设


四:了解图层的属性

注意:透明度和填充略有不同,填充不会影响到 混合选项 的效果,而透明度则是作用于整个图层。

顺便,华几分钟时间讲解以下配色技巧的原理:
用纯白色和纯褐色通过叠加 和 柔光 的混合模式,效果类是调整饱和度和明度,在任意一个色彩上得到最匹配的颜色,然后通过调整透明度选取最适合的辅色。

总结:这些配色发方法都是我们公司的设计师们总结出来的,希望对大家有所帮助,重庆网站建设公司的原则是对每一个网页负责,达到超出客户的预期效果才是我们的目标。




企业网站建设,重庆网站建设


来源声明:本文【网页配色手册,不做苦逼的网页设计师】由润雪科技编辑原创或采编整理,如需转载请注明来自润雪科技。以上内容部分(包含图片、文字)来源于网络,如有侵权,请及时与本站联系。

TAG标签:网站开发 网站设计

相关文章
  • 前端react项目使用prettier来格式化(美化)各种代码

    前端react项目使用prettier来格式化(美化)各种代码

    前端react项目使用prettier来格式化(美化)各种代码,包括javascript、php、java、typesctip、css、less、json、sql等都可以美化

  • php用Mpdf将html文档转为pdf

    php用Mpdf将html文档转为pdf

    php将html文档转成pdf保存到服务器

  • php用libreoffice将ppt转为pdf

    php用libreoffice将ppt转为pdf

    1、先安装libreoffice:yum install libreoffice;2、由于ppt中都是中文,执行命令转ppt的时候中文可能乱码,我的解决办法是在liunx系统中安装中文字体,把windows的字体直接全部拷贝到liunx服务器中,直接把所有字体都上传到服务器

  • php利用imagick扩展将pdf导出成图片

    php利用imagick扩展将pdf导出成图片

    需要先安装php的imagick扩展,两种方式,第一种是使用php,第二种是使用命令执行;随便用哪种执行需要修改nginx配置文件增加:proxy_read_timeout 600s;使其链接60秒后不断,不然pdf一旦过大60秒无法完成工作就断开链接了

  • apache配置转发,如使用workerman 或 webman等框架的时候配合apache

    apache配置转发,如使用workerman 或 webman等框架的时候配合apache

    在使用workerman 或 webman等框架开发应用的时候需要配合nginx 或 apache进行转发,官网的文档只有写nginx,下面的apache的配置,前提是apche需要开启这两个模块

  • 一个class类几个函数即可调用各种微信支付场景

    一个class类几个函数即可调用各种微信支付场景

    真在的只需要一个class类文件几个函数就可以调用微信的所有支付,不管是微信公众号、h5、app、小程序支付,加密方式都是一样的,对比下微信的支付文档,只需要修改第一步传入的参数不同,下单地址不同,加密方式都是一样的,所以只要看懂下面的第一个函数,将搞定微信的任何支付。

如果您感觉我们的案例非常不错,请与我们取得联系~
立即咨询
获取方案及报价 023-6288-5285
网站建设流程 需求沟通
网站建设流程 签订合同
网站建设流程 项目开发
网站建设流程 上线/运营维护

张经理

186-9655-6121

邹经理

188-1980-6503

润雪科技二维码
电话咨询 在线咨询 微信咨询