楊曄
1色彩的特性
1.1 色彩的注目性
網(wǎng)頁(yè)界面設(shè)計(jì)是否能夠成功,很大一部分原因取決于設(shè)計(jì)師對(duì)顏色的使用。為了加強(qiáng)網(wǎng)頁(yè)界面設(shè)計(jì)色彩的注目性,在網(wǎng)頁(yè)界面設(shè)計(jì)的過(guò)程中,應(yīng)該注意以下幾點(diǎn):
首先,確定一個(gè)主色調(diào),也就是整個(gè)界面的色彩選擇,這樣有利于體現(xiàn)網(wǎng)站的主題。其次,在網(wǎng)頁(yè)界面的整體色彩搭配上,盡量不要做范圍太大的對(duì)比處理,而是采用“大調(diào)和、小對(duì)比”的色彩搭配原則。因?yàn)槿说囊曈X(jué)習(xí)慣總是希望在一個(gè)大范圍的視野中尋找某些興奮點(diǎn)。再者,就是還要考慮在同一種類型的網(wǎng)頁(yè)中,設(shè)計(jì)時(shí)所采用的網(wǎng)頁(yè)界面色調(diào)和其他網(wǎng)頁(yè)界面的色彩所產(chǎn)生的對(duì)比關(guān)系,兩者搭配起來(lái)是否生動(dòng)而不沖突,也是增加色彩注目性的一個(gè)重中之重。
1.2 色彩的合適性
任何設(shè)計(jì)的根本法則,均是內(nèi)容決定了形式,形式要為內(nèi)容服務(wù)。反映在網(wǎng)頁(yè)界面設(shè)計(jì)上,則是頁(yè)面的色彩一定要與網(wǎng)頁(yè)的內(nèi)容相呼應(yīng),色調(diào)則一定要與網(wǎng)頁(yè)表達(dá)的內(nèi)容相適合。因此,在設(shè)計(jì)網(wǎng)頁(yè)界面時(shí),如何確定頁(yè)面的色彩,一定不要憑空想象。網(wǎng)頁(yè)界面的設(shè)計(jì)必須服務(wù)于所要針對(duì)的人群,在運(yùn)用色彩時(shí),必須根據(jù)不同的企業(yè)的不同風(fēng)格和要求進(jìn)行設(shè)計(jì)。例如,食品類的網(wǎng)頁(yè)界面,其色彩效果要干凈、衛(wèi)生,能夠引起人們的食欲,可以使用活潑鮮亮的色調(diào)去建構(gòu);藥品類網(wǎng)頁(yè)界面的色彩設(shè)計(jì),應(yīng)給人以鎮(zhèn)定、安靜之感;化妝品類的網(wǎng)頁(yè)界面色彩設(shè)計(jì),則要給人一種典雅、高貴的感覺(jué)。以護(hù)手霜而聞名于世的妮維婭(NIVEA)品牌(圖2),網(wǎng)頁(yè)界面的主色調(diào)為藍(lán)色,給人的感受是淡雅、清爽,同時(shí)作為輔助色彩的白色,給人以信任之感,使得該網(wǎng)頁(yè)很好地體現(xiàn)了公司的品牌形象。因此,只有設(shè)計(jì)用色和網(wǎng)頁(yè)界面內(nèi)容和諧統(tǒng)一,才能使瀏覽者留下深刻的印象,達(dá)到正確迅速地傳遞信息的作用。
1.3 色彩的獨(dú)特性
色彩的獨(dú)特性是指“個(gè)性”,也就是它本身所具有的獨(dú)特之處。站在心理學(xué)的立場(chǎng)上來(lái)說(shuō),大部分的人都有一定的獵奇心理,能不能滿足用戶的心理需求,可不可以設(shè)計(jì)出有“個(gè)性”的網(wǎng)貞界面色彩,是網(wǎng)頁(yè)界面設(shè)計(jì)師的使命。
受后現(xiàn)代主義思潮的影響,具有個(gè)性化、象征性的色彩設(shè)計(jì)風(fēng)格,已成為優(yōu)秀網(wǎng)頁(yè)界面設(shè)計(jì)的主流。優(yōu)秀的網(wǎng)頁(yè)界面設(shè)計(jì)的靈魂在于不斷創(chuàng)新,必須與眾不同具有自身的特色。競(jìng)爭(zhēng)力大的網(wǎng)頁(yè)界面多數(shù)為有個(gè)性和特色的,在互聯(lián)網(wǎng)時(shí)代這種網(wǎng)頁(yè)界面設(shè)計(jì)成為同類企業(yè)競(jìng)爭(zhēng)的重要手段,也是企業(yè)第一時(shí)間把自己的信息公布于世的平臺(tái)。要想設(shè)計(jì)出具有自己特色的用戶界面,一下這幾個(gè)方面是值得注意的。
第一,用色上要?jiǎng)e出心裁不受同類網(wǎng)頁(yè)固定模式的限制。第二,要善于發(fā)現(xiàn)新的色彩,對(duì)自己設(shè)計(jì)的色彩領(lǐng)域進(jìn)行新的開(kāi)發(fā),擴(kuò)大色彩的設(shè)計(jì)領(lǐng)域。要全方位多方面的看待色彩對(duì)人心理的影響,更要搞清楚每種顏色的性質(zhì)和功能。
1.4人對(duì)色彩的感知
UI設(shè)計(jì)包括手機(jī)圖形的版面設(shè)計(jì)和圖形用戶界面設(shè)計(jì)。圖形用戶界面設(shè)計(jì)包括手機(jī)圖標(biāo),手機(jī)上顯示的顏色,手機(jī)瀏覽器的導(dǎo)航,顯示的文字等等。版式設(shè)計(jì)包括交互設(shè)計(jì)和布局設(shè)計(jì)。UI設(shè)計(jì),不僅要保持界面一致性,圖標(biāo)設(shè)計(jì)風(fēng)格和技術(shù)保持一致,設(shè)計(jì)的顏色應(yīng)該統(tǒng)一在風(fēng)格上,讓用戶直觀地感受完整性和一致性。
在設(shè)計(jì)手機(jī)圖標(biāo)時(shí),圖標(biāo)的顏色不是任意確定的。當(dāng)用戶觸摸該圖標(biāo)時(shí),圖標(biāo)的顏色首先會(huì)被注意到,并且不同的顏色的圖標(biāo)給人帶來(lái)的感覺(jué)是不同的。
綠色賦予人們無(wú)限的安全感,并可以在協(xié)調(diào)人際關(guān)系方面發(fā)揮重要作用。綠色象征自由和平、新鮮舒適;黃綠色給人清新、有活力、快樂(lè)的感受;色彩明度降低會(huì)給人穩(wěn)重、有重量的感覺(jué),比如墨綠、橄欖綠等。
藍(lán)色是冷色調(diào)的色彩,看起來(lái)沉穩(wěn)、明亮、深邃、沉著、憂郁。
橙色是活躍的、溫暖的、喜悅的、朝氣蓬勃的,能帶給人快樂(lè),橙色非?;顫姷念伾o人眼前一亮,讓人記憶深刻,可以搭配很多顏色。介于橙色和粉紅色之間的粉橘色,則是浪漫中帶著成熟的色彩,讓人感到安適、放心。
白色象征干凈、簡(jiǎn)約、誠(chéng)實(shí)。是百搭的色彩。
黑色象征權(quán)威、高雅、低調(diào)、創(chuàng)意。
紅色熱情、興奮、具有生命力,讓人感覺(jué)脈搏加快,血壓升高,情緒沖動(dòng),思維活躍。
比如圖(1)某直播平臺(tái)的的logo,選用紅色作為主色調(diào),紅色給人熱烈奔放的感覺(jué)。具有生命力,會(huì)讓人脈搏加快。
比如圖(2)眾所周知的社交類通訊軟件logo,綠色為主色調(diào)。輔色為白色。綠色給人以安全的感覺(jué),這就抓住了用戶的心理需求使用戶使用起來(lái)更放心。
參考文獻(xiàn)
[1]王泳力.淺析移動(dòng)應(yīng)用UI設(shè)計(jì)中漸變色的使用[J].工業(yè)設(shè)計(jì),2018(08):32-33.
[2]陳宇平.手機(jī)UI設(shè)計(jì)中視覺(jué)藝術(shù)元素的構(gòu)成研究[J].大眾文藝,2018(15):89-90.