網(wǎng)頁(yè)設(shè)計(jì)之色彩學(xué)問(wèn)
網(wǎng)頁(yè)設(shè)計(jì)涉及到的技術(shù)至關(guān)重要,它實(shí)質(zhì)上更多的是一門(mén)藝術(shù)。出色的網(wǎng)頁(yè)設(shè)計(jì)能夠給用戶留下深刻的印象,包括整個(gè)頁(yè)面的布局,圖片展示以及內(nèi)容編輯等,都影響著用戶對(duì)網(wǎng)頁(yè)的評(píng)價(jià),但是所有的網(wǎng)頁(yè)元素設(shè)計(jì)都離不開(kāi)色彩的搭配學(xué)問(wèn),因?yàn)榫W(wǎng)站的整體格調(diào),版面效果等是由顏色決定的,也是用戶產(chǎn)生視覺(jué)共鳴的第一要素。
我們經(jīng)常所說(shuō)的一個(gè)新穎充滿創(chuàng)意的網(wǎng)頁(yè)往往不是因?yàn)樗娴挠卸嗵貏e,而是因?yàn)樗蒙蚀钆涓淖兞巳藗儗?duì)它的整體印象,帶給用戶的視覺(jué)沖擊力極強(qiáng)引起的驚嘆。有時(shí)候,光有一個(gè)不錯(cuò)的設(shè)計(jì)形態(tài)是很難得到用戶的肯定的,只有用色彩方案賦予網(wǎng)頁(yè)該有的品質(zhì)才是一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)。
色彩搭配雖然是一種抽象的東西,但它對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)并不是那么困難,相信大多數(shù)用戶對(duì)某種網(wǎng)站的主題和顏色的印象已經(jīng)形成了一種定向,搭配起來(lái)容易得多。即使沒(méi)有足夠的理論知識(shí)和經(jīng)驗(yàn),甚至是色感,只要遵循以下幾個(gè)方面,就可在網(wǎng)頁(yè)上運(yùn)用自如。
1、網(wǎng)頁(yè)配色選擇。
用戶對(duì)顏色的認(rèn)知絕大多數(shù)是類(lèi)似的,無(wú)論是哪一類(lèi)的網(wǎng)頁(yè),如果太過(guò)花哨不僅不會(huì)帶給用戶視覺(jué)的享受,還會(huì)干擾視覺(jué),那么很明顯,網(wǎng)頁(yè)在顯眼的顏色方面配色最好不要超過(guò)三種,以免造成頁(yè)面視覺(jué)體驗(yàn)的混亂。許多人認(rèn)為不懂顏色搭配,就應(yīng)找專(zhuān)業(yè)的顏色搭配來(lái)參考,從網(wǎng)絡(luò)上搜集大量的配色工具來(lái)幫助設(shè)計(jì),事實(shí)上這種方式會(huì)阻礙配色思維的發(fā)揮,甚至被誤導(dǎo)。對(duì)于主色,只要選擇色相差異明顯的,在對(duì)比色、臨近色、冷暖色調(diào)之間能夠達(dá)到互補(bǔ)就可以了,或者在自己選擇好的主色中參考類(lèi)似網(wǎng)站案例,就可以簡(jiǎn)單完成配色。
2、靈活運(yùn)用色調(diào)變換技巧
在選擇的顏色當(dāng)中,善用透明度、柔光,顏色加深等方法來(lái)調(diào)試顏色的搭配,哪怕只選擇黑白色,也可通過(guò)這種方式讓顏色看起來(lái)不失光彩。
3、給顏色加上特效
顏色特效包括陰影,扭曲漸變,高光,線條映襯等,注重顏色的細(xì)節(jié)往往還是配色的成功之道,顏色種類(lèi)盡管單調(diào),但在特效上運(yùn)用得當(dāng),也能彰顯網(wǎng)頁(yè)藝術(shù)特性。
當(dāng)然,在網(wǎng)頁(yè)設(shè)計(jì)選擇色彩之前,一定要先綜合考量網(wǎng)站的特性,前期工作固然不可忽略,免得最終設(shè)計(jì)的效果與用戶的期待不相符,造成用戶體驗(yàn)不佳的結(jié)果。說(shuō)到這個(gè),也即是網(wǎng)站的定位和受眾目標(biāo)的考慮,例如:科技類(lèi)的網(wǎng)站用戶印象中都是充滿神秘的,那么黑色,藍(lán)色估計(jì)是比較容易接受的網(wǎng)站風(fēng)格,最好迎合用戶的認(rèn)知習(xí)慣;再如,生態(tài)環(huán)保類(lèi)網(wǎng)站,用戶可能首先想到的是綠色,那就不能選擇出入太大的顏色作為主色調(diào)。
網(wǎng)頁(yè)設(shè)計(jì)配色學(xué)問(wèn),說(shuō)難不難,說(shuō)其容易也不簡(jiǎn)單,選擇對(duì)的顏色搭配或許是成功的一半,它能抓住用戶對(duì)網(wǎng)站的第一感覺(jué),傳遞信任感,讓用戶更容易記住。
復(fù)制本文《網(wǎng)頁(yè)設(shè)計(jì)之色彩學(xué)問(wèn)》地址給好友: