網(wǎng)站建設想要對比對明顯，可以做到以下幾點(diǎn)發(fā)布者：本站     時(shí)間：2021-02-23 08:02:15

對比其實(shí)是不同元素和個(gè)體之間的差異的外化表現，差異越大，對比就越明顯。在幾乎所有的設計項目當中，設計師總會(huì )出于各種目的來(lái)營(yíng)造對比，通常而言，對比可以用來(lái)：

強調重點(diǎn)
提高可讀性
創(chuàng )建層次
增加視覺(jué)吸引力
很多時(shí)候對比度能夠讓設計顯得更加時(shí)尚，今天的文章我們將會(huì )分享一些實(shí)用的方法，幫你提升設計中的對比度。

1、調整元素的尺寸大小構成對比
如果你所設計的UI界面或者插畫(huà)當中，絕大多數的元素都是尺寸相似的，位置對稱(chēng)的，色彩相似，那么它們在一起是很難創(chuàng )造出視覺(jué)焦點(diǎn)的。

增加設計的對比度的諸多方法當中，讓元素之間的尺寸差別盡可能大一點(diǎn)是最快最直接的。想要達到這個(gè)目標，可以讓某個(gè)元素更大一點(diǎn)，或者更小一點(diǎn)。用戶(hù)的眼睛會(huì )很自然地被這種差異性吸引過(guò)去，因為它們是不同的。

如果你此刻所設計的是網(wǎng)頁(yè)，那么可以讓標題或者CTA標語(yǔ)和按鈕比周?chē)脑馗笠恍?。更大的元素?huì )擁有更明顯的視覺(jué)重量，這種東西可以通過(guò)對比來(lái)呈現。

下面是一些實(shí)戰案例：



2、使用紋理和圖案來(lái)構建對比
想創(chuàng )造對比度更高的設計，本質(zhì)始終還在在于創(chuàng )造差異。而紋理和圖案這種元素，相互之間往往有著(zhù)很大的差異，在設計的時(shí)候可以充分利用這一點(diǎn)。比如可以讓粗糙的紋理和平滑的元素搭配在一起，創(chuàng )造出對比度。

另外一方面，紋理本身會(huì )帶有一些特定的屬性，比如粗糲的紋理能夠創(chuàng )造復古的質(zhì)感，微妙的紋理則能夠給人自然的感受。同樣的，不同的氣質(zhì)和質(zhì)感之間也存在差異，一方面能夠創(chuàng )造更加獨特的效果，另外一方面也能強化對比度


3、通過(guò)色彩強化對比度
配色也是很重要的設計技巧，同樣是最容易被感知到的設計元素。色彩的色相、明暗、飽和度上的差異，都能夠制造足夠對比度。同一種色相之下，不同深淺的顏色之間的對比是非常明顯的，而我們最常見(jiàn)的就是在黑色背景上的白色文本和在白色背景上的黑色文本，這種對比度確保了內容擁有基本的可讀性。

當然，在實(shí)際的色彩搭配當中，對比度足夠明顯的配色方案會(huì )更加復雜，通常而言，下面基于色輪的三種色彩搭配方式能夠給你對比明顯效果不錯的配色：

互補配色。色輪上處于相對位置的兩種色彩，比如紅色和綠色。
分割互補。這是互補配色的變種，指的是色輪上相鄰的兩種色彩和它們各自相對位置的色彩，共同組成的配色方案。
三元互補。這指的是在色輪上互相間隔120度的三種色彩組成的配色，比如綠色，紫色和橙色構成的配色。
TripAdvisor 這個(gè)網(wǎng)站就使用了三元互補的配色，來(lái)構建對比色。

最后補充一句，除了借助色輪以外，還可以比較簡(jiǎn)單地使用冷色和暖色來(lái)作為對比色，構建配色方案。

想要讓對比度更明顯，可以從這6方面入手

4、通過(guò)留白來(lái)制造層次和對比
在設計的時(shí)候，留白是組織內容的重要手段，它們能夠創(chuàng )造足夠明晰的視覺(jué)層次。比如設計一個(gè)包含大量?jì)热莸捻?yè)面，不同元素之間的疏密控制，能讓內容各自擁有不同的層級，不同元素之間的留白和間距，則能夠讓它們擁有不同程度的吸引力。被大量留白所環(huán)繞的元素，更容易吸引人的注意力。