2021-08-22 分類: 網(wǎng)站設(shè)計
色彩能夠幫助設(shè)計師達成各種各樣的目的,靈活的運用能夠讓實現(xiàn)這一切。所以,在玩轉(zhuǎn)配色本身之外,進階的色彩運用技巧還有很多。
1、通過對比度吸引用戶注意
在設(shè)計過程中,使用色彩來控制對比度也是設(shè)計師頻繁使用的技巧之一。當(dāng)設(shè)計的整體色調(diào)趨于柔和和平靜的時候,突然注入強對比的色彩,能夠瞬間抓住用戶的注意力。
而Thinx這個網(wǎng)站在設(shè)計的時候就將對比度控制得很好。網(wǎng)頁主體的配色采用的是經(jīng)典的黑白搭配,白色的背景搭配黑色的文本。而整體的設(shè)計感的來源則主要源于排版和彩色的圖片。網(wǎng)站所采用的圖片明顯經(jīng)過精心的選擇和設(shè)計,紅色的底色、黑色的內(nèi)衣和模特外露的細膩肌膚色在圖片激烈的碰撞,漂亮而充滿誘惑,圖片大膽的色調(diào)搭配和素色的背景與文字形成了鮮明而強烈的對比,無論是經(jīng)典的紅黑搭配,還是永恒的黑白配色,都足夠漂亮和吸引人。
Thinx這個案例我非常喜歡,并且經(jīng)常會用到,因為它證明了設(shè)計師并不一定非得靠高飽和度的霓虹色來創(chuàng)造高對比度的配色。即使是兩種平衡的顏色,也能讓整個設(shè)計脫穎而出。
2、充分利用色彩的相似性
除開其他的目的,設(shè)計師使用色彩或者調(diào)整色彩的目的,基本都是為了創(chuàng)造設(shè)計的一致性。InVision的年度總結(jié)頁面使用了從粉色到紫色的漸變,在頁面的下方,粉色和紫色同樣應(yīng)用到了按鈕中,此外,在著陸頁當(dāng)中,將對比度明顯的白色置于粉色紫色的背景之上,確保信息的清晰呈現(xiàn)。如果色彩每次都不一樣,那么整個設(shè)計看起來就不是那么令人難忘了。
另外一個案例來自于Comotion。Comotion的工作室首頁采用了幾種不同的色彩,但是這些色彩的色調(diào)是非常接近的,從而創(chuàng)建出了一種和而不同的配色方案。在這個設(shè)計案例當(dāng)中,幾個不同的色彩互為搭配,并不會太過于突出,但是又能夠恰到好處地進行強調(diào),最終讓色彩足夠好看,有保持了用戶的參與度。
3、通過比例變化創(chuàng)造視覺焦點
控制色彩的比例來創(chuàng)造視覺焦點是常見的色彩運用手法之一,控制色彩的比例實際主要是通過控制色彩所在元素的大小來達成效果的。比如Viporte這個網(wǎng)站,當(dāng)你上下滾動首頁的時候,每個部分都用超大的字體進行了裝飾,而每個字母都使用了漂亮的色彩進行填充。不同的文字使用了不同的色彩,并且搭配以相應(yīng)的圖片。每個頁面的焦點肯定是最中心的圖片和字母,而焦點的形成和色彩的比例與運用脫不開關(guān)系。控制色彩的占比,無論是多還是少,只要有明確的目的,總能形成吸引注意力的焦點。無論是我們常說的“萬花叢中一點綠”,還是極簡主義設(shè)計中大面積的留白,都是色彩比例控制下所構(gòu)成視覺焦點的典型案例。
在網(wǎng)站設(shè)計配色中了解了這么多,當(dāng)你將上述的色彩使用技巧都合理的運用起來,可以靈活的創(chuàng)造視覺焦點,構(gòu)造層次,打造真正有趣而有用的設(shè)計。
網(wǎng)頁題目:網(wǎng)站設(shè)計中的色彩技巧,創(chuàng)造更優(yōu)質(zhì)的用戶體驗
當(dāng)前URL:http://redsoil1982.com.cn/news/123312.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有用戶體驗、網(wǎng)站設(shè)計等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容