頂級(jí)設(shè)計(jì)師的第三準(zhǔn)則：對(duì)比，對(duì)比，對(duì)比

在設(shè)計(jì)里面，好的對(duì)比和你對(duì)顏色選擇是密切相關(guān)的。對(duì)比是指在你的設(shè)計(jì)里面，顏色之間的明度不同。明度是這個(gè)顏色看起來(lái)有多亮或有多暗。曾經(jīng)看到一個(gè)以空白畫布為題的笑話，有人說(shuō)：“看，這是一頭白色的牛在暴風(fēng)雪里面！”這就是一個(gè)沒有對(duì)比的例子。白色在白色上面是沒有反差，你看不到任何東西。

很幼稚嗎？我的意思是這條指南看起來(lái)是不是很愚蠢？我在解釋的東西有需要嗎？這個(gè)概念是不是很遲鈍？

相反。

因?yàn)楹懿恍业氖?，我一直看到設(shè)計(jì)師在對(duì)比上有很多問題。不僅僅因?yàn)檫@樣，當(dāng)對(duì)比使用恰當(dāng)?shù)脑?，能成為一個(gè)很重要的設(shè)計(jì)手法。

我常看到這樣的錯(cuò)誤：設(shè)計(jì)師用不同的顏色去產(chǎn)生對(duì)比而不是用不同的明度。比如，用一個(gè)中值的藍(lán)色放到一個(gè)中值的紅色上面來(lái)產(chǎn)生對(duì)比。你可以看到這兩個(gè)之間的不同。但是，當(dāng)你把兩個(gè)不同顏色同一個(gè)色值放到一起，它產(chǎn)生了“顫動(dòng)感”(由于巧妙的對(duì)比也會(huì)形成非常顯著的、生動(dòng)有力的色彩效果)。你會(huì)注意到，當(dāng)藍(lán)色和紅色相遇的時(shí)候，你的眼球就會(huì)在這兩個(gè)顏色之間來(lái)回顫動(dòng)。幾乎能感覺到文本的脈動(dòng)。

如果你的目標(biāo)是讓某些東西充滿活力，你可以使用這個(gè)技術(shù)。但是這樣對(duì)眼睛來(lái)說(shuō)是很困難的，并且大部分人都會(huì)覺得它令人厭煩。這里有另一個(gè)用不同顏色但有更強(qiáng)對(duì)比的例子：

第二個(gè)很明顯對(duì)眼睛來(lái)說(shuō)更容易接受

一個(gè)快速評(píng)估你的設(shè)計(jì)是否有足夠?qū)Ρ鹊募记墒?，把所有東西都轉(zhuǎn)換成灰度級(jí)，然后看這個(gè)設(shè)計(jì)是否看起來(lái)仍然清晰并且容易閱讀。在Illustrator里面，你可以選中你的設(shè)計(jì)，然后選擇Edit>Edit Colors>Convert to Grayscale。如果是Photoshop，你需要先讓你的作品去掉光影，然后，你可以選擇Image>Adjustments>Desaturate。這樣就可以把它轉(zhuǎn)成到灰度級(jí)了。

無(wú)論哪種情況，在你有機(jī)會(huì)做了這個(gè)測(cè)試之后，你都會(huì)想要撤銷這個(gè)動(dòng)作的。

這里有一個(gè)對(duì)于同一個(gè)設(shè)計(jì)的示例——一個(gè)設(shè)計(jì)的對(duì)比很好，另一個(gè)就很差。在每一個(gè)設(shè)計(jì)的下面是它們各自在灰度級(jí)的樣子。

你可以清楚的看到，左邊的設(shè)計(jì)閱讀文本要容易得多，尤其是在轉(zhuǎn)換成灰度級(jí)的情況下。右邊的設(shè)計(jì)用了較弱的對(duì)比和更多不同的顏色來(lái)定義輪廓。

我一直會(huì)聽到這樣的問題：“當(dāng)我用作背景水印的時(shí)候，我該用什么透明度設(shè)置呢？”　我認(rèn)為一個(gè)好的水印背景的透明度應(yīng)該在１０％－１５％之間。再次說(shuō)明，這都是關(guān)于在你的設(shè)計(jì)里面保持對(duì)比。如果背景是淡色的，那么水印當(dāng)然也要是適度的淡色，反之亦然。這里有一個(gè)關(guān)于好的水印和不好的水印的例子：

關(guān)于對(duì)比，我想闡述的最后一點(diǎn)就是，怎樣能讓它像工具一樣使用。例如，如果你需要在你的設(shè)計(jì)上把觀眾的注意力引導(dǎo)到某些特殊的地方，你可以用對(duì)比來(lái)完成它。你可以讓整個(gè)設(shè)計(jì)保持淡色，然后把你想讓觀眾注意的地方設(shè)為深色。這里有一個(gè)精心設(shè)計(jì)的登陸頁(yè)：

這是E-Harmony網(wǎng)站的頁(yè)面。他們真正目的是讓瀏覽者去注冊(cè)。所以，你看什么是這個(gè)頁(yè)面上大、顏色最深的東西呢？是不可點(diǎn)擊的一個(gè)女孩的圖片和＂Get Started Now＂的按鈕。很明顯他們想要你點(diǎn)擊按鈕＂Get Started Now＂。＂Get Started Now＂按鈕的大小、顏色的深淺是跟“Next Step”按鈕相對(duì)而言的?！癗ext Step”按鈕讓一些繼續(xù)游覽的人去點(diǎn)的。但是＂Get Started Now＂為什么那么有吸引力呢？為什么它能跳出頁(yè)面呈現(xiàn)在你面前？很簡(jiǎn)單，運(yùn)用對(duì)比

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

分享文章：頂級(jí)設(shè)計(jì)師的第三準(zhǔn)則：對(duì)比，對(duì)比，對(duì)比
分享網(wǎng)址：http://bm7419.com/news3/319403.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、外貿(mào)網(wǎng)站建設(shè)、微信公眾號(hào)、建站公司、關(guān)鍵詞優(yōu)化、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)