×

4006-234-116

13681552278

手机版

公众号

天晴创艺网站建设公司。主要为北京天津全国各地提供网站建设与网页设计制作服务,欢迎大家咨询。您的IP地址是:3.137.162.21。今天是:,,(),,现在是:9:11:13,

网页页面设计如何用好同类色

作者:天晴创艺发布时间:2019/2/19 15:39:25浏览次数:12437文章出处:丰台做网站公司

      一个好的配色并不是仅仅只是那些拥有设计天赋的人才能掌握的。通过一些公式化的配色技巧也能让大家在搭配色彩的時候有心中有色、不至于没有头绪无从下手。
      今天给大家介绍一种同类色中配色的方法,你只需要简单的增加、减少,色相、饱和度、亮度的数值就可以很轻松的掌握它。
      1.色彩模式 - 了解 HSB
      首先现在的设计师大多都是在屏幕上完成工作的,在刚开始学习设计软件的时候,都知道要设置正确的色彩模式。比如RGB和CMYK:RGB 称之为色光的三原色,而 CMYK 则称为印刷的四原色。
      而上面的两种色彩模式都是基于屏幕和印刷的,现在做配色的时候我建议大家选择更贴近人类感官的方式 HSB ( 有时也称作HSV )
      HSB 分别表示的是 色相(Hue)饱和度(Saturation)以及亮度(Brightness)大家要好好记住这三个数值。
页面设计如何用好同类色
      2.巧用 HSB 数值变换
      当你在HSB 模式下进行同类色配色时,首先要必须先确定一个色相(H),接下来就只需要对后两项数值进行加减就能很快完成。
      下面我给大家举个例子,比如说下面这个电脑,在确定了紫色的色相值为270,其他的数值在这个值的基础上变化。
页面设计如何用好同类色
      来看看具体是哪些数值发生了变化:
页面设计如何用好同类色
      从上图可以看到基础色的饱和度是24亮度是96,通过修改后两项数值你可以发现:
      同色相加深 = 饱和增加亮度减少
      同色相变浅=饱和减小亮度增加
      看到这,相信大家对 HSB 的同类色配色有了相应的了解。
      但是记数值还是觉得太麻烦了,有没有更简单的方式呢?别急~我们接下来看。
      3.用图层模式快速打造配色方案
      图层叠加大家都了解,这里我就不做更多表述了从优秀到卓越,那怎么把它运用在配色方案里呢?
      首先,最简单粗暴的方法就是在确定了一个颜色之后,把它复制出N份。在纯黑和纯白的底上,做不透明度的变化。
      如图:
页面设计如何用好同类色
      相较于 HSB 这个方法,会更直观的让你进行色彩选择。也能快得到效果,你不必纠结东营伊索,饱和度、亮度该增加多少减去多少。上去就是一顿不透明度调整,快速达到自己想要的效果。
      4. 总结  
      配色的方法不止这一种,每个人都有自己习惯的方式。数值的设置也不用太死板营销行业网站建设,不同的情况调整的数值也不一样。
(郑重声明:本文版权归原作者海盐社刘清所有,转载文章仅为传播更多信息之目的,如有侵权,请联系我们删除;如作者信息标记有误,请联系我们修改。)


文章来源:丰台做网站公司

文章标题:网页页面设计如何用好同类色

文本地址:https://www.bjtqcy.com/info_1109.html

收藏本页】【打印】【关闭

本文章Word文档下载:word文档下载 网页页面设计如何用好同类色

用户评论

客户评价

专业的网站建设、响应式、手机站微信公众号开发

© 2010-2022 北京天晴创艺科技有限公司 版权所有 京ICP备16050845号-2   

关注公众号 关注公众号

进入手机版 进入手机版