可能是「對比」技法的最全面學(xué)習(xí)指南!對比是設(shè)計四大原則之一,可以增強吸引力,起強調(diào)作用,學(xué)會運用這個技巧非常重要。
在設(shè)計中的對比度(英: Contrast)是指,黑與白,大與小等等之類的差異性。
然而在實際的對比中,你需要從全部的項目上去思考,這是設(shè)計的重要原則之一。對比是為了將設(shè)計中的重要元素進行分類整理,然后按照不同的重要階層來傳遞給讀者。設(shè)計的重點,不僅僅是為了傳遞出焦點(英: Focal Point),也要給用戶帶來視覺性的趣味。相同大小的形狀,顏色按照布局并列的放在一起,可能會讓你覺得無聊。但是,如果在這之中加入對比,設(shè)計立馬就變得有趣起來了。
當然很多的設(shè)計概念是相同的,平衡對于對比來說也是非常重要的。如果對比度太高,做成之后就變得混亂,視線就不能馬上落在重要的東西上了。
那么,靈活運用對比的秘密究竟是什么呢?令人悲傷的是,并沒有那樣完美的魔法公式。就像學(xué)習(xí)設(shè)計技巧一樣,學(xué)習(xí)的過程往往是無意識的積累案例的過程。這是設(shè)計師們所擁有的不可思議的力量,所以千萬不要放棄。我們可以將與對比有關(guān)的項目情報進行整理,為了加上視覺的趣味性,成為誰都可以利用的設(shè)計工具。這需要有哪些需要注意的點與技術(shù)呢?這次就讓我們一起來看一看吧。
詳細從以下開始。
01 將色彩的明暗增加對比
值(英: Value)是指,色彩的亮度或者暗度的表示用語。使用白色和黑色,可以做成無數(shù)的對比值(英: Contrasting Value)。但是,當作成對比度強的設(shè)計時,也就沒有必要使用黑色和白色了。通過調(diào)整色彩的明暗度來增強對比使設(shè)計中的一部分變得可見是最簡單的技術(shù)之一。
02 利用色相,色調(diào)增加對比
色相,色調(diào)(英:Hue)是指,在從很久以前就開始使用的12色色輪中,所選擇的特定的顏色名稱的繪畫用語。但是這種色彩的原理,不管是繪畫還是網(wǎng)頁設(shè)計,都可以去利用他。不知道從什么世紀開始,為了創(chuàng)建出對比的組合,畫家們就開始利用色輪上的對比色了。
1. 互補色(英: Complementary):他指的是選擇色輪上面對面的那一組顏色,例如紅和綠,藍和橙。互補色的特點是高對比度,所以如何掌握顏色之間的平衡,也就成了難點。
2. 分散互補色(英: Split-Complementary):它指的是選中主色之后,分布在主色對面的互補色兩側(cè)相鄰的顏色。這種配色有較強的視覺對比,可以設(shè)計出有著強烈碰撞的設(shè)計效果。
3. 三色系(英: Triadic):它指的是選中主色后,以主色畫一個等邊三角形的配色方案。
當你在使用色輪進行設(shè)計時,我們要有“沒必要只是用純色”這樣的念頭。在越來越多的實踐中,不斷的去嘗試提高降低顏色的明度和各種各樣的顏色組合,來表現(xiàn)出最棒的對比效果吧。
03 利用色溫增加對比
所有的顏色都是有溫度的,他可以被分為暖色(英: Warm)、冷色(英: Cool)或者中性色(英: Neutral)。紅色、橙色或者黃色會給人溫暖的感覺,而藍色、綠色則會給人冷的感覺,黑和白就給人中性的感覺(還有些不常見的米色和茶色,也歸屬這一類。),顏色就按這樣來進行劃分。利用顏色的溫度的不同來進行配色,例如暖色和冷色進行組合,可以給人一種巨大的反差。
04. 利用顏色的濃度增加對比
顏色的濃度(英: The Intensity of A Color),也被稱為色彩飽和度(英: Saturation)。純粹明亮的顏色,他的飽和度狀態(tài)就是100%;越是接近灰色,他的飽和度也就越低。明亮的色調(diào)和黑色一起使用的話,就能產(chǎn)生特別的引人注意的效果。在設(shè)計中可以作為一個特別的組成部分,為了強調(diào)出重要的部分,一定要謹慎的使用。
05. 利用圖形增加對比:幾何圖形VS不規(guī)則圖形
大多數(shù)圖形(英: Shape),是可以被分類為具有幾何意義的幾何圖形(英: Geometric)(例如長方形,三角形和圓形),或者不規(guī)則(英: Organic)(流線型(英: Fluid)或者受自然影響的形狀(英:Nature-Inspired))。在均勻?qū)ΨQ的幾何圖形的角落,使用一些柔和的非對稱(英: Asymmetrical Quality)的不規(guī)則圖形,可以進行很好的對比。
06. 利用圖形增加對比:銳角邊VS曲線邊
在使用圖形幫助設(shè)計的另一個方法,就是利用邊框。在任何設(shè)計要素中,比如按鈕,就可以使用銳角邊(英: Edges)或者是曲線邊(英: Corner)。按鈕的形狀越柔軟,圓滑,給人的視覺效果就越友好。角的形狀越是整齊,給人的感覺就越是嚴肅。通過兩種不同的形狀,我們可以創(chuàng)建一個對比。在下面這個設(shè)計案例中,我們可以看到很好的利用了銳角和曲線進行排版,表現(xiàn)出了一種驚人的對比感。
07. 利用紋理增加對比
圖片相同,設(shè)計的要素不同,例如使用紋理(英: Textures),對比的效果也就出來了。粗糙(英: Rough)與細致(英: Smooth),硬(英:Hard)與軟(英: Soft),立體(英: Raised)與平面(英: Flat)等。作為特殊的打印加工,紋理和別的技術(shù)不同,可以應(yīng)用于任何內(nèi)容。通過使用網(wǎng)絡(luò)上免費的素材,可能性是非常廣闊的。
08. 利用比例和尺寸增加對比
對比不僅可以增加視覺趣味,也可以幫助我們展現(xiàn)相關(guān)聯(lián)的設(shè)計要素的優(yōu)先級。如果設(shè)計要素的尺寸相同,就無法表現(xiàn)出他們的層級(英: Hierachy)關(guān)系。不管是怎樣的讀者,我們都需要將重要的東西優(yōu)先傳達給他們。有效的利用比例(英: Scale),在實踐中不僅非常重要,在添加動態(tài)布局設(shè)計中,也是非常簡單的一種技術(shù)。
09. 利用視覺重量增加對比
在比例和尺寸相同的情況下,利用視覺重量(英: Visual Weight)就可以將設(shè)計中重要的部分給凸顯出來了。在視覺重量中,將那個元素與剩余的元素進行顯著的區(qū)分,這種方法我們稱之為高對比度(英: High-Contrast)。被視覺重量所采用的設(shè)計要素,沒有必要是大的。此外,通過使用紋理。配色和圖形等,給他一種【重(英: Weighty)】的印象,也能做出有魅力的設(shè)計。
10. 利用留白增加對比
在有限的空間中,為了大化的填入信息,我們常利用填補式的設(shè)計,但留白或者空白(英: Blank),負(英: Negative)空間等方法,將設(shè)計要素進行區(qū)分/整理,做成一個平衡的布局,也是非常重要的。當然,如果你在設(shè)計時使用了很多復(fù)雜的布局,在設(shè)計重要的要素時就要記得留白。通過這種方法,你可以將用戶的時間集中到重要的要素上,從而和其他的要素產(chǎn)生有效的對比。
11. 利用構(gòu)圖增加對比
當你開始做設(shè)計時,需要有一定的布局的概念。那么,如何讓設(shè)計變得平衡而不枯燥,動而不亂,想明白了這點,作品就會變得非常有魅力。我們可以從舊時代的藝術(shù)家和攝影師身上來學(xué)習(xí)構(gòu)圖的方法。
1、三分割法(英: The rule of thirds):也是老生常談的一種方法。有時也稱作井字構(gòu)圖法,是一種在攝影、繪畫、設(shè)計等藝術(shù)中經(jīng)常使用的構(gòu)圖手段。在這種方法中,攝影師需要將場景用兩條豎線和兩條橫線分割,就如同是書寫中文的“井”字。這樣就可以得到4個交叉點,然后再將需要表現(xiàn)的重點放置在4個交叉點中的一個即可。
2、對角(英: Diagonals):對角線或S形布局,可以給你的設(shè)計賦予一些流動感(英: Flow),幫助誘導(dǎo)用戶的視線。相較于正常的網(wǎng)格布局,它可以給你的設(shè)計帶來更多的樂趣。
12. 利用意料之外的要素增加對比
介紹這個合成效果方法的一個理由是,讓用戶對這個要素期望不大。利用適當?shù)脑O(shè)計手法,賦予要素驚奇的感覺,從而產(chǎn)生對比。設(shè)計是一個自然的主題,通過添加上鮮艷流動的色彩,打破之前固有的規(guī)則,從而引起讀者的興趣。
13. 利用重復(fù)來增加對比
在設(shè)計戰(zhàn)略上,通過不斷重復(fù)(英: Repeating)利用設(shè)計要素和圖案素材,創(chuàng)建一個視覺焦點,會產(chǎn)生與上圖的合成技術(shù)類似的視覺效果。此外,通過不斷的重復(fù)利用主題本身,你就能完成更好的設(shè)計。
14. 利用位置和方向來增加對比
無論哪種設(shè)計,控制信息結(jié)構(gòu)(英: Struction)是很有必要的。在文字或設(shè)計要素上,通過一定的編排,確保有留白的空間。整理你的設(shè)計,讓他具有一致性(英: Consistency),然后我們再有目的的去打破、混合,從而引起用戶的興趣。
15.利用接近、分離來增加對比
將你的設(shè)計要素進行整理,有目的的將要素進行分組,讓要素之間的關(guān)聯(lián)性變得易懂,使其更容易的引導(dǎo)用戶。同樣的,將沒有關(guān)聯(lián)的要素分離獨立出來,讓用戶易于了解,他們是不同的兩個信息。此外,利用對比,還能將要素的數(shù)量表示出來。例如,在大量的設(shè)計要素中,單獨存在的要素肯定會脫穎而出。
16. 利用視覺提示增加對比
根據(jù)最近的一項研究,人類記住的東西80%都是看到的,在這之中,優(yōu)秀的設(shè)計也是幫助記憶的強大工具之一。但是要注意的是觀看的時間其實是很短的,引導(dǎo)用戶的視線,就顯得很有必要了。在這種情況下,好的視覺提示(英: Visual Cues),能起到不錯的作用。我們可以直截了當?shù)氖褂眉^標記希望用戶看到的要素,或者在它周圍畫個圈,來進行強調(diào)。
17. 利用復(fù)雜和簡單增加對比
復(fù)雜(英: Complex)或簡單(英: Simple),利用這些個別的要素,可以進一步強化對比。在下面這個設(shè)計案例中,成功的利用了貼紙設(shè)計技術(shù),通過在鮮花背景上放置一個清爽的白板,將文字與周圍進行區(qū)分,讓設(shè)計發(fā)生了急劇的變化。
18. 利用字體組合來增加對比
在版式設(shè)計中,這是必不可少的設(shè)計要素,你可以用這種獨特的方式來增加對比。事實上,在這篇文章中所涵蓋的技術(shù)中,都可以應(yīng)用到版式設(shè)計中。但在使用字體組合或這自己創(chuàng)建一個自定義的字體時,有特別需要注意的幾點。
那么接下來我們來看一下在字體設(shè)計上最后需要注意的三點。首先,是字體組合(英: Combining Fonts)。當使用一種以上的字體時,良好的對比,是確保其成功的關(guān)鍵;當標題使用了,就不要將他再次使用在正文中了。如果標題和正文的字體太過相似,就會讓用戶變得混亂。這也是非常容易犯的一個錯誤。
19. 利用文字進行對比需要小心
在字體組合中,使用設(shè)計性區(qū)別很大的字體非常容易導(dǎo)致失敗。除非你有意去這樣設(shè)計,否則就會非常難看。由字體的組合,可以決定設(shè)計的好壞。將各種各樣的字體組合記錄到你的筆記本中,不斷的練習(xí)吧。字體組合這項技能,你可以利用電腦去摸索各種各樣的組合,總有一天會掌握的(英: Second Nature)。
20. 利用字體的風(fēng)格和重量來增加對比
很多字體,都有著類似Light、Bold這樣廣泛的自定義范圍。就算你只用一種字體來設(shè)計,都可以產(chǎn)生很多種不同的對比,讓我們的設(shè)計變得更輕松。除了不同的重量,大小和配色方案,你能強調(diào)的對比有很多種。
這些都是從過去的經(jīng)驗之中誕生的,非常實用的可以增加對比度的設(shè)計方法。那么,讓我們一起在實踐中去嘗試這些方法吧~一起來感受設(shè)計的樂趣~
本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)成都公司!
當前標題:利用「對比原則」做出搶眼設(shè)計的20個方法
URL標題:http://redsoil1982.com.cn/news22/326522.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計、動態(tài)網(wǎng)站、電子商務(wù)、手機網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、響應(yī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)