怎樣才能恰如其分地運(yùn)用對(duì)比提升設(shè)計(jì)品質(zhì)呢?
11.比例分割的對(duì)比

從某種程度上說,每一項(xiàng)設(shè)計(jì)都需要達(dá)到一種平衡。如何讓你的設(shè)計(jì)和諧而不無聊,活潑卻不浮躁?在兩者之間找到一個(gè)平衡點(diǎn)的好辦法就是比例的分割。通過學(xué)習(xí)藝術(shù)家作品中經(jīng)典的比例分割是掌握這種技巧的好辦法。
•三分之一法:將設(shè)計(jì)頁面分別從豎直和水平方向三等分分割,讓后把主要焦點(diǎn)放在某一個(gè)分割線相交點(diǎn),這就是創(chuàng)建一個(gè)動(dòng)態(tài)布局的辦法。將所有元素不假思索地堆在頁面中央造就的只能是十分乏味的設(shè)計(jì)。
這個(gè)網(wǎng)站首頁的標(biāo)題和玫瑰花圖片大約就處于三分之一分割網(wǎng)的前兩個(gè)交界點(diǎn),形成一種平衡的吸引眼球的布局。三組原則(Groups of Three,另一種比例分割法)也在該設(shè)計(jì)中體現(xiàn)。
12.出人意料的對(duì)比

之前提到的比例分割法發(fā)揮效用的一部分原因在于它是出人意料的,它達(dá)到的不是整齊劃一的典型效果。驚喜的元素使用是創(chuàng)造對(duì)比的好方法,比如在一個(gè)平淡的設(shè)計(jì)中加入明亮的顏色就能打破整齊劃一的感覺,從而吸引觀眾的興趣。
在這個(gè)登錄頁面中文本與圖像的互動(dòng)方式與眾不同,為原本簡(jiǎn)單直接的設(shè)計(jì)加入了一點(diǎn)活力。

13.重復(fù)元素和圖案的對(duì)比

巧妙地使用重復(fù)元素和圖案可以像比例分割法一樣創(chuàng)造焦點(diǎn)和視覺趣味性,而且重復(fù)視覺主題也可以讓設(shè)計(jì)更具效力。
下面這個(gè)圖片設(shè)計(jì)師的名片運(yùn)用了圖案來平衡及組織文字,使其成為視覺焦點(diǎn)。而且這種圖案設(shè)計(jì)也巧妙地為該品牌結(jié)合了一些個(gè)性化元素。

14.位置和方向的對(duì)比

每一項(xiàng)設(shè)計(jì)都需要一定的組織結(jié)構(gòu)。文本需要通過某種方法排列在一起,各種元素需要放置在布局中某些特定的位置,空白的分布也需要仔細(xì)設(shè)定。雖然連貫性是統(tǒng)一設(shè)計(jì)的關(guān)鍵,但是有目的性地、恰當(dāng)?shù)貙⒁恍┰卮騺y卻能創(chuàng)造出有趣的對(duì)比。
下圖的logo在整齊排列的文本中使用斜體來突出最關(guān)鍵的信息,除此之外,書寫體與正式的無襯線字體也是另一大對(duì)比。

15.間距的對(duì)比

有目的地組織元素可以向觀眾展現(xiàn)各個(gè)元素之間的關(guān)系,也可以為設(shè)計(jì)分出內(nèi)容層次,使其更容易理解。此外,還可以通過數(shù)量來形成對(duì)比,比如在幾組元素之間加入一個(gè)單獨(dú)元素或在幾個(gè)單獨(dú)元素中加入一組元素,就會(huì)使這個(gè)或這組元素成為焦點(diǎn)。
好的結(jié)構(gòu)對(duì)于簡(jiǎn)歷之類以文本為主的設(shè)計(jì)來說尤為關(guān)鍵,適當(dāng)?shù)拈g距、排列和顏色使用都能夠使其變得層次分明、一目了然。

16.視覺線索的對(duì)比

研究表明人類能夠記住80%所看到的信息,這就是設(shè)計(jì)如此重要的原因之一。但是人們的注意廣度有時(shí)很有限,而且讀者有時(shí)候需要一點(diǎn)提示才能知道接下來應(yīng)該把注意力放到哪里,這個(gè)時(shí)候視覺線索便派上用場(chǎng)了。你可以運(yùn)用箭頭或高亮的圓圈等形狀直接指出要強(qiáng)調(diào)的設(shè)計(jì)元素;如果是在文本塊中,就是以下劃線、要點(diǎn)、符號(hào)等作為視覺線索(如下圖)。

相關(guān)文章

全畫幅不是半畫幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說到相機(jī)畫幅,估計(jì)平時(shí)聽到最多的可能就是全畫幅與半畫幅了,以至于不少人認(rèn)為中畫幅比全畫幅要小,為了避免這種常識(shí)性錯(cuò)誤,這篇文章就來和大家說說相機(jī)的不同畫幅,所謂2025-04-07
a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來探討這個(gè)話題2025-02-01
各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請(qǐng)看下文介紹2024-02-10
常用照片尺寸有哪些 常見證件照尺寸對(duì)照表及用途介紹
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無論是求職應(yīng)聘,還是入學(xué)注冊(cè),亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計(jì)是一個(gè)注重視覺效果的設(shè)計(jì),簡(jiǎn)單的排版方式有時(shí)候不能滿足視覺突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語言,今天我們來推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請(qǐng)看下文介紹2023-10-08
夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫面,該怎么操作呢?下面我們就來看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡(jiǎn)單說說真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無損壓縮(M)”和“無損壓縮(S)”RAW的問題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24
手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來看看照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總2021-08-06









