【摘要】:隨著互聯(lián)網(wǎng)的迅猛發(fā)展,人們對智能手機的依賴性越來越強。與此同時,伴隨著人們生活情趣和審美意識的提高,時尚熱衷人士也越來越多,市場上關(guān)于時尚類app的開發(fā)數(shù)目日益增多。色彩作為視覺表現(xiàn)的基本元素,一直扮演著重要的角色。不同的色彩,傳遞給人不同的感受。UI即用戶界面,本文所談及的UI主要指智能手機的界面。在時尚類app的UI設(shè)計中,合理的運用色彩組合,正確利用色彩的心理學(xué)特征與情感表達(dá),能有效、生動地詮釋主題,能更好的滿足時尚女性和時尚相關(guān)人士的視覺需求和情感需求。對于研究時尚類app的UI色彩應(yīng)用具有一定的實際意義。一方面,應(yīng)從視覺語言上注重合理配色;另一方面,應(yīng)充分考慮產(chǎn)品的行業(yè)內(nèi)容和用戶屬性,結(jié)合具體的信息形式以及時尚群體的特點和需求。本文從色彩的基本原理著手,通過研究色彩的心理學(xué)特點和其對人感知的影響, 結(jié)合時尚類app的表現(xiàn)內(nèi)容和相關(guān)受眾群體特征,從中探索時尚類app在UI設(shè)計中的色彩應(yīng)用表達(dá)。
【關(guān)鍵詞】:時尚類app;UI設(shè)計;色彩應(yīng)用
人們的生活處處都充滿了色彩,色彩對于人們的視覺滿足是非常重要的。色彩能夠展示和表達(dá)各種情感。通過色彩人們能夠進(jìn)行創(chuàng)造,更能夠獲得視覺上的安撫和心理上的暗示?;ヂ?lián)網(wǎng)的出現(xiàn),促進(jìn)了人們對于生活的新感受。通過對色彩的合理安排,使得世界的展示更豐富。在時尚類app的UI設(shè)計中,合理的運用色彩組合,正確利用色彩的情感意義,能有效、生動地詮釋相應(yīng)主題,能更好的滿足時尚女性和時尚相關(guān)人士的視覺需求和情感需求。
1.色彩的應(yīng)用概述
1.1 色彩基本原理與通用常識
色彩是通過人眼對光的接收,從而感受到不同顏色的。通過光線人們感受到了事物的不同。對于色彩的沖擊,人們的眼睛能夠?qū)ι十a(chǎn)生反應(yīng),通過這種不同反射光波長的區(qū)別,從而讓人們感受到繽紛的色彩。人們對顏色的感受,是通過視網(wǎng)膜的細(xì)胞感知差異而輸出的。通過視網(wǎng)膜對大腦的不同刺激,顏色和光線的反射也是不同的。
1.2色彩的心理效果與感知影響
世界因為五彩斑斕的色彩而更加動人,人人都有自己的色彩喜好。色彩作為生活表達(dá)的基本元素,帶給人的心理感受具有很大影響,并且與人們的內(nèi)心傳遞著互動情感。這與人類的生活經(jīng)歷等多方因素有關(guān),比如綠色通常讓人聯(lián)想到大自然,紅色讓人聯(lián)想到火焰或是喜慶的節(jié)日等等。在UI設(shè)計時應(yīng)充分考慮色彩帶給人的心理影響作用,刺激用戶的相關(guān)情感,強化品牌或是產(chǎn)品在用戶心中的記憶。
色彩通過不同的因素共同作用才能給人們印象,人的各種反應(yīng)也是感官接受到不同的顏色信號而得到的,是不同的維度作用的結(jié)果。色彩能傳達(dá)給人溫度的感知力,比如冷暖色調(diào)。紅、黃、橘色等能給人暖心的感受;藍(lán)、紫、綠等冷色常帶給人冷的感覺。不同的色彩,通過一定的構(gòu)造和搭配還能傳遞給人距離感,比如深入淺出的畫面常常營造出由近及遠(yuǎn)的感受,此外,“收縮的深色,膨脹的暖色”也在述說色彩的功能。另外,在特定的環(huán)境下,不同的色彩還能讓人感受到不同的重量感,尺度感和軟硬感。比如淡色常常給人們輕盈感,深色帶給人重量感。 以上這些都是色彩帶給人們的感受。
2.時尚類App的UI設(shè)計分析
2.1 App概述
App是在電腦或者手機上安裝的應(yīng)用程序,是為有不同主題需求的人群進(jìn)行體驗感受服務(wù)而開發(fā)設(shè)計的。用戶在使用app的過程中,能夠感受到不同的情感和使用不同的功能。從app相關(guān)發(fā)展史上看,能夠高速處理的數(shù)據(jù)傳達(dá)功能。從各種應(yīng)用程序的使用上看,對于app的下載也是越來越多。App開發(fā)的競爭力加大,此時app的UI設(shè)計也越來越重要,包括了第一階段擬物化設(shè)計,即模擬現(xiàn)實物品的造型和質(zhì)感,通過多種設(shè)計手法對實物再現(xiàn) 。第二階段的扁平化設(shè)計,去除了冗余、厚重和繁雜的裝飾效果。是對于產(chǎn)品進(jìn)行語言界面的開拓,代表著App設(shè)計新階段的發(fā)展。
2.2時尚類app的UI現(xiàn)狀
從時尚的這個類別上出發(fā),對于時尚類的產(chǎn)品,相關(guān)概念應(yīng)該從網(wǎng)絡(luò)以及媒體上的時尚需求及行業(yè)特征考慮。時尚類app的UI設(shè)計,需要從時尚人士的需求和喜好出發(fā),需要從品牌的理念出發(fā)。時尚類app通常結(jié)合相關(guān)服裝購買網(wǎng)站進(jìn)行開發(fā),囊括大量大眾時尚品牌,消費者可進(jìn)行消費,這是響應(yīng)智能手機而產(chǎn)生的一種app營銷方式。時尚類app當(dāng)前的開發(fā)量和下載量都是巨大的,并且正在發(fā)展中。目前的時尚類app的UI設(shè)計要求符合時尚人士的需求,趨向于個性化設(shè)計,并且要求滿足顧客進(jìn)行時尚購物的需求。
2.3時尚類app的UI功能特點
從相關(guān)消費者的特征來看,相關(guān)應(yīng)用程序都有相關(guān)的平臺進(jìn)行資源整合的過程。通過app進(jìn)行時尚商品的展示,一方面能夠滿足時尚人士的時尚追求,另一方面能對商品進(jìn)行銷售。此類App的UI界面設(shè)計,應(yīng)該具有快速更新化的特性,時尚是變化的,能夠走在時尚的前沿非常重要,應(yīng)該注重個性化的特色編排。此外,從時尚類app的信息內(nèi)容出發(fā),作為互動的、時尚性的交互平臺,它的內(nèi)容形勢也是多種多樣的,有視頻、圖片和音頻等,其UI設(shè)計需要考慮產(chǎn)品中大量的信息內(nèi)容,不能喧賓奪主。
3.時尚類app的UI設(shè)計色彩應(yīng)用分析
3.1色彩在UI設(shè)計中的應(yīng)用
關(guān)于移動界面的UI設(shè)計,應(yīng)該注意多方面的因素。首先,設(shè)計風(fēng)格應(yīng)該與主題相符合。下載一個app,首先映入眼簾的就是應(yīng)用圖標(biāo),用戶對于不同色彩的圖標(biāo)就會產(chǎn)生不同感受,因此從圖標(biāo)開始,就應(yīng)該注意色彩的不同情感特征和功能感受。再次,用戶界面的整體色彩設(shè)計需要從主題特征來考慮。結(jié)合色彩能夠展示和表達(dá)各種情感的特性,確定出主色、輔色(或者裝飾色),再結(jié)合結(jié)構(gòu)等其他設(shè)計語言對色彩進(jìn)行合理搭配, 給app整體營造出理想的體驗感受。值得一提的是,色彩的心理暗示對于傳遞產(chǎn)品的情感十分重要,比如紅色代表積極、激情、活潑、喜慶,與此同時,在某些特定情況下,又有警告的意思,UI的色彩設(shè)計應(yīng)該從主題出發(fā),結(jié)合色彩的情感體驗,傳遞給用戶不同的記憶體驗。
3.2時尚類app的UI設(shè)計的色彩視覺表現(xiàn)
時尚類界面的色彩可以與時尚主題相結(jié)合,考慮到時尚信息的龐雜性,內(nèi)容中往往包含大量自帶彩色的的圖片,時尚類app的主色宜選擇一個單色,代表優(yōu)雅、甜美、柔軟、女性的粉色或是代表浪漫、典雅的紫色,亦或者是無彩色的黑白色都是出色的時尚類app中常采納的方案,如此能更好的調(diào)和信息內(nèi)容中的大量彩色,并且能給其賦予粉嫩可愛、雅致或是個性炫酷的情感特征。輔助色則多選擇清新的亮色進(jìn)行小面積裝點,突出主體內(nèi)容。值得注意的是,要避免出現(xiàn)飽和度較高的顏色。時尚類品牌的相關(guān)關(guān)注人群大多是時尚人士,對于色彩的視覺要求較高。色彩對于時尚類app的UI是非常重要的視覺語言,優(yōu)秀的設(shè)計搭配才能更好滿足時尚人士的視覺審美需求,它是時尚類app成功的關(guān)鍵。
4.總結(jié)
通過對色彩的感知特點,結(jié)合時尚類app的行業(yè)屬性和相關(guān)群體需求,粗略探索了時尚類app在UI設(shè)計中的色彩應(yīng)用,具有一定的實踐意義,時尚類app設(shè)計師要不斷提高設(shè)計能力,更新觀念,合理搭配界面色彩,也需要跟緊時尚步伐,凸顯時尚App的個性化特征,以提高相關(guān)用戶的體驗感受 。
參考文獻(xiàn):
[1]黃亞飛.UI設(shè)計與產(chǎn)品形象的關(guān)系探討[J].揚州職業(yè)大學(xué)學(xué)報,2011(3):21-23.
[2]約翰遜.認(rèn)知與設(shè)計:理解UI設(shè)計準(zhǔn)則[M].張一寧,譯.北京:人民郵電出版社,2014
[3]喬瑩瑩.平面設(shè)計中色彩觀的價值取向[D].天津:天津工業(yè)大學(xué),2012.
[4]劉卓.對現(xiàn)代平面設(shè)計色彩觀的思考[D].長春:東北師范大學(xué),2015.
[5]雷蕾,論UI設(shè)計中的色彩心理學(xué)運用[J].現(xiàn)代裝飾(理論),2015
[6]田龍過,閆河.智能手機 APP界面設(shè)計探討[J].西部廣播電視,2014,21:153-154.
[7]牟占芳,時尚審美語境下的現(xiàn)代產(chǎn)品設(shè)計研究[D].湖南大學(xué),2012
[8]虞金蕾,王勇.淺析我國時尚類雜志App的發(fā)展現(xiàn)狀[J].中國報業(yè),2014
[9]劉靜陽,秦歲明,王二盟.淺析智能手機 App 界面設(shè)計特點及細(xì)節(jié)[J].藝術(shù)品鑒,2015,02:53