網(wǎng)站建設(shè)想要對比對明顯,可以做到以下幾點發(fā)布者:本站 時間:2021-02-23 08:02:15
對比其實是不同元素和個體之間的差異的外化表現(xiàn),差異越大,對比就越明顯。在幾乎所有的設(shè)計項目當(dāng)中,設(shè)計師總會出于各種目的來營造對比,通常而言,對比可以用來:
強調(diào)重點
提高可讀性
創(chuàng)建層次
增加視覺吸引力
很多時候?qū)Ρ榷饶軌蜃屧O(shè)計顯得更加時尚,今天的文章我們將會分享一些實用的方法,幫你提升設(shè)計中的對比度。
1、調(diào)整元素的尺寸大小構(gòu)成對比
如果你所設(shè)計的UI界面或者插畫當(dāng)中,絕大多數(shù)的元素都是尺寸相似的,位置對稱的,色彩相似,那么它們在一起是很難創(chuàng)造出視覺焦點的。
增加設(shè)計的對比度的諸多方法當(dāng)中,讓元素之間的尺寸差別盡可能大一點是最快最直接的。想要達到這個目標(biāo),可以讓某個元素更大一點,或者更小一點。用戶的眼睛會很自然地被這種差異性吸引過去,因為它們是不同的。
如果你此刻所設(shè)計的是網(wǎng)頁,那么可以讓標(biāo)題或者CTA標(biāo)語和按鈕比周圍的元素更大一些。更大的元素會擁有更明顯的視覺重量,這種東西可以通過對比來呈現(xiàn)。
下面是一些實戰(zhàn)案例:
2、使用紋理和圖案來構(gòu)建對比
想創(chuàng)造對比度更高的設(shè)計,本質(zhì)始終還在在于創(chuàng)造差異。而紋理和圖案這種元素,相互之間往往有著很大的差異,在設(shè)計的時候可以充分利用這一點。比如可以讓粗糙的紋理和平滑的元素搭配在一起,創(chuàng)造出對比度。
另外一方面,紋理本身會帶有一些特定的屬性,比如粗糲的紋理能夠創(chuàng)造復(fù)古的質(zhì)感,微妙的紋理則能夠給人自然的感受。同樣的,不同的氣質(zhì)和質(zhì)感之間也存在差異,一方面能夠創(chuàng)造更加獨特的效果,另外一方面也能強化對比度
3、通過色彩強化對比度
配色也是很重要的設(shè)計技巧,同樣是最容易被感知到的設(shè)計元素。色彩的色相、明暗、飽和度上的差異,都能夠制造足夠?qū)Ρ榷?。同一種色相之下,不同深淺的顏色之間的對比是非常明顯的,而我們最常見的就是在黑色背景上的白色文本和在白色背景上的黑色文本,這種對比度確保了內(nèi)容擁有基本的可讀性。
當(dāng)然,在實際的色彩搭配當(dāng)中,對比度足夠明顯的配色方案會更加復(fù)雜,通常而言,下面基于色輪的三種色彩搭配方式能夠給你對比明顯效果不錯的配色:
互補配色。色輪上處于相對位置的兩種色彩,比如紅色和綠色。
分割互補。這是互補配色的變種,指的是色輪上相鄰的兩種色彩和它們各自相對位置的色彩,共同組成的配色方案。
三元互補。這指的是在色輪上互相間隔120度的三種色彩組成的配色,比如綠色,紫色和橙色構(gòu)成的配色。
TripAdvisor 這個網(wǎng)站就使用了三元互補的配色,來構(gòu)建對比色。
最后補充一句,除了借助色輪以外,還可以比較簡單地使用冷色和暖色來作為對比色,構(gòu)建配色方案。
想要讓對比度更明顯,可以從這6方面入手
4、通過留白來制造層次和對比
在設(shè)計的時候,留白是組織內(nèi)容的重要手段,它們能夠創(chuàng)造足夠明晰的視覺層次。比如設(shè)計一個包含大量內(nèi)容的頁面,不同元素之間的疏密控制,能讓內(nèi)容各自擁有不同的層級,不同元素之間的留白和間距,則能夠讓它們擁有不同程度的吸引力。被大量留白所環(huán)繞的元素,更容易吸引人的注意力。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯過
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗,優(yōu)秀的技術(shù)和設(shè)計水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時聯(lián)系電話:021-58370032
關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)