可能是「對比」技法的最全面學習指南！對比是設計四大原則之一，可以增強吸引力，起強調(diào)作用，學會運用這個技巧非常重要。

在設計中的對比度（英: Contrast）是指，黑與白，大與小等等之類的差異性。

然而在實際的對比中，你需要從全部的項目上去思考，這是設計的重要原則之一。對比是為了將設計中的重要元素進行分類整理，然后按照不同的重要階層來傳遞給讀者。設計的重點，不僅僅是為了傳遞出焦點（英: Focal Point），也要給用戶帶來視覺性的趣味。相同大小的形狀，顏色按照布局并列的放在一起，可能會讓你覺得無聊。但是，如果在這之中加入對比，設計立馬就變得有趣起來了。

當然很多的設計概念是相同的，平衡對于對比來說也是非常重要的。如果對比度太高，做成之后就變得混亂，視線就不能馬上落在重要的東西上了。

那么，靈活運用對比的秘密究竟是什么呢？令人悲傷的是，并沒有那樣完美的魔法公式。就像學習設計技巧一樣，學習的過程往往是無意識的積累案例的過程。這是設計師們所擁有的不可思議的力量，所以千萬不要放棄。我們可以將與對比有關(guān)的項目情報進行整理，為了加上視覺的趣味性，成為誰都可以利用的設計工具。這需要有哪些需要注意的點與技術(shù)呢？這次就讓我們一起來看一看吧。

詳細從以下開始。

01 將色彩的明暗增加對比

值（英: Value）是指，色彩的亮度或者暗度的表示用語。使用白色和黑色，可以做成無數(shù)的對比值（英: Contrasting Value）。但是，當作成對比度強的設計時，也就沒有必要使用黑色和白色了。通過調(diào)整色彩的明暗度來增強對比使設計中的一部分變得可見是最簡單的技術(shù)之一。

02 利用色相，色調(diào)增加對比

色相，色調(diào)（英：Hue）是指，在從很久以前就開始使用的12色色輪中，所選擇的特定的顏色名稱的繪畫用語。但是這種色彩的原理，不管是繪畫還是網(wǎng)頁設計，都可以去利用他。不知道從什么世紀開始，為了創(chuàng)建出對比的組合，畫家們就開始利用色輪上的對比色了。

1. 互補色（英: Complementary）：他指的是選擇色輪上面對面的那一組顏色，例如紅和綠，藍和橙。互補色的特點是高對比度，所以如何掌握顏色之間的平衡，也就成了難點。

2. 分散互補色（英: Split-Complementary）：它指的是選中主色之后，分布在主色對面的互補色兩側(cè)相鄰的顏色。這種配色有較強的視覺對比，可以設計出有著強烈碰撞的設計效果。

3. 三色系（英: Triadic）：它指的是選中主色后，以主色畫一個等邊三角形的配色方案。

當你在使用色輪進行設計時，我們要有“沒必要只是用純色”這樣的念頭。在越來越多的實踐中，不斷的去嘗試提高降低顏色的明度和各種各樣的顏色組合，來表現(xiàn)出最棒的對比效果吧。

03 利用色溫增加對比

所有的顏色都是有溫度的，他可以被分為暖色（英: Warm）、冷色（英: Cool）或者中性色（英: Neutral）。紅色、橙色或者黃色會給人溫暖的感覺，而藍色、綠色則會給人冷的感覺，黑和白就給人中性的感覺（還有些不常見的米色和茶色，也歸屬這一類。），顏色就按這樣來進行劃分。利用顏色的溫度的不同來進行配色，例如暖色和冷色進行組合，可以給人一種巨大的反差。

04. 利用顏色的濃度增加對比

顏色的濃度（英: The Intensity of A Color），也被稱為色彩飽和度（英: Saturation）。純粹明亮的顏色，他的飽和度狀態(tài)就是100%；越是接近灰色，他的飽和度也就越低。明亮的色調(diào)和黑色一起使用的話，就能產(chǎn)生特別的引人注意的效果。在設計中可以作為一個特別的組成部分，為了強調(diào)出重要的部分，一定要謹慎的使用。

05. 利用圖形增加對比：幾何圖形VS不規(guī)則圖形

大多數(shù)圖形（英: Shape），是可以被分類為具有幾何意義的幾何圖形（英: Geometric）（例如長方形，三角形和圓形），或者不規(guī)則（英: Organic）（流線型（英: Fluid）或者受自然影響的形狀（英:Nature-Inspired））。在均勻?qū)ΨQ的幾何圖形的角落，使用一些柔和的非對稱（英: Asymmetrical Quality）的不規(guī)則圖形，可以進行很好的對比。

06. 利用圖形增加對比：銳角邊VS曲線邊

在使用圖形幫助設計的另一個方法，就是利用邊框。在任何設計要素中，比如按鈕，就可以使用銳角邊（英: Edges）或者是曲線邊（英: Corner）。按鈕的形狀越柔軟，圓滑，給人的視覺效果就越友好。角的形狀越是整齊，給人的感覺就越是嚴肅。通過兩種不同的形狀，我們可以創(chuàng)建一個對比。在下面這個設計案例中，我們可以看到很好的利用了銳角和曲線進行排版，表現(xiàn)出了一種驚人的對比感。

07. 利用紋理增加對比

圖片相同，設計的要素不同，例如使用紋理（英: Textures），對比的效果也就出來了。粗糙（英: Rough）與細致（英: Smooth），硬（英：Hard）與軟（英: Soft），立體（英: Raised）與平面（英: Flat）等。作為特殊的打印加工，紋理和別的技術(shù)不同，可以應用于任何內(nèi)容。通過使用網(wǎng)絡上免費的素材，可能性是非常廣闊的。

08. 利用比例和尺寸增加對比

對比不僅可以增加視覺趣味，也可以幫助我們展現(xiàn)相關(guān)聯(lián)的設計要素的優(yōu)先級。如果設計要素的尺寸相同，就無法表現(xiàn)出他們的層級（英: Hierachy）關(guān)系。不管是怎樣的讀者，我們都需要將重要的東西優(yōu)先傳達給他們。有效的利用比例（英: Scale），在實踐中不僅非常重要，在添加動態(tài)布局設計中，也是非常簡單的一種技術(shù)。

09. 利用視覺重量增加對比

在比例和尺寸相同的情況下，利用視覺重量（英: Visual Weight）就可以將設計中重要的部分給凸顯出來了。在視覺重量中，將那個元素與剩余的元素進行顯著的區(qū)分，這種方法我們稱之為高對比度（英: High-Contrast）。被視覺重量所采用的設計要素，沒有必要是大的。此外，通過使用紋理。配色和圖形等，給他一種【重（英: Weighty）】的印象，也能做出有魅力的設計。

10. 利用留白增加對比

在有限的空間中，為了大化的填入信息，我們常利用填補式的設計，但留白或者空白（英: Blank），負（英: Negative）空間等方法，將設計要素進行區(qū)分/整理，做成一個平衡的布局，也是非常重要的。當然，如果你在設計時使用了很多復雜的布局，在設計重要的要素時就要記得留白。通過這種方法，你可以將用戶的時間集中到重要的要素上，從而和其他的要素產(chǎn)生有效的對比。

11. 利用構(gòu)圖增加對比

當你開始做設計時，需要有一定的布局的概念。那么，如何讓設計變得平衡而不枯燥，動而不亂，想明白了這點，作品就會變得非常有魅力。我們可以從舊時代的藝術(shù)家和攝影師身上來學習構(gòu)圖的方法。

1、三分割法（英: The rule of thirds）：也是老生常談的一種方法。有時也稱作井字構(gòu)圖法，是一種在攝影、繪畫、設計等藝術(shù)中經(jīng)常使用的構(gòu)圖手段。在這種方法中，攝影師需要將場景用兩條豎線和兩條橫線分割，就如同是書寫中文的“井”字。這樣就可以得到4個交叉點，然后再將需要表現(xiàn)的重點放置在4個交叉點中的一個即可。

2、對角（英: Diagonals）：對角線或S形布局，可以給你的設計賦予一些流動感（英: Flow），幫助誘導用戶的視線。相較于正常的網(wǎng)格布局，它可以給你的設計帶來更多的樂趣。

12. 利用意料之外的要素增加對比

介紹這個合成效果方法的一個理由是，讓用戶對這個要素期望不大。利用適當?shù)脑O計手法，賦予要素驚奇的感覺，從而產(chǎn)生對比。設計是一個自然的主題，通過添加上鮮艷流動的色彩，打破之前固有的規(guī)則，從而引起讀者的興趣。

13. 利用重復來增加對比

在設計戰(zhàn)略上，通過不斷重復（英: Repeating）利用設計要素和圖案素材，創(chuàng)建一個視覺焦點，會產(chǎn)生與上圖的合成技術(shù)類似的視覺效果。此外，通過不斷的重復利用主題本身，你就能完成更好的設計。

14. 利用位置和方向來增加對比

無論哪種設計，控制信息結(jié)構(gòu)（英: Struction）是很有必要的。在文字或設計要素上，通過一定的編排，確保有留白的空間。整理你的設計，讓他具有一致性（英: Consistency），然后我們再有目的的去打破、混合，從而引起用戶的興趣。

15.利用接近、分離來增加對比

將你的設計要素進行整理，有目的的將要素進行分組，讓要素之間的關(guān)聯(lián)性變得易懂，使其更容易的引導用戶。同樣的，將沒有關(guān)聯(lián)的要素分離獨立出來，讓用戶易于了解，他們是不同的兩個信息。此外，利用對比，還能將要素的數(shù)量表示出來。例如，在大量的設計要素中，單獨存在的要素肯定會脫穎而出。

16. 利用視覺提示增加對比

根據(jù)最近的一項研究，人類記住的東西80%都是看到的，在這之中，優(yōu)秀的設計也是幫助記憶的強大工具之一。但是要注意的是觀看的時間其實是很短的，引導用戶的視線，就顯得很有必要了。在這種情況下，好的視覺提示（英: Visual Cues），能起到不錯的作用。我們可以直截了當?shù)氖褂眉^標記希望用戶看到的要素，或者在它周圍畫個圈，來進行強調(diào)。

17. 利用復雜和簡單增加對比

復雜（英: Complex）或簡單（英: Simple），利用這些個別的要素，可以進一步強化對比。在下面這個設計案例中，成功的利用了貼紙設計技術(shù)，通過在鮮花背景上放置一個清爽的白板，將文字與周圍進行區(qū)分，讓設計發(fā)生了急劇的變化。

18. 利用字體組合來增加對比

在版式設計中，這是必不可少的設計要素，你可以用這種獨特的方式來增加對比。事實上，在這篇文章中所涵蓋的技術(shù)中，都可以應用到版式設計中。但在使用字體組合或這自己創(chuàng)建一個自定義的字體時，有特別需要注意的幾點。

那么接下來我們來看一下在字體設計上最后需要注意的三點。首先，是字體組合（英: Combining Fonts）。當使用一種以上的字體時，良好的對比，是確保其成功的關(guān)鍵；當標題使用了，就不要將他再次使用在正文中了。如果標題和正文的字體太過相似，就會讓用戶變得混亂。這也是非常容易犯的一個錯誤。

19. 利用文字進行對比需要小心

在字體組合中，使用設計性區(qū)別很大的字體非常容易導致失敗。除非你有意去這樣設計，否則就會非常難看。由字體的組合，可以決定設計的好壞。將各種各樣的字體組合記錄到你的筆記本中，不斷的練習吧。字體組合這項技能，你可以利用電腦去摸索各種各樣的組合，總有一天會掌握的（英: Second Nature）。

20. 利用字體的風格和重量來增加對比

很多字體，都有著類似Light、Bold這樣廣泛的自定義范圍。就算你只用一種字體來設計，都可以產(chǎn)生很多種不同的對比，讓我們的設計變得更輕松。除了不同的重量，大小和配色方案，你能強調(diào)的對比有很多種。

這些都是從過去的經(jīng)驗之中誕生的，非常實用的可以增加對比度的設計方法。那么，讓我們一起在實踐中去嘗試這些方法吧~一起來感受設計的樂趣~

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

當前標題：利用「對比原則」做出搶眼設計的20個方法
URL標題：http://jinyejixie.com/news22/326522.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設計、動態(tài)網(wǎng)站、電子商務、手機網(wǎng)站建設、品牌網(wǎng)站建設、響應式網(wǎng)站

廣告

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