身为网站制作小白的你,是否还在纠结于你制作的网页找不到一组好的色彩搭配策略?在本课程中大家将与你推荐6条一定会火,并且“错不了”的指导方针,你可以根据这类原则把握最基本的色彩规律。目前大家推荐的这类原则都不是规则,你会在你的职业生涯中创造出更多的色彩搭配策略。相反,他们是一个起点,是你怎么样存活在网站制作范围色彩方向的安全指南。
1、需要色彩搭配的是你的画布,而不是你的图片
一个在网站制作中最根本的原则是,无论你花了多少时间创造了一个辉煌的设计,其最后有哪些用途是发挥出内容的核心地方。你的色彩搭配策略永远不应该比它呈现的内容的愈加“响亮”。你的设计应该是在后台,目的是帮助突出网站的内容。
淡色的画布突出了图像,而明亮的画布反而不可以突出你的内容。(别笑,后者是发生在互联网上的真实案例^―^)
用Photoshop或者Sketch等软件设计网站的时候,创建设计的过程总是是相互独立的。有的设计单个看着很好,也能被你的顾客所同意,但当它真的被设计成网页的时候不适合的色彩搭配总是会分散访客的注意力。事实上,网站制作的过程是和内容紧密相连的,不少制作高质量的网页看起来空空荡荡,几乎没内容。
这是一个伟大的想法秒变色彩搭配高手!六条网站制作黄金色彩搭配原则#333333到#666666。
对于你的背景色,全白色(#FFFFFFF)是可以搭配任何文本的最安全的颜色。假如你想使用其他的背景颜色,大家建议使用#FFFFFF到#CCCCCC
当然,这类颜色的选择都不是固定死的。只是假如你是小白,以上的色彩搭配策略你可以放心用。
3、只选择一种颜色突出显示
假如你选择好几种不一样的色调来,那样你的色彩搭配策略绝大部分是有问题的。你颜色用得越多,你的页面就愈加很难控制。所以,在你网页以灰色基调的首要条件下,你最好只选择一种鲜艳的颜色来作为你想要突出的事物,譬如标题、菜单、按钮等等。你的高亮颜色可以是蓝色、红色、绿色,等等。
你最佳选择与你的基调颜色有关的高亮颜色。打开你的颜色选择器,并单击你彩色方块的中心。
向上或向下移动你的滑块,你可以仔细选择你觉得比较合适的颜色。
目前,你设计的页面有了三个基本的颜色秒变色彩搭配高手!六条网站制作黄金色彩搭配原则
掌握了怎么样选择“色相”。概括来讲,色相是基本色,当你移动滑块,你会看到h值在颜色选择器中的变化。
“H”代表色相,一旦你选择了你的高亮颜色,文本框中显示的就是你目前颜色的色相。
4、假如有疑问,请用蓝色
假如你对你的高亮色的选择有疑惑的话,可以用蓝色。蓝色是一种弹性比较大的颜色,可以和非常多种颜色搭配。黄色和紫色也很好,但假如使用方法不对会事与愿违。
其次,假如你是用蓝色,那样你用错颜色的概率就会非常低。假如你正犹豫着不了解用哪种颜色好,可以用蓝色。比较安全的蓝色包含从H235到H190,从海军蓝到深蓝色。
若是我的话,我一般选择H205的蓝色,假如你选定了一种颜色作为你的高亮色,那样也请你在其他需要的地方用这种颜色。假如你的按钮、标题等需要高亮,把它们的颜色也换成同一种蓝色。在下面这个例子中我把白色换成了蓝色。
5、给你的高亮色增加变化
你一旦选择了高亮的颜色,从该点移动滑块来选择下面的颜色。在你的设计中也需要其他的颜色,高亮色的稍微变化会叫你的颜色选择变得简单。
用这类种类的颜色变化的东西,如秒变色彩搭配高手!六条网站制作黄金色彩搭配原则
边界秒变色彩搭配高手!六条网站制作黄金色彩搭配原则
渐变秒变色彩搭配高手!六条网站制作黄金色彩搭配原则
6、尽可能不要用颜色选择器右上角的颜色
颜色选择器的右上角是一块肥沃的土地。在右上角的颜色就像F1赛车; 他们可以实行出惊人的成效,而且很诱惑,但一般想用好需要很多的经验。假如没这种经验,他们或许会致使事故的发生,所以最好以削弱你的颜色,最好都维持比较淡化的色彩。
这就是为何在本课程的第三部分,我问你点击的颜色在地图右上角的中心选择你的高亮颜色之前,要确保你有一个比较柔和的颜色拉开帷幕。
为了说明这一点,看假如我只不过改变了大家设计的色调,到现在为止,会发生什么。
看起来还是听舒服的对吧?但假如你把颜色调整为选择器右上角的颜色,大家再来看看成效怎么样秒变色彩搭配高手!六条网站制作黄金色彩搭配原则秒变色彩搭配高手!六条网站制作黄金色彩搭配原则网址推荐: