網(wǎng)站設(shè)計(jì)是怎樣利用深色系的配色來搭配動(dòng)效?平時(shí)我們看到的網(wǎng)站設(shè)計(jì),其基本的色彩方案都是以淺色為主,背景大多為白色或淺色。有趣的是,近兩年來大量的網(wǎng)站都采用了黑底黑,而且這些深色系網(wǎng)站也經(jīng)常設(shè)計(jì)得很時(shí)尚,配上有趣的動(dòng)作效果,讓網(wǎng)站擁有近乎電影般的視覺體驗(yàn)。
創(chuàng)造出神秘。
近幾年,將深色系與運(yùn)動(dòng)效果結(jié)合,的確悄然流行。以黑或黑為主的配色方案,還配以超酷的動(dòng)態(tài)效果,創(chuàng)造出層次感的視覺效果,并使前景元素更加聚焦,創(chuàng)造出微妙的情調(diào)和迷人的神秘,也讓使用者不由自主地關(guān)注設(shè)計(jì)師所能創(chuàng)造的焦點(diǎn),在這神秘的氛圍中,被被動(dòng)效果加持的視覺焦點(diǎn)元素將會(huì)讓使用者好奇,究竟會(huì)有什么樣的結(jié)局發(fā)生。
如果你簡單的腦補(bǔ)一下“深色系搭配有效的顏色”,就很難看出這個(gè)效果會(huì)如此的出色。原因可能有如下幾個(gè)原因:
::在色彩方案中將沒有很多的色彩。
::很少有清晰的對比。
::整個(gè)設(shè)計(jì)似乎非常簡單。
也許是因?yàn)檫@個(gè)站點(diǎn)的設(shè)計(jì)看上去并不復(fù)雜,而且它還打破了以前設(shè)計(jì)的規(guī)則,所以起到了作用。又或許是由于它所營造出來的黑暗氣氛和神秘,人畢竟是充滿好奇的,這種欲蓋彌彰的效果往往比展現(xiàn)出來的更撩人,更容易勾起用戶的好奇心。
但是在許多設(shè)計(jì)作品中,我們看到設(shè)計(jì)師不只是創(chuàng)造了一些神秘的感覺,還會(huì)加入許多情感作為引導(dǎo),這些情感在神秘的氣氛中發(fā)酵,會(huì)讓用戶身不由己地被這種視覺模式吸引。
其它的黑色調(diào)子也一樣。
盡管大多數(shù)設(shè)計(jì)者選擇黑色為主調(diào),但事實(shí)上并非只有黑色才適合這種設(shè)計(jì)趨勢,深色也同樣具有這種效果,不過也許這需要對設(shè)計(jì)師的調(diào)色和搭配能力進(jìn)行考驗(yàn)。
網(wǎng)頁設(shè)計(jì)技巧:如何運(yùn)用深色系的配色與有效的網(wǎng)站設(shè)計(jì)技巧。
設(shè)計(jì)者希望配色和動(dòng)態(tài)效果能有效搭配,確定主色后,[敏感詞]在配色方案中加入同色但不同明暗、飽和度的顏色,使整個(gè)網(wǎng)站設(shè)計(jì)的配色統(tǒng)一而豐富。
在采用深色為主色調(diào)的配色方案時(shí),盡量接近單一的顏色,同時(shí)要注意配色中的對比度:不夠明顯使人迷惑,太強(qiáng)則不夠微妙。
什么是黑色系配色在動(dòng)態(tài)效果上的限制?
在設(shè)計(jì)中,暗色系搭配動(dòng)態(tài)效果的設(shè)計(jì)趨勢,并非適合所有網(wǎng)站設(shè)計(jì),也不符合每一個(gè)項(xiàng)目的實(shí)際需要,因?yàn)樗衿渌O(shè)計(jì)趨勢一樣,有獨(dú)特的局限性:
::在移動(dòng)端顯示效果一般;
::可訪問性方面多少有些問題;
::對部分使用者來說吸引力不夠;
::導(dǎo)航和CTA要素并不適合;
::當(dāng)環(huán)境光線不足或不好時(shí),網(wǎng)頁可能難以看到;
::有一部分用戶可能不喜歡網(wǎng)站表現(xiàn)出來的情感;
::使用者可能會(huì)在較短的時(shí)間內(nèi)感到無聊;
::使用時(shí)的注意事項(xiàng)。
在黑色的基礎(chǔ)上配上黑色效果要注意什么?
如您希望將其用于您自己的網(wǎng)站設(shè)計(jì),請注意以下事項(xiàng):
1.減少頁面元素:過于流行的設(shè)計(jì)手法可能讓用戶感到不舒服,同時(shí)過多的元素也會(huì)破壞一種好的感覺。
2.使用對比色:通常白色文字在暗色的背景中顯示得[敏感詞],剩下的按鈕,導(dǎo)航元素,信息也可以采用對比色。
3.簡化成效:太復(fù)雜的動(dòng)力作用可能使使用者感到眩暈,而堅(jiān)持簡單的動(dòng)力作用也許能產(chǎn)生良好的效果。
四層結(jié)構(gòu):深色系的配色搭配有效,可以讓不同層次的元素,給人以觸感,給人一種真正的觸覺效果,同時(shí)也讓設(shè)計(jì)師更好的創(chuàng)造對比,也更易于管理。
5.版式設(shè)計(jì):在保證版式設(shè)計(jì)的前提下,采用不同粗細(xì)、大小反差的字體,可以營造形體感,同時(shí)通過大膽的排版和字體設(shè)計(jì),可以創(chuàng)造出不落俗套的設(shè)計(jì)。
顏色對于網(wǎng)站設(shè)計(jì)的影響是很大的,盡管深色系的配色方案往往會(huì)使網(wǎng)站設(shè)計(jì)顯得深沉而神秘,它所能承載的情感就會(huì)更非常規(guī)。若想讓設(shè)計(jì)更加貼近大眾,淺色系的配色方案會(huì)比較適合,深色系會(huì)有一種與眾不同的感覺。
聲明:本文內(nèi)容可能屬于摘抄或轉(zhuǎn)載。若發(fā)現(xiàn)本站文章存在版權(quán)問題,如發(fā)現(xiàn)文章、圖片等侵權(quán)行為,請聯(lián)系我們刪除。