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

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

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

博客粉碎杂志是由@16Nightcats在被打扰的地方编译的编译程序从国外设计的

只决定一种颜色,如何轻松决定最适合的网站整体配色?【/s2/】下面会给大家详细介绍这个方法。这一次,最后会出现什么配色?为什么不一起试试。令人惊讶的简单,在很短的时间内,你可以创建一个美丽的配色方案,以配合您的新项目。

文件目录

1.决策的基本颜色。

2.在决策中注重色彩。

3.决策深棕色

4.让我们使用配色方案。

5.配色方案总结。

01。首先决定基本颜色

首先,我们来决定网址的基本颜色!虽然你可以使用所有你喜欢的颜色,但是为了让别人更好地了解你的设计意图和核心思想,你必须尽可能注意以下几个方面。

善于应用手头的材料

手机logo上常见的颜色通常是成功的。

防止应用竞争对手的颜色

名牌的色差很关键。

掌握你的客户最喜欢的颜色

不管你面对的是什么样的客户,你都必须知道哪些颜色适合他们。

不一定要涂一样的颜色

向梅的设计并不意味着它是淡粉色的。展示你的艺术创造力。

决定一个关键字

为了更好的展示知名品牌和新项目的氛围,颜色关键词,在配色困难的时候是一个非常方便的方式。

给自己的书一个好的配色,参考别人优秀的设计方案是很有必要的!点击下面网址上的【颜色】按钮,可以根据自己的判断选择一种颜色。

Dribbble

设计灵感

选择喜欢的颜色后,点击更新,相关颜色将主要以设计方案目录的形式显示。这个时候,我觉得你说创建一个调色板,然后选择颜色,会更成功。

在设计灵感上,可以选择五种互相组成的颜色,在品牌形象较为一致的作品中选择合适的配色方案作为参考。比如这里选择浅蓝色和浅粉色。

点击搜索按钮,相关作品将显示信息。

当在调色板中选择颜色作为参考时,在调色板上方显示信息的作品是全新的作品,具有最活跃的设计创意。以下是比较靠谱的书,可以作为公司配色的参考。

如果找到喜欢的书,可以使用Chrome的扩展程序流提取颜色,也可以使用Photoshop立即选择颜色(在吸管工具的情况下,先按鼠标左键,再按键盘上的Option键,然后拖动电脑鼠标到显示屏外面选择颜色【如果Windows可以根据ALT键CS5上方的版本号应用】。)

02。接下来,做决定专注于色彩

注重色彩是为了让观众特别注意,但是应用的机会很少,有注重实际效果的色彩。Paletton这个网站,运用色彩的基本概念,就能轻松打造出漂亮的配色方案。

Paletton

基本色在前面已经定好了,所以在左下方的基础RGB的中下设计案例中键入“浅蓝(#57CBEC)”作为参考。让我们点击“添加补充”按钮。此外,还有许多配色方案,你可以根据左上方的标志来决定。

这个时候大家都讲究颜色,就选醒目的大红色(#FF6F59)。

03。那么决定就是深棕色的

在一个新的WEB项目中,您可能需要掌握同一种颜色的不同色调来匹配颜色。一个是深灰色文本,而另一个是浅深灰色,在为某个情况设计方案时,当布局不同时应该应用。

按照下面的流程,选择配色方案进行融合,就可以打造出一个初始的深灰色。

打开Photoshop,新建一个文档,用填充颜色#424242和#fafafa创建两个矩形框。

然后新建一个涂层,填充三原色(#57CBEC)。

右键点击涂层选择混合模式,设置为“累积”,在“4-40%”范围内调整不透明度。

然后使用吸管工具选择颜色。

这是基本色出现之前的样子。不管配色怎么搭配,都可以配这个。

那么这个基础色就有了。只带了一点深蓝色,大家就创造了#404d51和#fafbfb。

最后在这里加上白色(#ffffff),五种颜色的拼色盘都做成功了。

04。让我们应用已经做好的配色方案

然后让我们把已经做好的调色板应用到你的网页上!在这个设计案例中,我们在这个简单的URL行上训练颜色匹配的应用,在这里你可以使用完全免费的PSD文档OnepagewebWireFrames:https://dribble.com/shots/1511496-one-page-website-wire框架。

然后,这是用了你之前准备好的配色版之后的样子。是一个大概五分钟就能完成的工作,一个有你个人特色的网页就完成了。

试着做一些其他颜色的版本,然后套用在同一个免费模板上。它是由橙色和蓝色组成的配色方案。

如果想表现出更平和的氛围,可以用那个配色。

即使是同一个调色板,不同的设计因素也会给人不同的印象。如果你想突出的重点没有突出,那就回到上色这一步,好好想想。

如果你需要大量的各种配色方案,可以按照上面的流程无休止的增加你的调色盘。

05。做好总结和培训[/s2/]

然后,整篇文章到这里就结束了,过程总结起来还是很简单的。何不试一试,一起体验设计的快乐~

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/764539.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-01
下一篇 2022-05-01

发表评论

登录后才能评论

评论列表(0条)

保存