公司新闻

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

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

重庆网页设计制作浅谈网站设计的配色

润雪科技 时间:2017-06-27 10:06 浏览量:2512


色彩在网站设计中有着举足轻重的作用,一个设计是否抢眼给人留下深刻的第一印象往往与色
彩有关,所有不懂得色彩是肯定不行的,做出的设计自然也不会好到哪去,并且色彩用不好
常常也会给人“俗”的印象,而关键点有如下两个。


网页设计中色调的数量


色彩的数量与字体的数量是相同的道理,除非是网页设计内容的需要,否则一个设计当中不宜
使用过多的颜色,虽然颜色的增多可能会引起受众的注意,但是反过来也会影响到设计的
质里,得不偿失。同样这个方法也是针对色彩窣握不好的设计师,在你配色能力还不是很强
的时候建议在一个画面中使用不超过三种颜色。




网页配色,重庆网站设计,重庆网页设计


这个案例的图片和文字已经确定了,我们只需要填充文字的颜色。


网页配色,重庆网站设计,重庆网页设计

网页配色,重庆网站设计,重庆网页设计



案例中模拟的产品并非只针对儿童,所以没有必要使用这么多的色彩,
只需要在图片中吸取颜色然后有选择性的填充文字即可。


网页配色,重庆网站设计,重庆网页设计

网页配色,重庆网站设计,重庆网页设计



从图片中吸取颜色然后填充到文字上,
既不会显得突兀又规避了文字颜色相同的呆板以及颜色数量过多的凌乱。



网页配色,重庆网站设计,重庆网页设计



设计的高级感与低档感也可以通过色调来体现,通常情况下高级感可以使用低纯度和明度
的色彩来呈现,最具有代表性的就是黑白的应用,但是并不能只要想体现高级感就运用黑
白色,相对来说浊色调和暗色调也可以很好的体现出高级感。反过来如果你想要让你的设计
显得很俗,那么就大里使用纯色调吧。



网页配色,重庆网站设计,重庆网页设计



首先我们用灰度来呈现,然后通过改变色调来对比。


网页配色,重庆网站设计,重庆网页设计

网页配色,重庆网站设计,重庆网页设计



如果只看案例中的色调是没有问题的,但是我们要分析设计的内容,
这个案例是模拟的一场小提琴演奏会的海报,属于古典乐范畴,
而使用偏向纯色调的配色就体现不出高格调了,因为这种配色常出现在促销广告中。


网页配色,重庆网站设计,重庆网页设计

网页配色,重庆网站设计,重庆网页设计

网页配色,重庆网站设计,重庆网页设计



在不改变色相的前提下我们只调整色调的感觉,将整体调整成暗色调,
我相信通过对比之后与前者的差距应该不言而喻了。


网页配色,重庆网站设计,重庆网页设计

网页配色,重庆网站设计,重庆网页设计


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

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

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