彻底零基础的新手怎么搞好网页面配色?@丧尽天良

无需加好友免费技术支持

彻底零基础的新手怎么搞好网页页面配色？@丧尽天良十六夜猫子 这篇文章好的文章有一个详尽的全过程与教学，从网页页面的最基本颜色、注重颜色、深色到运用全部颜色配对计划方案。基本上没必要考虑到每一步。我们可以用文章内容所提供的颜色配对产品工件去完成。你只要确定全部设计风格。别错过好产品。来接纳吧！

文件目录

确定基本色确定注重颜色确定深色使我们运用配色计划方案. 最先确定基本色

最先，确定页面的基本上颜色！尽管你可以用一切你最喜欢的颜色，但是为了让其他人理解你的设计意图和看法，你依然应注意以下几个方面。

擅于应用手头上的信息内容

顾客标示上常见的颜色通常是一个很好的。

尽量使用竞争对手颜色

知名品牌颜色的差别至关重要。

掌握用户层自己喜欢的颜色

无论你应对怎么样的客户，你要了解她们适合什么样的颜色。

尽量不要用同样的颜色

女生方位设计并不等于淡粉色，要展现你的想像力。

确定一个关键字

在配色面对挫折时，为了能呈现品牌与新项目的气氛，将关键字抹上颜色，是一种非常方便快捷的方式。

为你的视频设计方案一个好的配色计划方案，参照其他人优秀设计是非常有必要的！点一下下列网址【color】按键，您可以依据你的判断力挑选颜色。

DribbbleDesignspiration挑选自己喜欢的颜色后，点一下Update、与此相关的要以设计方案目录的方式所表现出来的。这时候你再创建一个配色版，我认为挑选颜色该会更加顺利。

在 Designspiration 这可以挑选五种颜色彼此组成，在品牌形象更一致的作品里选择适合自己的配色做参考。比如，在这儿挑选浅蓝色和粉色。

点一下Search显示按键和有关著作。

在调色盘中挑选颜色做参考时，调色盘上端标注的著作是设计创意最耀眼的全部作品。以下属于更信得过的著作，供公司配色参照。

假如你找到了你欢的著作，能用Chrome你还可以用谷歌扩展程序来获取颜色Photoshop直接购买颜色(在吸管工具状况下，按鼠标键，然后按电脑键盘上的键Option键，也可以把假如是，Windows按照ALT键CS5之上版本可以用将电脑鼠标拖至显示屏外挑选颜色。

02. 随后确定注重颜色

注重颜色是观众们特别关心的颜色，但应用机遇很少，具有注重功效的功效。Paletton运用颜色的原理，本站能够轻松制造出绝美的配色计划方案。

Paletton

前边取决于基本色，「 浅蓝色（#57CBEC）」键入左下方 Base RGB下列设计案例仅供参考，使我们点一下「AddComplementary(加上辅色)」按键。除此之外，点一下左上方的标志，还有一些配色计划方案可供你确定。

这一次，大家注重颜色，挑选醒目的鲜红色(#FF6F59）吧。

03. 随后确定深色

在WEB在工程中，您可能还需要灵活应用同样颜色的差异深层来配对颜色。一个是深灰的文字，另一个是浅灰，作为背景设计中不一样视频的合理布局。

根据实行下列流程，挑选配色开展调合，大家可以建立初始深灰色。

开启Photoshop、建立2个方形的新文件，各是#和#fafafa

随后在墙上创建一个添充色彩三原色的涂层(#57CBEC）。

鼠标右键挑选涂层里的混合模式「累加」、不透明度在「4-40%」调节范畴。

随后用吸管工具挑选颜色。

这也是基本上颜色可用前模样。不管配色怎样，都能用这一点来相匹配。

随后可用这类基本上颜色。只有一点深蓝色，大家创立了#404d51和#fafbfb 这几种颜色。

最终，在这儿加上乳白色(#ffffff），全部五种颜色的配色版本都取得成功制做。

04. 使我们应用早已备好配色吧

因此使我们将制作出来的配色板里的配色运用到你的网站上！在这样一个设计案例中，使我们训练在这样一个简单的网站线条中使用配色，在这儿大家可以免费试用PSD文档 One PageWebsite Wireframes ：

随后这是我们以前配备的配色版。这是一项只需五分钟左右工作中，一个有了你个人特质的网页制作就完成。

大家尝试做一些其它的上色版，随后在同一个模版中使用。这也是橙色和蓝色的搭配。

当你要表现出了更宁静的气氛时，可以用这类配色计划方案。

即便是同样颜色的配色版本，不同类型的设计风格也能给不一样的第一印象。如果你想要显著的关键并没有突显，那么就返回着色的那一步。

如果您还需要大量多姿多彩的配色计划方案，根据反复以上流程，大家可以永久地增加你的调色盘。

因此，全篇告一段落，流程总结下来还是非常简单的妨试一试，一起感受一下设计方案的快乐~