顶级设计师的第三准则:对比,对比,对比

2024-02-29    分类: 网站建设

在设计里面,好的对比和你对颜色选择是密切相关的。对比是指在你的设计里面,颜色之间的明度不同。明度是这个颜色看起来有多亮或有多暗。曾经看到一个以空白画布为题的笑话,有人说:“看,这是一头白色的牛在暴风雪里面!”这就是一个没有对比的例子。白色在白色上面是没有反差,你看不到任何东西。

很幼稚吗?我的意思是这条指南看起来是不是很愚蠢?我在解释的东西有需要吗?这个概念是不是很迟钝?

相反。

因为很不幸的是,我一直看到设计师在对比上有很多问题。不仅仅因为这样,当对比使用恰当的话,能成为一个很重要的设计手法。

我常看到这样的错误:设计师用不同的颜色去产生对比而不是用不同的明度。比如,用一个中值的蓝色放到一个中值的红色上面来产生对比。你可以看到这两个之间的不同。但是,当你把两个不同颜色同一个色值放到一起,它产生了“颤动感”(由于巧妙的对比也会形成非常显著的、生动有力的色彩效果)。你会注意到,当蓝色和红色相遇的时候,你的眼球就会在这两个颜色之间来回颤动。几乎能感觉到文本的脉动。

如果你的目标是让某些东西充满活力,你可以使用这个技术。但是这样对眼睛来说是很困难的,并且大部分人都会觉得它令人厌烦。这里有另一个用不同颜色但有更强对比的例子:

第二个很明显对眼睛来说更容易接受

一个快速评估你的设计是否有足够对比的技巧是,把所有东西都转换成灰度级,然后看这个设计是否看起来仍然清晰并且容易阅读。在Illustrator里面,你可以选中你的设计,然后选择Edit>Edit Colors>Convert to Grayscale。如果是Photoshop,你需要先让你的作品去掉光影,然后,你可以选择Image>Adjustments>Desaturate。这样就可以把它转成到灰度级了。

无论哪种情况,在你有机会做了这个测试之后,你都会想要撤销这个动作的。

这里有一个对于同一个设计的示例——一个设计的对比很好,另一个就很差。在每一个设计的下面是它们各自在灰度级的样子。

你可以清楚的看到,左边的设计阅读文本要容易得多,尤其是在转换成灰度级的情况下。右边的设计用了较弱的对比和更多不同的颜色来定义轮廓。

我一直会听到这样的问题:“当我用作背景水印的时候,我该用什么透明度设置呢?” 我认为一个好的水印背景的透明度应该在10%-15%之间。再次说明,这都是关于在你的设计里面保持对比。如果背景是淡色的,那么水印当然也要是适度的淡色,反之亦然。这里有一个关于好的水印和不好的水印的例子:

关于对比,我想阐述的最后一点就是,怎样能让它像工具一样使用。例如,如果你需要在你的设计上把观众的注意力引导到某些特殊的地方,你可以用对比来完成它。你可以让整个设计保持淡色,然后把你想让观众注意的地方设为深色。这里有一个精心设计的登陆页:

这是E-Harmony网站的页面。他们真正目的是让浏览者去注册。所以,你看什么是这个页面上大、颜色最深的东西呢?是不可点击的一个女孩的图片和"Get Started Now"的按钮。很明显他们想要你点击按钮"Get Started Now"。"Get Started Now"按钮的大小、颜色的深浅是跟“Next Step”按钮相对而言的。“Next Step”按钮让一些继续游览的人去点的。但是"Get Started Now"为什么那么有吸引力呢?为什么它能跳出页面呈现在你面前?很简单,运用对比

本文来源于成都网站建设公司与成都网站设计制作公司-创新互联成都公司!

分享文章:顶级设计师的第三准则:对比,对比,对比
分享网址:/news3/319403.html

成都网站建设公司_创新互联,为您提供网站策划外贸网站建设微信公众号建站公司关键词优化网站改版

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站托管运营