响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

2024年网页怎么设计颜色搭配(通用3篇)

网页怎么设计颜色搭配 第1篇

有趣的是有些网站反其道而行,他们尝试使用尽量少的颜色进行设计。网站没有亮丽的色彩点缀也可以设计得很优秀。黑白灰的配色选择可以为品牌创建必要的外观和感觉以及展示核心的思想。

Visual Soldiers就是一个优秀的例子,其配色方案非常的简单,甚至是单调,就像Tomasz Wysocki’s portfolio。 这两个网站有同样的格调。因为色彩单一,所以他们反而抓住了你的注意力。也许你会想在他们页面中的一个CTA(Call to Acv)或是一个链接中找到一些轻微的蓝色或者绿色的提示,但是这里没有。就算仅有黑和白两种颜色,他们看起来也同样的高级和富有美感。

简而言之,色彩是非常强大的。它的重要性如果以前你对它还不够重视,那么现在有必要将配色的思考和学习放到一个更加重要的位置上。事实上一直以来极简风格的流行会让部分网站布局和特点有些同质化,包括各种组件和框架的流行,设计和制作一个网站或者应用变得方便和快捷,同时以这种方式制作出来的产品同质化会更加严重。最简单的方式,可能就是加深色彩的思考,一套优秀的配色方案就能让你脱颖而出。

最近看到还有人在看这篇15年翻译的文章,因此把文章内容重新理顺了一下,一些文字直接换成了自己的理解。但是一些范例的网站现在已经访问不了。

原文链接我访问了一下也并不是上面的原文章了,但也可以去看看。

这篇文章就到此为止了。

如果想看更多的翻译文章,或者了解更多相关的知识,可以留言表达一下想法。

我会用我自己的理解输出一些文章希望能帮到大家。

十分感谢。

网页怎么设计颜色搭配 第2篇

色彩是很神奇的,恰当的配色可以展示一个网站或者品牌的性格和调性。Beagle 网站提供了一些项目的介绍集合,他们的网站使用了较轻的茶色。当你向下滚动他们的主页时,你会看到棕色、炭色、绿色,甚至粉红色这样一些显得轻松和愉快的色调。大地色系(earthly tones)看起来专业和优雅,让人对于其所代表的品牌留下一个非常好的印象,可以说是最好最安全的搭配色系之一。

An Interesting Day 网站它特指“在奥斯陆峡湾(Oslofjord)的一个小岛上举办的一个不可思议的,为期一天的会议”(_a weird, one-day conference on a tiny island in the Oslofjord_)。当红色的背景和红色的字体在上面的时候,你一定会有一种怪异的不协调的感觉。因为这不是我们每天看到的东西。实际上看起来还不错,但更重要的是这种配色方案传达了一种很明显的“怪异的”(weird)个性,因此它确实很不常见,所以会让人印象深刻。

网页怎么设计颜色搭配 第3篇

颜色也可以指导用户如何使用流式页面。在上面的Takeit的例子中,Takeit的色彩搭配用比较温和的方式去引导用户的注意力。事实上,色彩在引导用户的时候,它可以在细节上精雕细琢,不一定需要戏剧性(dramatic)或者太过头(over the top)的设计。尤其当各种色彩之间开始紧密结合时特别有效。这基本就是优秀的品牌配色上会做到的事情。

看Marvel或者Dropbox。他们APP的配色方案都使用了明显的蓝色,但是你看在它们图形中的其他配色,像绿色,橘黄色或者红色,尽管使用了多个颜色,但是合理的配色选择让不同的模块之间并没有割裂感,从头到尾都很一致并且流畅的体验他们自身的品牌特点。

另一个不同的例子是Innovation Project Canvas。他们使用绿色来指引用户进行滚动页面的操作。你不需要使用太丰富的颜色搭配来展示一个好的工作流页面;就算只使用一种颜色也可以做到很好的引导效果。Innovation Project Canvas 仅仅使用一个绿色就达到了极佳的引导用户的效果。

猜你喜欢