實(shí)踐出真知！十個(gè)利用對(duì)比設(shè)計(jì)的方法

在下面的這個(gè)設(shè)計(jì)案例中，在照片上配上文字會(huì)使其變得難以閱讀，在白色的文字上添加紫色到藍(lán)色的漸變色，就成了一個(gè)很好的對(duì)比。

2.利用色相，色調(diào)增加對(duì)比

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

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

在下面的設(shè)計(jì)案例中，使用了簡單的互補(bǔ)色，他看起來非常的有吸引力，他將圖像中的各種情報(bào)都整理的很好，是非常具有實(shí)際意義的設(shè)計(jì)案例。

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

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

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

3.利用色溫增加對(duì)比

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

就好像下面這個(gè)設(shè)計(jì)案例，使用鮮艷的藍(lán)色和黃色這樣不同的色溫，在網(wǎng)頁布局上實(shí)現(xiàn)了對(duì)比。像這樣，Call?to?Action（行為召喚：http://cued.xunlei.com/log046）將按鈕與背景區(qū)分出來，產(chǎn)生引人注意的效果。更進(jìn)一步來說，什么樣的顏色被稱為寒色（呈綠色的色調(diào)：英: ‘Greenish’ Tinge）等，已經(jīng)有一個(gè)統(tǒng)一的對(duì)比的組合。

4.利用顏色的濃度增加對(duì)比

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

在下面的這個(gè)設(shè)計(jì)案例中，可以使用降低了飽和度的橙紅色，將其放置在山頂同樣降低了飽和度的綠色上。利用互補(bǔ)色組合（英：Complementary Color Scheme），通過調(diào)整色彩的飽和度來吸引眼球，為你的設(shè)計(jì)賦予更多的活力。

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

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

下面的這個(gè)設(shè)計(jì)案例，在復(fù)雜抽象的（英: Abstract）有機(jī)圖片中，我們可以看到，很好的插入了強(qiáng)調(diào)排版的直線和曲線，他們補(bǔ)充的位置非常好。

6.利用圖形增加對(duì)比：銳角邊VS曲線邊

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

7.利用紋理增加對(duì)比

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

在下面這個(gè)案例中，在清爽的LOGO上，添加上砂質(zhì)紋理（英: Gritty），表現(xiàn)出一種復(fù)古的質(zhì)感。粗糙質(zhì)感的紋理和復(fù)古的顏色，是為了表現(xiàn)出復(fù)古氛圍的選擇。

8.利用比例和尺寸增加對(duì)比

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

在下面這個(gè)設(shè)計(jì)案例中，使用了被擴(kuò)展的非常大的照片作為雜志封面，也不會(huì)對(duì)其他的設(shè)計(jì)要素進(jìn)行干擾。實(shí)際上，通過調(diào)整大小，形狀和配色、版式，可以強(qiáng)調(diào)出照片的焦點(diǎn)部分。

9.利用視覺重量增加對(duì)比

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

在下面的設(shè)計(jì)案例中，是介紹在美國辛辛那提，有著當(dāng)?shù)匚幕瘹庀⒌慕ㄖ拿餍牌?。?dāng)然，建筑在明信片中是大的設(shè)計(jì)要素，但關(guān)鍵詞“Enjoy more”卻更能吸引眼球。這當(dāng)然是因?yàn)?，他的顏色是最暗（? Darkest）的。

10.利用留白增加對(duì)比

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

在下面的這個(gè)設(shè)計(jì)案例中，留白和細(xì)邊框線相結(jié)合，我們就完成了將網(wǎng)頁信息精辟概括的設(shè)計(jì)模型。在左右上下進(jìn)行了適當(dāng)?shù)牧舭?，在產(chǎn)品信息中也利用了留白，引起了用戶的興趣。

新聞名稱：實(shí)踐出真知！十個(gè)利用對(duì)比設(shè)計(jì)的方法
標(biāo)題網(wǎng)址：http://muchs.cn/news14/180314.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、網(wǎng)頁設(shè)計(jì)公司、響應(yīng)式網(wǎng)站、品牌網(wǎng)站建設(shè)、品牌網(wǎng)站制作

廣告

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