文章导航PC6首页软件下载单机游戏安卓资源苹果资源

pc软件新闻网络操作系统办公工具编程服务器软件评测

安卓新闻资讯应用教程刷机教程安卓游戏攻略tv资讯深度阅读综合安卓评测

苹果ios资讯苹果手机越狱备份教程美化教程ios软件教程mac教程

单机游戏角色扮演即时战略动作射击棋牌游戏体育竞技模拟经营其它游戏游戏工具

网游cf活动dnf活动lol周免英雄lol礼包

手游最新动态手游评测手游活动新游预告手游问答

您的位置:首页网页设计经验技巧 → 如何对比在设计中的重要作用

如何对比在设计中的重要作用

时间:2010/2/8 17:30:00来源:本站整理作者:我要评论(0)

如何对比在设计中的重要作用:

一个合格设计师的重要准则:运用---对比,对比,对比


    在设计里面,好的对比和你对颜色选择是密切相关的。对比是指在你的设计里面,颜色之间的明度不同。明度是这个颜色看起来有多亮或有多暗。曾经看到一个以空白画布为题的笑话,有人说:“看,这是一头白色的牛在暴风雪里面!”这就是一个没有对比的例子。白色在白色上面是没有反差,你看不到任何东西。 
    很幼稚吗?我的意思是这条指南看起来是不是很愚蠢?我在解释的东西有需要吗?这个概念是不是很迟钝? 
    相反。 
    因为很不幸的是,我一直看到设计师在对比上有很多问题。不仅仅因为这样,当对比使用恰当的话,能成为一个很重要的设计手法。 
    我常看到这样的错误:设计师用不同的颜色去产生对比而不是用不同的明度。比如,用一个中值的蓝色放到一个中值的红色上面来产生对比。你可以看到这两个之间的不同。但是,当你把两个不同颜色同一个色值放到一起,它产生了“颤动感”(由于巧妙的对比也会形成非常显著的、生动有力的色彩效果)。你会注意到,当蓝色和红色相遇的时候,你的眼球就会在这两个颜色之间来回颤动。几乎能感觉到文本的脉动。


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


第二个很明显对眼睛来说更容易接受。   一个快速评估你的设计是否有足够对比的技巧是,把所有东西都转换成灰度级,然后看这个设计是否看起来仍然清晰并且容易阅读。在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"为什么那么有吸引力呢?为什么它能跳出页面呈现在你面前?很简单,运用对比!

 

相关阅读 明日之后5级庄园怎么建造 明日之后5级庄园别墅设计图明日之后防抄家房子设计图 明日之后迷宫房子设计图明日之后房屋设计图一览生存日记设计图纸在哪里 快速寻找设计图纸的方法ug启动许可证错误怎么办 UG软件启动许可证错误96解决方法武林外传手游伐木巨械设计巧宝箱在哪 伐木巨械设计巧宝箱位置QQ飞车手游首席赛车设计师的英文名是 QQ飞车手游每日一题答案牧羊人之心魔物装扮设计大赛怎么参加 魔物装扮设计大赛参加方法

文章评论
发表评论

热门文章 Wordpress本地安装教程dx1.5如何设置二级域名

最新文章 hbuilder有哪些快捷键Wordpress本地安装教程 Wordpress本地安装教程expression web 4文档乱码解决方法dz 2.5“收藏本版”关闭小对话框无法关闭解在制作安装软件之前,您必须先将易语言存盘,

人气排行 如何使用multipart/form-data格式上传文件Photoshop PS图层混合模式详解(非常详细)ISAPI_Rewrite3使用教程网站里添加收藏和设为首页代码桌面快捷方式图标不见了C#获取执行程序所在的当前路径的方法详解(XMLHttpRequest)进行跨域请求方法如何用远程桌面连接进行传输文件