對比:它不僅僅是黑白或大小的對立面。
事實上,對比度是一個重要的設(shè)計原則,應(yīng)該成為每個項目的一部分。對比度有助于組織你的設(shè)計并建立層次結(jié)構(gòu),這只是簡單地顯示你設(shè)計的哪些部分最重要(并指示觀眾關(guān)注那些部分)。但是,除了強調(diào)設(shè)計的重點外,良好的對比度使用增加了視覺趣味。一切都相同的大小,形狀或顏色的布局看起來很無聊。
然而,與大多數(shù)設(shè)計概念一樣,對比應(yīng)該以平衡的方式應(yīng)用; 太多的對比度可能與完全沒有對比一樣糟糕,并且可能導致令人困惑或視覺上不和諧的設(shè)計。如果你所有的設(shè)計元素形成對比,那么一切都不會突出。
那么,以一種能夠增強項目的方式設(shè)計對比的秘訣是什么?不幸的是,沒有神奇的公式。當你建立自己的設(shè)計技巧時,這個過程通常會在潛意識中開始發(fā)生,這聽起來像是設(shè)計師對自己的一些神秘技巧。但實際上,對比度是一種設(shè)計工具,任何人都可以使用它來組織和增加他們的設(shè)計項目的視覺興趣,接下來我們就來了解下如何為你的設(shè)計添加對比度?
色值只是一個術(shù)語,指的是顏色的亮度或暗度,純黑色和純白色是最終的對比值。但你肯定不必堅持使用黑白調(diào)色板來創(chuàng)建高對比度設(shè)計。較淺和較暗的顏色是增加對比度并使設(shè)計的某些部分更加清晰可見的最簡單方法之一。
舉個簡單的例子,想象一下淺色背景上的暗文本,反之亦然,就像這個設(shè)計一樣。雖然在照片上可能難以閱讀到文本,但這里的值對比(亮紫色和藍色的深色調(diào)排版)使其凸顯了出來。
色調(diào)是藝術(shù)家對特定顏色的術(shù)語,傳統(tǒng)上是色輪上的12種顏色之一。這種色彩理論也可以在圖形和網(wǎng)頁設(shè)計派上用場。我們可以從色彩輪中拉出一些經(jīng)典的調(diào)色板,這是畫家們已經(jīng)使用了幾個世紀,以創(chuàng)造出高對比度的成分。
·互補:色輪上的對立面,如紅色綠色或藍色橙色; 互補色具有高對比度和高強度。
此徽章使用簡單,互補的配色方案,將設(shè)計的各個部分分成幾部分,既有視覺上的醒目又實用。
·分散互補:色輪上的任何顏色加上其兩側(cè)的兩個顏色; 這種色系仍然具有強烈的視覺對比度,但不如互補色組合那么戲劇化。
·三色系:在色輪上均勻分布的任何三種顏色。
請記住,你不必以最純凈,最明亮的形式使用這些色調(diào)(如上面的色輪圖中所示,有時會發(fā)生沖突)。使你的顏色更亮,更暗或更柔和可能對于現(xiàn)實生活中的設(shè)計環(huán)境更實用,但仍然可以為你的設(shè)計帶來一些不錯的對比。
所有顏色可以根據(jù)色溫分成幾個類型:暖色、冷色和中性色。紅、橘、黃屬于暖色;藍、綠為冷色;黑、白、灰為中性色(根據(jù)它們的使用方式,米色和棕色也屬于這一類別)。在設(shè)計中混合色溫,特別是冷色和暖色,可以產(chǎn)生戲劇性的對比。
例如,此網(wǎng)頁布局具有鮮明的藍色和黃色色調(diào)的對比色溫。這有助于號召性用語按鈕和主要圖像突出顯示。另外,因為兩種顏色都傾向于較冷的方向(帶有綠色調(diào)),即使它具有非常高的對比度,該組合也具有銜接性。
顏色的強度也稱為飽和度。最純凈,最明亮的顏色是100%飽和的; 越接近灰色就越不飽和。使用明亮或柔和的顏色可以是在設(shè)計中創(chuàng)建高對比度或低對比度的地方的戰(zhàn)略方法。鮮艷的色彩總是引起人們的注意,尤其是黑色。謹慎使用它們以突出顯示設(shè)計的重要部分。
下面的網(wǎng)頁設(shè)計就是這樣,在柔和的森林綠色上放置飽和的橙色紅色字樣。這其中不僅僅使用了醒目的互補色,還加入不同級別的飽和度來增強對比效果。
大多數(shù)形狀可以分為幾何形狀(矩形,三角形,圓形等)或有機形狀(流體,自然靈感)。幾何形狀的角度均勻性可以很好地與有機形狀的彎曲、不對稱形成鮮明對比。
下面商標設(shè)計采用有機的,幾乎抽象的形狀,以補充和增強文字排版產(chǎn)生。
在設(shè)計中巧妙地使用形狀的另一種方法是在設(shè)計元素的邊緣和角落,無論是排版,框或按鈕,還是其他功能。更圓潤的形狀通常具有更柔軟,休閑或友好的外觀,而更清晰的形狀看起來更有序和清晰。下面的設(shè)計以其字體排版的方式進行。
像形狀一樣,具有不同特性的質(zhì)感也可以用來創(chuàng)造對比,比如粗糙和光滑、堅硬和柔軟、立體和平面等。任何質(zhì)感都是具有視覺性的(除非運用了特殊的印刷效果或其他物理手段),只要你把在網(wǎng)上找到的各種素材與不同的設(shè)計主題相結(jié)合,就能創(chuàng)造出許多對比效果。
在下圖案例中,磨砂質(zhì)感為整潔的logo加入了一點復古的感覺。紋理或破壞處理是使設(shè)計添加一些質(zhì)樸或復古品質(zhì)的好方法。
對比不僅可以增加視覺趣味,也可以幫助我們展現(xiàn)相關(guān)聯(lián)的設(shè)計要素的優(yōu)先級。如果設(shè)計要素的尺寸相同,就無法表現(xiàn)出他們的層級關(guān)系。不管是怎樣的讀者,我們都需要將重要的東西優(yōu)先傳達給他們。有效的利用比例,在實踐中不僅非常重要,在添加動態(tài)布局設(shè)計中,也是非常簡單的一種技術(shù)。
這本雜志的封面有一張巨大的照片,以強調(diào)這個問題的主題,但它并沒有壓倒其他設(shè)計元素。事實上,排版的大小,形狀和顏色增強了攝影焦點。
就像層次對比一樣,視覺重量也是強調(diào)設(shè)計元素重要性的另一辦法。視覺重量指的是讓某一元素突出于其他元素的設(shè)計手法,換句話說就是高對比。設(shè)計中具有最多視覺重量的元素(通常為設(shè)計的主要焦點)不一定要是頁面上最大的元素,你可以運用色彩、質(zhì)感、形狀等特性來區(qū)分或突出某個元素。
舉個例子,看看這一系列的明信片,以宣傳辛辛那提市的文化場所。建筑插圖肯定是每張卡片上最大的元素,但“享受更多”標語吸引了你的眼球,因為它是頁面上最暗的元素。
雖然用盡可能多的信息填充設(shè)計可能很誘人,但白色(又稱空白或負片)空間在分離和組織設(shè)計元素以實現(xiàn)平衡布局方面起著重要作用。使用繁忙或復雜的布局時,周圍的重要元素以及一些額外的空白區(qū)域(不一定是白色)會引起對這些位置的注意,并幫助它們與設(shè)計的其余部分進行更有效的對比。
此網(wǎng)頁模型有效地結(jié)合使用空白區(qū)域和細分割線來組織信息。頁面左側(cè)和右側(cè)的兩列都被大量的空間所包圍; 產(chǎn)品照片更是如此,使其成為關(guān)注的焦點并吸引買家。
從某種程度上說,每一項設(shè)計都需要達到一種平衡。如何讓你的設(shè)計和諧而不無聊,活潑卻不浮躁?在兩者之間找到一個平衡點的好辦法就是比例的分割。通過學習藝術(shù)家作品中經(jīng)典的比例分割是掌握這種技巧的好辦法。
·三分法:想象一下將布局劃分為三維,縱向和橫向。將焦點放在這些虛線相交的四個點之一上。將所有元素不假思索地堆在頁面中央造就的只能是十分乏味的設(shè)計。
在以下網(wǎng)站設(shè)計的第一個標題圖像中,玫瑰和標題都大致居中于三分規(guī)則網(wǎng)格的上兩個交叉點的位置,從而形成平衡,引人入勝的構(gòu)圖。三個一組(另一種常見的組合技術(shù))也出現(xiàn)在整個頁面中。
·對角線:對角線或S形布局可以為你的設(shè)計帶來一些動作,有助于引導觀眾的眼睛穿過頁面。與僅使用水平和垂直方向的傳統(tǒng)基于網(wǎng)格的設(shè)計相比,它通常更具視覺趣味性。
之前提到的比例分割法發(fā)揮效用的一部分原因在于它是出人意料的,它達到的不是整齊劃一的典型效果。驚喜的元素使用是創(chuàng)造對比的好方法,比如在一個平淡的設(shè)計中加入明亮的顏色就能打破整齊劃一的感覺,從而吸引觀眾的興趣。
在這個登錄頁面中文本與圖像的互動方式與眾不同,為原本簡單直接的設(shè)計加入了一點活力。
戰(zhàn)略性地應(yīng)用重復的設(shè)計元素或圖案可以像比例分割法一樣創(chuàng)建焦點或視覺興趣?;蛘咧貜鸵曈X主題可以幫助它在設(shè)計中產(chǎn)生更大的影響。
這個平面設(shè)計師的名片設(shè)計使用一種模式來平衡和構(gòu)建排版,這是焦點。該圖案設(shè)計也巧妙地為該品牌結(jié)合了一些個性化元素。
每個設(shè)計都需要某種組織結(jié)構(gòu):文本以某種方式對齊,元素分配到布局中的某些位置,間距設(shè)置。雖然一致性是有序設(shè)計的關(guān)鍵,但以有目的,有限的方式混合可以增加一些有趣的對比。
下面的徽標使用傾斜的方向來幫助其關(guān)鍵的排版突出顯示圍繞它的筆直,有序的文本。通過配對腳本和無襯線字體樣式實現(xiàn)了額外的對比。
有目的地組織元素可以向觀眾展現(xiàn)各個元素之間的關(guān)系,也可以為設(shè)計分出內(nèi)容層次,使其更容易理解。此外,還可以通過數(shù)量來形成對比,比如在幾組元素之間加入一個單獨元素或在幾個單獨元素中加入一組元素,就會使這個或這組元素成為焦點。
好的結(jié)構(gòu)對于簡歷之類以文本為主的設(shè)計來說尤為關(guān)鍵,適當?shù)拈g距、排列和顏色使用都能夠使其變得層次分明、一目了然。
研究表明,人們記住他們所看到的80%,這也是設(shè)計成為如此強大工具的原因之一。但注意力的跨度可能很短,有時觀眾需要在正確的方向上稍微輕推一下才能知道設(shè)計中的重點。這就是視覺線索可以派上用場的地方。你可以用箭頭指出一個帶有箭頭的設(shè)計元素,或者用圓形或其他形狀圍繞它來突出顯示它?;蛘咴谖谋緣K中,可能以下劃線,項目符號或圖標的形式顯示正在討論的概念(如下所示)。
設(shè)計可以混合簡單和復雜的樣式或單獨的功能,以提高對比度。這是使用對立面相互增強的另一個例子。這個想法用于以下一組貼紙中的良好效果,其中華麗的花卉圖案和干凈簡單的文字排版,兩種強烈對比的元素創(chuàng)造出戲劇化的效果。
文本是大多數(shù)設(shè)計的必要部分,同時也為創(chuàng)造對比提供更多可能。我們之前提過的創(chuàng)造對比的大多數(shù)方法都可以運用到文本設(shè)計中,但是其中字體的選擇運用或設(shè)計仍有許多特別的考量。
首先就是選擇不同的字體。如果你在設(shè)計中選擇一種以上的字體,那么就要確保這幾種字體能夠形成有效對比,所謂有效就是這些字體首先能夠通過視覺相互區(qū)別,而且它們之間的各種差異能具備不同的功能。比如一種字體可能用作標題,另一種字體作為文本。但切記不要選擇類似的字體,因為這會給人一種印刷錯誤的印象。
根據(jù)經(jīng)驗,最好選擇一種襯線字體和一種非襯線字體來設(shè)置對比,因為通常來說,互補的兩種元素會產(chǎn)生很好的對比效果。
下面的印刷標識將無襯線字體與平板襯線字體配對,實現(xiàn)完美平衡的設(shè)計。
當你選擇使用不同字體的時候,肯定是為了創(chuàng)造對比效果而不是沖突。除非你刻意追求一種個性風格,否則大多數(shù)沖突看起來效果都不好。然而并沒有固定的標準來評判對比效果的好壞,這往往取決于人的直覺,你要相信自己的判斷,借鑒一些出色的字體搭配,然后堅持練習,直到你把這項技能變成一種習慣。
下面的信息圖表有幾種不同的字體,有趣,不拘一格的外觀(適合其幽默的風格),與此同時,沒有任何過于花哨的元素來引起沖突,所有的元素都相互合作,服務(wù)于設(shè)計目的。
許多字體都有各種版本,如淺色,粗體,斜體,濃縮,擴展或小型版本。這使你的工作變得更容易,即使你在設(shè)計中僅使用一種字體,這些替代方案可以組織你的文本并在不同的印刷功能之間創(chuàng)建對比。嘗試添加點大小或顏色的變化以獲得額外的對比度。
這種設(shè)計使用相同無襯線字體的輕型和重型兩種重量來創(chuàng)造一種亮面的效果。襯線字體也使得外觀具有額外的對比度。
現(xiàn)在你已經(jīng)有了一些經(jīng)過驗證的方法來為你的設(shè)計添加對比度,藝術(shù)留學的小伙伴們,是時候讓它們?yōu)槟愕淖髌芳谱魈泶u加瓦了。
聯(lián)系客服