首页
限免课
实战课
免费好课
课程库
经验
问答
会员课程
首页 |经验 |ui |经验详情

学会调色,你的网站设计才会更出彩

更新时间:2023-12-08

无私向斑马

ui

1363

有很多同学都会遇到这样一个问题,在做企业网站设计的时候,明明想法非常好,线框图也做的也很棒,但是一到了视觉效果图就焦头烂额,总感觉没有合适的图片去搭配。

可是在找图的时候,明明感觉图片很合适啊,为什么就是达不到效果呢。于是他们一遍一遍的翻阅各种图片网站,一遍一遍的更换不同的图片,不但浪费时间,最终效果还是差强人意。

其实企业网站设计本身就是一个规范性很强,要求主题非常明确的设计作品。我们的配图更多是为了符合企业的需求,符合产品的需求。因此,我们所选的图片不需要有多么的花哨,更多是为了衬托文案的主题,和装饰画面的作用,那为什么搭配出来的图片效果却不一样的,原因主要有3点:

首先是配图不符合整体网站的设计风格,其次是网站图片的整体色调不够统一,最后是网站图片视觉冲击力不够强。以上三个问题其中最简单而且效果最好的一个方法就是给配图进行调色,所以不是图片不好配,只是调色你不会而已。

调色在一个设计作品中是非常重要的影响工作,他可以最大限度的扩展作品的表现力。同时,通过颜色的变换,也会给用户带来不同的情绪体验,因此学会调色是设计师的一项必备技能。作为企业网站当中的图片,我们可以从以下几个方面进行调色:

从图片整体调色

我们在搜索一些图片时大多数都会搜到一些高清大图,而有些图片我们可以直接拿来用。

那从图片本身调色就是我们通过ps自带的一些调色命令来使网页整体保持一种色调,例如偏蓝,偏黄,或者黑白的效果。

这种调色的方法比较简单,我们不需要对图片的局部进行拆分,只要在上方切入一个调整层即可。

学会调色,你的网站设计才会更出彩

上方的这个图片就是通过整体调色,将每一张图片的色调调成偏蓝紫的色调,这种调色方法可以使整个页面保持风格上的统一,使视觉上更加舒适。

学会调色,你的网站设计才会更出彩

而且通过上方的调色使原本白色的页面更加活跃,在画面丰富的同时又给人物增加了神秘的色彩。

在运用这种调色方式时,所选颜色最好与logo色、主题色或者产品色。

这种调色方法大部分用在新闻中心,产品中心,企业介绍等需要多张图片丰富内容的板块。通过图文结合,可以更加凸显内容的主旨。

从背景上调色

从背景上调色是指,当我们要在页面中摆放一些产品时,为了使产品突出,我们就需要给产品一个背景。

而这个背景的设计就比较讲究了。首先它不能太过花哨,要让用户的视觉留在产品本身。其次有需要有提亮产品,突出产品的作用,这种方法一般用在产品展示,和一些爆款展示,或者视觉休息区当中。

学会调色,你的网站设计才会更出彩

这张图片就是很好的例子,如果整个画面是一个白色的背景,视觉冲击力就不会那么强了。

但是如果添加一个背景,让车融入到背景当中,立体感就很强,给人身临其境的感觉,就会很好的把气氛烘托出来。

同时车又是破形出现在介绍板块前面,这样有突出了产品的主题。

背景的整体色调为暗蓝色的色调,符合产品的颜色,同时背景压暗后,人们就会把视觉集中到前面的产品上。

学会调色,你的网站设计才会更出彩

从局部上调色

从局部调色一般用于产品或人物身上,在我们将产品和人物放到环境当中就需要将产品和人物的色调调整的和背景的色调统一。

这是为了让人物和产品既能融入到环境当中,又可以突出产品的特征。这时就需要对产品或人物的高光和阴影等局部位置进行调整。

学会调色,你的网站设计才会更出彩

这个海报用局部调色的方式,它采用红色和蓝色这两个很强烈的颜色作为背景色,形成那种撞击的效果,体现了鞋子有力度感的主题。

鞋子为了融入到场景中就必须要添加环境色,因此设计师将高光颜色调整为红色,阴影颜色调整为蓝色,形成了鲜明的对比,使画面更加有冲击力,也更加突出了产品的特色。

这种调色大部分用在我们的banner图片上,当我们进入一个网站中,第一眼映入我们视觉当中的就应高是banner。因此,banner作为网站中一个最重要的部分必须要有很强的视觉冲击力。

版权声明 | 文章配图仅供学习参考,引用图片版权归属原作所有

                如有问题,请及时与我们联系,我们将第一时间做出处理

上一篇 下一篇

相关课程

ONLINE COURSES
  • 女生学计算机可以从事什么职业

    女生学计算机可以从事什么职业

    讲师:JennyZ

  • 设计类前景较好的专业有哪些

    设计类前景较好的专业有哪些

    讲师:奇思无止境

  • UI作品集怎么做

    UI作品集怎么做

    讲师:行动者帆帆

  • 元宇宙对设计师有哪些影响

    元宇宙对设计师有哪些影响

    讲师:奇思无止境

免费好课

FREE GOOD COURSES
MORE
  • C4D模型制作技术

    C4D模型制作技术

    3小时15分钟47秒

  • 品牌物料设计课

    品牌物料设计课

    3小时57分钟38秒

  • 网游手绘武器制作课

    网游手绘武器制作课

    3小时55分钟44秒

  • 砸掉培训机构饭碗的AE系统课

    砸掉培训机构饭碗的AE系统课

    19分钟20秒

  • 高分动画电影《落凡尘》主创分享

    高分动画电影《落凡尘》主创分享

    29分钟2秒

  • 游戏3d设计师模型基础课

    游戏3d设计师模型基础课

    3小时49分钟53秒

Copyright © 2015 - 2021北京云创科讯软件有限公司

京ICP备16013396号-1

经营许可证京ICP证161220号

课程咨询电话 18516802937

  • 在线咨询
  • 插件下载
  • 职业测评
  • 素材下载
  • 微信咨询
学习在线解答