加入收藏 | 设为首页 | 会员中心 | 我要投稿 应用网_丽江站长网 (http://www.0888zz.com/)- 科技、建站、数据工具、云上网络、机器学习!
当前位置: 首页 > 综合聚焦 > 创业热点 > 经验 > 正文

不擅长配色也没问题!网页快速配色的方法!

发布时间:2016-05-04 21:54:34 所属栏目:经验 来源:喪心病狂十六夜貓
导读:如何只决定一个颜色,就能轻松的决定最适合网站的整体配色?下面便将这个方法介绍给大家。这一次,究竟会出现什么样的配色技巧,不妨一起来尝试一下。令人惊奇的简单,在短

02. 接下来决定强调色

强调色就是让观众特别的引起注意的,但是使用的机会不多,起到强调效果的颜色。Paletton这个网站,使用色彩的基本原理,可以很轻松的创建一个美丽的配色方案。

Paletton

基色在前面已经决定好了,「 淡蓝色(#57CBEC)」输入到左下角的 Base RGB中、下面的设计案例用来参考,让我们来点击「AddComplementary(追加上辅色)」按钮。另外、通过点击左上角的图标,有大量的可供你决定的配色方案。

神器 网页 方法

在这一次,我们的强调色、就选择显眼的红色(#FF6F59)吧。

03. 然后决定深色

在WEB项目中,你可能需要灵活运用同种颜色的不同深浅来进行配色。一个是深灰色的文字文本,而另一个,则是用来作为背景设计时布置不同的内容时所运用的较浅的灰色。

通过执行下面的步骤,选择配色进行调和,你可以创建一个最初的灰色。

打开Photoshop、创建一个新文件,创建两个矩形,填充色分别为#424242和#fafafa

然后创建一个新图层,在上面填充基本色(#57CBEC)。

在图层上右键选择混合模式,设置为「叠加」、不透明度在「4-40%」的范围内调整。

然后用吸管工具将颜色选取出来就完成了。

神器 网页 方法

这是基本颜色适用之前的样子。不管怎样的配色都可以用这个点来对应。

神器 网页 方法

然后这个基本颜色适用之后。只有一点点蓝色,我们创建出了#404d51和#fafbfb 这两种颜色。

神器 网页 方法

最后在这里添加上白色(#ffffff),全部5种颜色配色的配色版就顺利的做成了。

神器 网页 方法

注:相关网站建设技巧阅读请移步到建站教程频道。

(编辑:应用网_丽江站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读