冷色系的顏色包括藍(lán)色,綠色,紫色,這些顏色在視覺上相對于暖色系的顏色來說強(qiáng)度要弱。他們是水,夜,自然的代表色,給人的感覺是舒服,放松,有時還會有冷漠的感覺。藍(lán)色是其中唯一的原色,是通過其他任何顏色無法混合而來的,其他的兩種顏色都是通過其他色混合而來。一部分冷色是由冷暖色混合而來的他們繼承了一些暖色的性質(zhì)。再設(shè)計中冷色系的顏色可以營造出冷靜,嚴(yán)謹(jǐn)?shù)臍夥铡?/div>
一些科技公司對冷色系比較偏好一點(diǎn),正因?yàn)槔渖档念伾梢誀I造出專業(yè)專注的嚴(yán)謹(jǐn)?shù)男睦锔惺堋@鏚ing Root應(yīng)用在手機(jī)UI設(shè)計中。其界面運(yùn)用了藍(lán)色系的主色風(fēng)格,體現(xiàn)出產(chǎn)品在Root方面的專業(yè)性和專注感。
現(xiàn)今所有的顏色幾乎都有自己所表達(dá)的情感,和代表的心里感覺。如同紅色活力,速度,緊迫感;黃色:青春,樂觀,豁達(dá);藍(lán)色:信任,安全,神秘,有底蘊(yùn);綠色:生命力,天然,輕松;橙色:積極,進(jìn)取,活力;粉色:浪漫,女人,可愛;黑色:影響力,前衛(wèi),嚴(yán)肅;紫色:高貴,冷艷,誘惑。
每一種顏色的情感不是一成不變的,隨著飽和度和明度的變化顏色的情感也會出現(xiàn)不一樣的變化,色彩傳達(dá)出來的感受也會完全不同。色彩之間的搭配不同所傳達(dá)出來的感受也會發(fā)生變化。色彩搭配時同種顏色站的比例不一樣也會影響到顏色所表達(dá)出來的情感。隨著歷史的發(fā)展一下顏色的情感也會發(fā)生變化,地區(qū)的不同色彩的情感也存在著差異,如同在中國古代黃的是最高貴的顏色而在西方高貴的顏色則是紫色。
我們所做的產(chǎn)品是有確定的使用人群的有一定的方向的,整個社會是有不同的人群組成的因?yàn)槭艿降奈幕潭群蜕畋尘暗牟煌援a(chǎn)生了很大的差異,在不同的年齡段,不同的性別,不同的地域,不同的國家和民族對色彩的感受是截然不同的。
所以在手機(jī)UI設(shè)計中要根據(jù)自身產(chǎn)品應(yīng)用的方向行業(yè)和使用的人群以及地域和年齡段去確定我們的色彩應(yīng)用風(fēng)格和色調(diào)。錯誤的色彩搭配雖然有美感但是手機(jī)App界面設(shè)計不僅僅是為了美感而去設(shè)計的。擁有美感的配色應(yīng)對不適當(dāng)?shù)姆较蛞矔m得其反。如同你不可能在一款餐飲App中全部運(yùn)用冷色系的色彩。
在一款PIG醫(yī)生這款A(yù)pp中主要是經(jīng)營的在線寵物豬醫(yī)院和相關(guān)產(chǎn)品的商城。其主要配色以暖色調(diào),點(diǎn)綴冷色。色彩豐富甜美符合養(yǎng)寵物豬的使用者的性格,冷色是體現(xiàn)出此App的專業(yè)性。暖色系甜美的配色符合一個購物的App的配色風(fēng)格,如圖3。
在App界面設(shè)計中,創(chuàng)造獨(dú)有的氣質(zhì)和氣氛,可通過良好的色彩審美根據(jù)其色彩感情做出選擇,色彩色調(diào)也用以表現(xiàn)復(fù)雜多變的人類感情。比如:以不同色調(diào)為主的色彩、會有醒目的設(shè)計感覺,而且風(fēng)格非常鮮明,有助于表現(xiàn)激烈、沖動的思想感情。
增強(qiáng)色調(diào)對比弱的色彩,可以表達(dá)統(tǒng)一和諧的視覺效果,效果成熟,沉穩(wěn)有助于表現(xiàn)雅性,高貴。提高色彩明度有高明度的色彩為主調(diào),可表現(xiàn)快速,明朗、明快、的意象情感,降低色彩明度以低明度色調(diào)為主的色彩,可表現(xiàn)沉重深度、莊嚴(yán),沉穩(wěn)的情感基調(diào)。營造強(qiáng)烈的視覺感受可以用單一高純度的色調(diào)為主色調(diào),在富于生氣與活力的同時在視覺上可產(chǎn)生強(qiáng)烈的刺激,而且還可使設(shè)計產(chǎn)生輕松,單純,艷麗的效果和感受。
而以低純度色調(diào)為主的色彩,是可表達(dá)溫柔含蓄、和氣、樸實(shí)的情感基調(diào)。色彩越鮮艷,明朗、到位,就越能準(zhǔn)切的表達(dá)其設(shè)計的主題界面的美感和訴主訴求,明確的傳達(dá)應(yīng)用的思想態(tài)度與情感就能夠讓使用的同時既得到便捷的信息傳遞又得到了沒得感受還和應(yīng)用所要表達(dá)的情感產(chǎn)生共鳴。再有App界面設(shè)計中的色彩要層次豐富不但要自身有美感還有利用色彩來輔助交互更簡潔的處理信息的傳遞,運(yùn)用色彩來傳達(dá)情感,使設(shè)計的界面附帶感情,也使App界面會深入微妙,獲得成功。
在蘑菇街App界面設(shè)計中,因?yàn)槟⒐浇质且患覍iT做女孩子服裝等產(chǎn)品的購物App,其標(biāo)志為梅紅色為背景,其移動端的界面設(shè)計也以高明度的色調(diào)為主界面中的icon點(diǎn)綴高明度的冷色系顏色做平衡,使App夠年輕化,表達(dá)明朗明快,年輕時尚符合App使用者的年齡段。因?yàn)槠涫鼙姷哪挲g一般在15歲到30的年輕女性。其配色利用色彩的情感屬性表達(dá)出了其自身甜美,時尚年輕,明快的感覺符合其使用人群,如圖4。
手機(jī)UI設(shè)計中界面的整體性是一個App成功的關(guān)系因素,在設(shè)計之初就要選擇好界面乃至整個App的一個或者幾個標(biāo)準(zhǔn)色和幾個預(yù)備的輔助色,通常一個界面上的顏色不能過多,要有層次明確主次,色彩過多主次不分的話會給人以雜亂的感覺。
在App設(shè)計中整體的風(fēng)格要從LOGO貫穿整個界面到每一個icon的配色。這樣才能夠設(shè)計出一系列的風(fēng)格統(tǒng)一,顏色和諧的界面。
在手機(jī)UI設(shè)計中有同種色應(yīng)用:同種色搭配是首先要選擇一個基準(zhǔn)色彩調(diào)整其透明度和飽和度,或者加深或變淡色彩來得到更多的色彩。這樣色彩即統(tǒng)一又富有變化。
鄰近色搭配,鄰近色是色環(huán)上相鄰的顏色,例如綠色與藍(lán)色,紅色與黃色,利用鄰近色可以避免界面設(shè)計的錯亂,易于達(dá)到界面統(tǒng)一的效果。對比搭配,這樣的搭配最能體現(xiàn)色彩的情感,視覺沖擊力也是最強(qiáng)。一般會以一個顏色為主點(diǎn)綴其對色。暖色系的色彩應(yīng)用,暖色系的色彩應(yīng)用通常也會搭配冷色系的顏色。冷色系的顏色搭配,一般白色搭配更出效果,主要表達(dá)寧靜,高冷清涼。
在餓了么App中主色調(diào)是湖藍(lán)色,這款應(yīng)用是一個網(wǎng)上訂餐的App以湖藍(lán)色為主色調(diào)這種偏中性的色彩表現(xiàn)自身的專業(yè)性,還有其用戶群多為學(xué)生族和上班族,色彩明亮洋溢著青春的年輕,青春的氣息,同時點(diǎn)綴了其他暖色系的色彩做icon協(xié)調(diào)整體的界面色彩平衡從而也把這個界面的色調(diào)調(diào)和成為一個暖色調(diào)的點(diǎn)餐界面。其整體的色調(diào)就是以對比的用色方式以一個顏色為主要風(fēng)格色,點(diǎn)綴其對色,如圖5。
我們在自然界看到的色彩是有限的,美國的一位心理學(xué)家曾提出,同一顏色和效果出現(xiàn)的頻率太高就會產(chǎn)生膩的感覺。App界面設(shè)計色彩要勇于創(chuàng)新,只有不斷的創(chuàng)新才能在眾多的App中脫穎而出,給用戶留下深刻的印象。作為現(xiàn)在因智能手機(jī)的普及而繁榮的App應(yīng)用,一個優(yōu)秀的獨(dú)特的界面色彩運(yùn)用甚至比其自身的某些功能還要重要。作為一個App界面只有不斷的融入新的色彩元素推陳出新,更新迭代才能迎合當(dāng)下使用人群的審美要求。
在這個App界面設(shè)計互相抄襲的時期,只有打破常規(guī)特立獨(dú)行的選擇配色才能出奇制勝。才會形成自己獨(dú)特的風(fēng)格,才能讓使用者在應(yīng)用時更好的記住我們的App,才能給用戶留下深刻的印象。打破常規(guī),推陳出新才能事半功倍達(dá)到想要的富有藝術(shù)感的手機(jī)App界面設(shè)計。
色彩的積極運(yùn)用是一個App界面的一個重要前提,好的App必須由好的創(chuàng)意來進(jìn)行表達(dá),而好的創(chuàng)意一定有一個獨(dú)特的好的色彩應(yīng)用方案,不落俗套與眾不同。好的獨(dú)特的配色方案會在App界面美感上吸引受眾從而達(dá)到想要的結(jié)果。
小咖秀App中的配色就是特立獨(dú)行的典型案例,小咖秀是一款視頻拍攝軟件,同類型的有秒拍,快手等,這些應(yīng)用都是用的亮色或者甜美的顏色為自己手機(jī)端UI設(shè)計的色彩風(fēng)格,而小咖秀的誕生打破了這一常規(guī),小咖秀整體的設(shè)計風(fēng)格和配色風(fēng)格是深色接近黑色,而且運(yùn)用原色做點(diǎn)綴,加以其他洋溢著青春氣息的輔助色來進(jìn)行應(yīng)用。這種配色風(fēng)格打破了在他之前的秒拍和快手的色彩風(fēng)格,利用深色里加一下純度比較高的顏色,在色彩應(yīng)用上別具一格,從而取得了成功,如圖6。
作者:彪形大漢pro
鏈接:https://www.zcool.com.cn/article/ZMTYzMjA4OA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。