線上服務(wù)咨詢
Article/文章
記錄成長(zhǎng)點(diǎn)滴 分享您我感悟
您當(dāng)前位置>首頁 > 知識(shí) > 網(wǎng)站建設(shè)
20個(gè)提示,幫助您提高設(shè)計(jì)的對(duì)比度-沈陽網(wǎng)站絕對(duì)干貨分析
發(fā)表時(shí)間:2019-07-09 14:24:45
文章來源: 保存時(shí)您可以修改任意標(biāo)簽的值
標(biāo)簽:網(wǎng)站建設(shè) 沈陽網(wǎng)站建設(shè) 沈陽網(wǎng)絡(luò)公司 沈陽網(wǎng)站設(shè)計(jì) 沈陽網(wǎng)站制作
瀏覽次數(shù):0
事實(shí)上,對(duì)比度是重要的設(shè)計(jì)原則之一,也是每個(gè)設(shè)計(jì)項(xiàng)目中必不可少的設(shè)計(jì)要求。你為什么這么說?控制對(duì)比度有助于構(gòu)建項(xiàng)目的組織,建立信息和視覺水平,并使您的重要部分成為愿景的重點(diǎn),突出關(guān)鍵信息。擅長(zhǎng)使用基于對(duì)比度的設(shè)計(jì)來增加視覺享受和樂趣。在相同的布局中,相同的視覺元素,形式和顏色的變化有時(shí)非常單調(diào),但對(duì)比度可以使變化看起來非凡。
但是,與大多數(shù)設(shè)計(jì)規(guī)則一樣,平衡是對(duì)比度控制的核心規(guī)則。如果對(duì)比度對(duì)比度太大,則這種視覺設(shè)計(jì)可能是混亂的和不協(xié)調(diào)的。如果對(duì)比度不明顯,設(shè)計(jì)可能看起來單調(diào)乏味,不突出。
那么,如何控制對(duì)比度才能真正提高設(shè)計(jì)項(xiàng)目的視覺效果?不幸的是,你正在尋找的神奇公式并不存在。正如您剛剛開始學(xué)習(xí)設(shè)計(jì)技巧一樣,對(duì)比設(shè)計(jì)中的許多技術(shù)都不是一個(gè)簡(jiǎn)單的過程。但如果你覺得它太神秘了,那就錯(cuò)了。對(duì)比度是一個(gè)很好的設(shè)計(jì)規(guī)則。它仍然有痕跡。任何人都可以將它添加到設(shè)計(jì)項(xiàng)目中并制作出色的作品。如果您有興趣比較,您可能希望下降。以下20個(gè)設(shè)計(jì)技巧可以幫助您打開一扇門。
01. 深淺色彩對(duì)比
這個(gè)值通常指的是顏色的陰影,純黑色和純白色的極端。但要?jiǎng)?chuàng)建高對(duì)比度色調(diào),您不必使用黑色和白色。增亮色彩和調(diào)暗是提高對(duì)比度的有效方法。
在這種情況下,深藍(lán)色背景和淺色文字形成了良好的對(duì)比。
02. 不同色調(diào)構(gòu)建對(duì)比度
傳統(tǒng)色輪上有12種顏色,但有許多常見的配色方案。在系統(tǒng)的色彩理論中,系統(tǒng)地介紹了如何通過色輪創(chuàng)建配色方案。例如,單色方案和類似的配色方案是眾所周知的。對(duì)比色方案,對(duì)稱三色方案等。
在眾多配色方案中,有一些具有高對(duì)比度的配色方案,例如:
·對(duì)比色:色輪對(duì)稱位置的兩種顏色形成鮮明對(duì)比,如紅色和綠色,藍(lán)色和黃色等。在下面的情況下,對(duì)比色很好用,并且結(jié)構(gòu)復(fù)雜,整個(gè)設(shè)計(jì)實(shí)用且充滿視覺沖擊力。
·分離對(duì)比色:色輪上任何位置的顏色,以及位置對(duì)側(cè)的顏色兩側(cè)的顏色,三種顏色的配色方案。
對(duì)稱三種顏色:色輪上的三種顏色形成120度的角度。
值得注意的是,在實(shí)際使用中,不要使用高飽和度的純色,雖然對(duì)比度很強(qiáng),但不一定看起來不錯(cuò)。適當(dāng)調(diào)整陰影和陰影將使整體配色方案更加出色。
03. 控制色溫營(yíng)造對(duì)比
顏色有不同的色溫,黑白灰是中性的(米色和棕色有時(shí)被歸類為中性),紅色和橙色是暖色,藍(lán)色和綠色是冷色。當(dāng)它們?cè)谝黄饡r(shí),不同的色溫可以形成良好的對(duì)比度。
在下面的情況下,藍(lán)色和黃色形成良好的對(duì)比。大綠色被明亮的黃色按鈕包圍,整個(gè)顏色充滿凝聚力。
04. 借助飽和度控制對(duì)比
當(dāng)顏色的強(qiáng)度很強(qiáng)時(shí),即,當(dāng)飽和度高時(shí),它是純色。飽和度越高,顏色越亮,飽和度越低,灰度越接近。可以對(duì)比具有不同飽和度的相同顏色的顏色,并且可以將不同顏色與不同飽和度進(jìn)行對(duì)比。
在下面的例子中,高飽和度紅色和低飽和度綠色之間的對(duì)比是顯而易見的。
05. 形狀對(duì)比:幾何形狀與有機(jī)形狀
我熟悉的幾何形狀,如矩形,三角形和圓形,是規(guī)則形狀,而源自自然物體的流體或不規(guī)則有機(jī)形狀通常不是特別規(guī)則的,幾何形狀可以對(duì)比。
整個(gè)LOGO的結(jié)構(gòu)是沈陽,這是一個(gè)規(guī)則的幾何圖形,充滿了自然的插畫式圖案,這些圖案是對(duì)比的,相互依存的。
06. 用邊角構(gòu)成對(duì)比
光滑的外形會(huì)更柔軟,給人一種友好的感覺,而尖角的形狀會(huì)給人一種清晰銳利的感覺。在設(shè)計(jì)時(shí),巧妙地將圓角和銳邊混合在一起,形成相互對(duì)比。
07. 用紋理來對(duì)比
與形狀類似,紋理可以賦予形狀一個(gè)字符,不同的字符可以形成對(duì)比。粗糙和光滑,堅(jiān)硬和柔軟,交錯(cuò)和平坦,它們都是對(duì)比。網(wǎng)絡(luò)上有很多紋理資源,如果你正確使用它,你可以取得很好的效果。
表殼中的圖案都是平滑的線條和形狀。只有它們中的數(shù)字才能添加粗糙和復(fù)古的紋理,因此大量的信息和對(duì)比度不再是單調(diào)的。
08. 調(diào)整比例構(gòu)成對(duì)比
除了為設(shè)計(jì)作品添加視覺內(nèi)容以增加視覺吸引力外,您還可以通過調(diào)整比例來增加對(duì)比度以形成大小對(duì)比度。相同尺寸的元素難以形成一層,并且對(duì)比度的大小存在差異和差異,這也更有利于構(gòu)造張力和有趣的風(fēng)格。
在下面的例子中,巨大的漢堡具有壓倒性的重量感,這是由比例差異所呈現(xiàn)的對(duì)比度。
09. 調(diào)整視覺重心來對(duì)比
視覺重心也是設(shè)計(jì)中經(jīng)常提到的概念。您需要告訴用戶某個(gè)部件比其他部件更重要。您可以通過調(diào)整其顏色,形狀,大小,樣式,紋理和其他屬性來將其設(shè)計(jì)為視覺重心。分開并成為視覺重心。
在一組辛辛那提明信片設(shè)計(jì)的情況下,雖然整個(gè)建筑是明信片中的大型視覺元素,但“享受更多”文字更具視覺突出性,即視覺重心。
10. 通過留白形成對(duì)比
雖然用信息填充頁面或畫布非常誘人,但效果往往不好,而空白區(qū)域同樣重要。可以預(yù)期空白分割內(nèi)容,組織設(shè)計(jì)元素,并形成對(duì)比。布局越復(fù)雜和變化,保持空白就越重要(特別是,它不一定是白色)。出現(xiàn)白色空間后,設(shè)計(jì)的不同部分之間存在明顯的對(duì)比。
在這種情況下,白色空間將兩個(gè)側(cè)邊欄和中間圖片分開,以使信息更有條理,并突出顯示關(guān)鍵點(diǎn)。
11. 通過位置控制來實(shí)現(xiàn)對(duì)比
在一定程度上,每個(gè)設(shè)計(jì)工作都需要平衡平衡和張力,使設(shè)計(jì)平衡,不沉悶,有組織,不引人注目。怎么做?通常借助于三向方法和對(duì)角線結(jié)構(gòu)來控制布局。
·三方法:頁面分為9個(gè)區(qū)域,分為兩個(gè)水平和兩個(gè)垂直,四個(gè)線條的四個(gè)交叉點(diǎn)是視覺重心。這是一個(gè)動(dòng)態(tài)的布局,更自然,更舒適,放在中心的設(shè)計(jì)單調(diào)乏味。
在頁面的情況下,玫瑰和標(biāo)題位于整個(gè)布局的兩個(gè)節(jié)點(diǎn)上,對(duì)稱且自然,并且不同屬性的元素也交錯(cuò)以形成對(duì)比。
對(duì)角線:對(duì)角線和S形布局使設(shè)計(jì)動(dòng)感,眼睛移動(dòng)更自然,不遵循傳統(tǒng)的水平和垂直運(yùn)動(dòng),更有趣,消除了布局的單調(diào)性。
12. 用意外來營(yíng)造對(duì)比
意想不到的設(shè)計(jì)通常非常有效,因?yàn)樗顾与y忘。突變,不一致和非典型都是意想不到的特征。充滿驚喜的元素將在設(shè)計(jì)中產(chǎn)生正面和背面的對(duì)比。意想不到的顏色和圖形就是這樣的設(shè)計(jì)。
這個(gè)頁面的設(shè)計(jì)和布局是一樣的,原始的簡(jiǎn)單布局通過元素之間的封面“交互”。
13. 通過重復(fù)和模式來對(duì)比
嚴(yán)格來說,通過創(chuàng)建視覺焦點(diǎn)和有趣的視覺效果來對(duì)比重復(fù)的樣式和模塊化設(shè)計(jì)。
在這種名片設(shè)計(jì)中,設(shè)計(jì)師在左側(cè)使用圖形圖案,不僅與右側(cè)形成對(duì)比,而且還有助于增強(qiáng)品牌知名度。
14. 使用位置和方向來對(duì)比
交錯(cuò)的位置和不一致的方向可以構(gòu)成對(duì)比。不同的間距,不同的空間特性,打破整個(gè)設(shè)計(jì)的一致性特征,并妥善控制平衡,可以創(chuàng)造出相當(dāng)好的對(duì)比度,而且不會(huì)過于違反。
案例中的一些文本使用傾斜布局,使布局不再單調(diào),并且手寫與非襯線字體形成對(duì)比。
15. 通過靠近和分離來對(duì)比
通過分組來組織內(nèi)容也是一種常見的設(shè)計(jì)技術(shù),可以更輕松地更清晰地導(dǎo)航和分割內(nèi)容。這也是以這種方式劃分群體和個(gè)人的比較。
案例是一個(gè)簡(jiǎn)歷,其中良好的結(jié)構(gòu)通過不同內(nèi)容的接近和分離呈現(xiàn),結(jié)合對(duì)齊和顏色設(shè)置,這是一個(gè)很好的工作。
16. 借助視覺引導(dǎo)來構(gòu)建對(duì)比
研究表明,人們可以記住他們所看到的80%,這就是為什么設(shè)計(jì)是一個(gè)強(qiáng)大的工具。但是用戶需要適當(dāng)?shù)囊曈X指導(dǎo)來查找重要內(nèi)容。因此,視覺引導(dǎo)非常重要,并且內(nèi)容的重要性和組織通過諸如點(diǎn),箭頭和下劃線的各種方法來區(qū)分。以下案例正是如此。
17. 復(fù)雜和簡(jiǎn)單的對(duì)比
混合復(fù)雜和簡(jiǎn)單的樣式通常會(huì)產(chǎn)生足夠的對(duì)比度。這種對(duì)立本身就是一種對(duì)比。以下示例是復(fù)雜花卉風(fēng)格的簡(jiǎn)單示例,以及極簡(jiǎn)主義空白區(qū)域與文本之間的對(duì)比。
18. 字體組合的對(duì)比
與單一字體系列所追求的一致設(shè)計(jì)不同,對(duì)比敏感字體組合傾向于使用不同類型的字體。但是,在這個(gè)設(shè)計(jì)中有一些值得注意的地方:如果你想要對(duì)比,那么字體必須有明顯的差異,只有這樣才會(huì)有歧視。不同的字體應(yīng)該處理不同的功能不要在同一功能區(qū)域使用不同的字體,這會(huì)引起混淆。一般來說,使用襯線和非密封體是一個(gè)不錯(cuò)的選擇。以下是執(zhí)行此操作的方法。
19. 在進(jìn)行排版的對(duì)比度設(shè)計(jì)的時(shí)候務(wù)必要注意
當(dāng)您在尋找字體組合時(shí),您需要對(duì)比而不是沖突,這是不同的。兩種字體之間存在差異,有時(shí)是對(duì)比,還有沖突。這種差異沒有明確的規(guī)則。更常見的是,這取決于設(shè)計(jì)師的直覺判斷。如果你更多地看它,你會(huì)逐漸理解它。
以下信息圖表反映了各種字體之間的搭配。它非常有趣,可以在很大程度上看到。
20. 借助樣式和字重來構(gòu)建排版對(duì)比度
許多字體具有不同的樣式和權(quán)重,例如細(xì),粗,斜體,窄等。這些字體用于排版以創(chuàng)建突出顯示不同部分的對(duì)比度。
網(wǎng)站建設(shè),沈陽網(wǎng)站建設(shè),沈陽網(wǎng)絡(luò)公司,沈陽網(wǎng)站設(shè)計(jì),沈陽網(wǎng)站制作