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