超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

讓你不一樣!20個(gè)技巧幫你提升設(shè)計(jì)的對(duì)比度

2015-12-3    周周

 如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

20-skills-improve-contrasting-1

說(shuō)道對(duì)比,你會(huì)想到什么?也許是黑白對(duì)比,大小對(duì)比,但是對(duì)比所存在的形式還有很多,遠(yuǎn)不止于此。

事實(shí)上,對(duì)比度是最重要的設(shè)計(jì)原則之一,它也是每個(gè)設(shè)計(jì)項(xiàng)目中必不可少的設(shè)計(jì)要求。為什么這么說(shuō)呢?控制對(duì)比度有助于設(shè)計(jì)項(xiàng)目的組織結(jié)構(gòu)化,建立信息和視覺的層次,讓你最重要的部分成為視覺的重心,讓關(guān)鍵信息突出展示。善于使用有對(duì)比度的設(shè)計(jì),能增加視覺的觀賞性和趣味性。在相同的布局、相同的視覺元素中,形態(tài)和色彩的變化有時(shí)候非常單調(diào),但是對(duì)比能讓變化顯得不同凡響。

然而,和絕大多數(shù)的設(shè)計(jì)規(guī)則一樣,平衡是對(duì)比度控制的核心規(guī)則。如果對(duì)比度反差太大,這樣的視覺設(shè)計(jì)可能是混亂而不和諧的,如果對(duì)比度不明顯,那么設(shè)計(jì)作品可能看起來(lái)單調(diào)而晦暗,毫不突出。

那么,怎么控制對(duì)比度才能真正提升設(shè)計(jì)項(xiàng)目的視覺效果呢?遺憾的是,你所期待的神奇公式并不存在。正如同你剛剛開始學(xué)習(xí)設(shè)計(jì)技能的時(shí)候一樣,對(duì)比度設(shè)計(jì)中的許多技巧不是非此即彼的簡(jiǎn)單規(guī)程。但是如果你認(rèn)為它過(guò)于神秘那就錯(cuò)了,對(duì)比度是成就好設(shè)計(jì)的一種規(guī)則,它還是有跡可循的,任何人都可以將它添加到設(shè)計(jì)項(xiàng)目中,作出優(yōu)秀的作品。如果你對(duì)對(duì)比有興趣的話,不妨都下去,下面的20個(gè)設(shè)計(jì)技巧,也許會(huì)幫你打開一扇門。

01. 深淺色彩對(duì)比

這個(gè)值通常指的是色彩的明暗度,純黑和純白深淺的。但是要?jiǎng)?chuàng)造高對(duì)比度的色調(diào)并不是非得使用黑色和白色。將一個(gè)色彩調(diào)亮一個(gè)調(diào)暗是調(diào)出對(duì)比度的有效手段。

案例中,深藍(lán)色的背景和淺色的文本就很好的構(gòu)成了對(duì)比。

02. 不同色調(diào)構(gòu)建對(duì)比度

傳統(tǒng)的色輪上有12種色彩,但是常用的配色方案有很多,系統(tǒng)的配色理論中對(duì)于如何借助色輪來(lái)創(chuàng)建配色方案有比較系統(tǒng)的介紹,比如大家所熟知的單色方案、相似色方案、對(duì)比色方案、對(duì)稱三色方案等等。在諸多配色方案中,有一些對(duì)比度非常高的配色方案,比如:

·對(duì)比色:色輪對(duì)稱位置的兩種色彩對(duì)比強(qiáng)烈,比如紅和綠,藍(lán)和黃,等等。下方案例中就很好地運(yùn)用了對(duì)比色,配合繁復(fù)的結(jié)構(gòu),整個(gè)設(shè)計(jì)實(shí)用且充滿了視覺沖擊力。

·分離式對(duì)比色:色輪上任意位置的色彩,和它正對(duì)位置的色彩兩側(cè)的色彩,三種色彩共同組成的配色方案。
·對(duì)稱三色:色輪上相互構(gòu)成120度角度的三種色彩。

值得注意的是,在實(shí)際運(yùn)用中不要使用高飽和度的純色,雖然那樣對(duì)比強(qiáng)烈,但是并不一定好看。適當(dāng)?shù)卣{(diào)整深淺和色調(diào),會(huì)讓整個(gè)配色更優(yōu)秀。

03. 控制色溫營(yíng)造對(duì)比

色彩都有著不同的色溫,黑白灰是中性色(米色和棕色有時(shí)候也會(huì)被歸類與中性色),紅色、橙色是暖色調(diào),藍(lán)色、綠色是冷色調(diào)。不同色溫的色調(diào)在一起的時(shí)候能夠形成不錯(cuò)的對(duì)比度。

下面的案例中,藍(lán)色和黃色就構(gòu)成了不錯(cuò)的對(duì)比,大塊的綠色包圍著明亮的黃色按鈕,整個(gè)配色充滿凝聚力。

04. 借助飽和度控制對(duì)比

色彩的強(qiáng)度最強(qiáng)的時(shí)候,也就是飽和度最高的時(shí)候,是最純粹的色彩。飽和度越高色彩越鮮艷,飽和度越低越接近于灰色。同一色彩不同飽和度下的色彩能夠構(gòu)成對(duì)比,不同色彩不同飽和度下也能構(gòu)成對(duì)比。

下面的案例中,高飽和度的紅色和低飽和度的綠色對(duì)比明顯。

05. 形狀對(duì)比:幾何形狀與有機(jī)形狀

我所熟知的幾何形狀,諸如矩形、三角形和圓形都是規(guī)整的形狀,而流態(tài)的、或者源自自然物體的各種不規(guī)整的有機(jī)形狀則通常不是特別規(guī)整,和幾何形狀可以構(gòu)成對(duì)比。

下面的LOGO整體的構(gòu)成都是規(guī)整的幾何圖形,而其中填充著自然的、插畫式的圖案,兩者構(gòu)成對(duì)比又相互依存。

06. 用邊角構(gòu)成對(duì)比

圓潤(rùn)的形狀會(huì)更加柔和,給人友好的感覺,而帶有尖角的形狀則會(huì)給人鋒銳明快的感覺。在進(jìn)行設(shè)計(jì)的時(shí)候,巧妙地將圓角和銳利的邊緣搭配到一起,可以形成互相映襯互相調(diào)和的效果。

07. 用紋理來(lái)對(duì)比

和形狀類似,紋理能賦予形體以性格,不同的性格則能形成對(duì)比。粗糙與光滑、堅(jiān)硬與柔軟、參差和平整,它們都是對(duì)比。網(wǎng)絡(luò)上的紋理資源非常多,如果你合理運(yùn)用能夠達(dá)到不錯(cuò)的效果。

案例中的圖案整體上都是平滑的線條和形狀,唯有其中的數(shù)字添加了少敘粗糙而復(fù)古的紋理,讓巨大的數(shù)字增加的信息量和對(duì)比,不再單調(diào)。

08. 調(diào)整比例構(gòu)成對(duì)比

除了為設(shè)計(jì)作品增加有趣的內(nèi)容增加視覺吸引力,還可以通過(guò)調(diào)整比例,構(gòu)成大小對(duì)比來(lái)增加對(duì)比度。相同大小的元素很難構(gòu)成層次感,而有了大小對(duì)比就有了重心區(qū)別和差異,這樣也更利于構(gòu)建有張力的布局和有趣的樣式。

下面案例中,巨大的漢堡擁有壓倒一切的分量感,這就是通過(guò)比例大小差異呈現(xiàn)出來(lái)的對(duì)比。

09. 調(diào)整視覺重心來(lái)對(duì)比

視覺重心也是設(shè)計(jì)中常說(shuō)的概念,你需要告訴用戶某個(gè)部分比其他的更重要,可以將它設(shè)計(jì)成視覺重心,通過(guò)調(diào)整它的色彩、造型、尺寸、樣式、紋理等屬性,同周圍的元素區(qū)分開來(lái),成為視覺重心。

案例中是一組辛辛那提的明信片設(shè)計(jì),雖然整個(gè)建筑物是明信片中最大的視覺元素,但是哪些“Enjoy More”的文字在視覺上更加突出,那就是視覺重心。

10. 通過(guò)留白形成對(duì)比

雖然將頁(yè)面或者畫布填滿信息是非常誘人的事情,但是效果往往不好,留白同樣重要。留白可以期待分割內(nèi)容、組織設(shè)計(jì)元素、形成對(duì)比的作用。越是復(fù)雜多變的布局,留白越是重要(值得注意的是,它并不一定非得是白色)。留白出現(xiàn)之后,可以讓設(shè)計(jì)不同的部分有明顯的對(duì)比。

案例中,留白分割出兩個(gè)側(cè)邊欄和中間的圖片,讓信息更加有組織,也突出了重點(diǎn)。

11. 通過(guò)位置控制來(lái)實(shí)現(xiàn)對(duì)比

從某種程度上來(lái)說(shuō),每個(gè)設(shè)計(jì)作品都需要兼顧到平衡和張力,這樣可以讓設(shè)計(jì)均衡而又不沉悶,有條理又不紊亂。具體怎么做呢?最常見的是借助三分法和對(duì)角線結(jié)構(gòu)來(lái)控制布局。

·三分法:頁(yè)面被兩橫兩豎劃分成9塊區(qū)域,而四條線的四個(gè)交點(diǎn)是視覺重心。這是一種動(dòng)態(tài)的布局方式,它更自然舒適,什么都放到正中心的設(shè)計(jì)是單調(diào)而枯燥的。

案例中的頁(yè)面,玫瑰和標(biāo)題都處于整個(gè)布局的兩個(gè)節(jié)點(diǎn)上,對(duì)稱而自然,不同屬性的元素也錯(cuò)落開構(gòu)成了對(duì)比。

·對(duì)角線:對(duì)角線和S型布局都可以讓設(shè)計(jì)充滿動(dòng)感,眼睛會(huì)更自然地運(yùn)動(dòng),不會(huì)沿襲傳統(tǒng)的橫豎方向運(yùn)動(dòng),更有趣,消解了布局的單調(diào)性。

12. 用意外來(lái)營(yíng)造對(duì)比

出乎意料的設(shè)計(jì)很多時(shí)候非常有效,因?yàn)樗屓烁与y忘。突變、不集中、不典型都是意外的特征。充滿驚喜的元素會(huì)讓設(shè)計(jì)內(nèi)出現(xiàn)前后對(duì)比。意想不到的色彩和圖形都是這樣的設(shè)計(jì)。

這個(gè)頁(yè)面的設(shè)計(jì)、排版就是這么做的,原本簡(jiǎn)單的布局通過(guò)元素間的遮蓋“互動(dòng)”了起來(lái)。

13. 通過(guò)重復(fù)和模式來(lái)對(duì)比

嚴(yán)格意義上來(lái)講,重復(fù)的樣式和模式化的設(shè)計(jì)是通過(guò)營(yíng)造視覺焦點(diǎn)和趣味性的視覺來(lái)實(shí)現(xiàn)對(duì)比效果的。

這個(gè)名片設(shè)計(jì)中,設(shè)計(jì)師在左側(cè)使用了模式化的圖形來(lái)填充,它不僅和右邊形成對(duì)比,而且還有助于強(qiáng)化品牌認(rèn)知。

14. 使用位置和方向來(lái)對(duì)比

錯(cuò)落的位置、不一致的方向能夠構(gòu)成對(duì)比。不一樣的間距,不同的空間特征,打破了整個(gè)設(shè)計(jì)的一致性特征,合理地掌控其中的平衡,可以營(yíng)造出頗為不錯(cuò)的對(duì)比,又不會(huì)太過(guò)違和。

案例中的部分文字采用了傾斜式的布局,使得布局不再單調(diào),手寫體與非襯線字體構(gòu)成了對(duì)比。

15. 通過(guò)靠近和分離來(lái)對(duì)比

通過(guò)靠近分組的方式來(lái)組織內(nèi)容也是一種常見的設(shè)計(jì)技巧,可以更加便于瀏覽,更清晰地分割內(nèi)容。通過(guò)這種方式劃分出群體和個(gè)體,這也是一種對(duì)比。

案例是一份簡(jiǎn)歷,其中良好的結(jié)構(gòu)就是通過(guò)不同內(nèi)容的靠近和分離來(lái)呈現(xiàn)的,結(jié)合對(duì)齊和配色設(shè)定,很好地完成了這一工作。

16. 借助視覺引導(dǎo)來(lái)構(gòu)建對(duì)比

研究表明,人能記住他們所看到的80%的內(nèi)容,這也是為什么設(shè)計(jì)是強(qiáng)大的工具。但是用戶需要適當(dāng)?shù)囊曈X引導(dǎo)來(lái)找到重要的內(nèi)容。所以,視覺引導(dǎo)很重要,通過(guò)圓點(diǎn)、箭頭、下劃線等多種方式來(lái)區(qū)分內(nèi)容的重要性、條理性。而下面的案例也正是這樣做的。

17. 復(fù)雜和簡(jiǎn)單的對(duì)比

將復(fù)雜和簡(jiǎn)單的樣式混合使用,常常能夠產(chǎn)生足夠的對(duì)比度。這種對(duì)立本身就是對(duì)比。下面的案例就是很好的例子,繁復(fù)的花卉樣式和中間簡(jiǎn)約的留白與文字構(gòu)成對(duì)比。

18. 字體組合的對(duì)比

不同于使用單一字體家族所追求的一致性設(shè)計(jì),講究對(duì)比度的字體組合往往會(huì)使用不同類型的字體搭配。不過(guò)這樣的設(shè)計(jì)有一些地方值得注意:如果要對(duì)比度,那么字體一定要有明顯的差異,只有這樣才有區(qū)分度。不同字體應(yīng)對(duì)不同的職能,不要在同樣的功能區(qū)使用不同的字體,這樣會(huì)造成混亂。一般而言,使用一個(gè)襯線體和一個(gè)非襯線體來(lái)搭配是個(gè)不錯(cuò)的選擇。下面的案例就是這么做的。

19. 在進(jìn)行排版的對(duì)比度設(shè)計(jì)的時(shí)候務(wù)必要注意

當(dāng)你尋求字體組合的時(shí)候,你需要的是對(duì)比度而非沖突,這兩者是有區(qū)別的。兩種字體有差異,有的時(shí)候是對(duì)比,有的則是沖突。這種差異并沒(méi)有一種明確的規(guī)則,更多的時(shí)候是需要依靠設(shè)計(jì)者的直覺來(lái)判斷,多看多做你會(huì)逐漸明白的。

下面的信息圖就是反映的各種字體之間的搭配關(guān)系,非常有趣,可以點(diǎn)大來(lái)看。

matt-chase-what-species-did-you-evolve-from-flowchart_1_1000

20. 借助樣式和字重來(lái)構(gòu)建排版對(duì)比度

許多字體都有著不同的樣式和字重,比如細(xì)體、粗體、斜體、窄體等等等等。這些字體在排版中使用,構(gòu)成對(duì)比,突出不同的部分。

藍(lán)藍(lán)設(shè)計(jì)www.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔