色彩在手機界面設(shè)計中的運用

色彩在手機界面設(shè)計中的運用顏色在手機界面設(shè)計中的運用1

隨著通訊時代和信息時代的到來，新一輪通訊工具設(shè)計也層出不窮，手機作為大多數(shù)人聯(lián)系與通訊的工具幾乎掩蓋了全部人群，不管是老年人，青年人，男人，女人幾乎都有一部屬于自己的手機，每款手機都有自己獨特的界面設(shè)計，人們選擇購買手機時，給人最深刻的第一印象是手機的外觀形象與手機的界面顏色，如今世界各國在手機的硬件層面不斷突破，技術(shù)方面也相對成熟，當(dāng)下人們更青睞于手機界面的視覺效果，而顏色是手機界面效果最直觀的表現(xiàn)形式，它無時無刻的影響消費者的留意力，不同的顏色給人的心理感受是不一樣的，只有合理的利用顏色才可以做出勝利的手機界面。

世界是顏色斑斕的，人們從顏色中體會自己真實的感受，手機界面的顏色一樣能夠給人帶來激情。在手機界面設(shè)計中，顏色起著至關(guān)重要的作用，顏色是隨處可見的，文件夾、掃瞄器、圖標、文字，它幾乎無處不在。不同的消費者對顏色的喜好和敏感度是不相同的，顏色打算著設(shè)計的成敗，設(shè)計師們奇妙的運用顏色設(shè)計給人產(chǎn)生一種心理錯覺，從消費者角度動身，抓住消費者的心理需求，從而滿意不同的消費人群。因此顏色是手機界面設(shè)計需要考慮的首要因素。

一、手機界面中的顏色的認知

1.顏色三種模式

當(dāng)我們觀察一個東西時就能識別出它的顏色，我們的眼睛能夠識別顏色，例如：紅、橙、黃、綠、青、藍、紫，這些都是顏色名稱，人的第一種反應(yīng)觀察他們就可以認出它的顏色，色相在英文名中用Hue表示，所以它的簡寫是H。當(dāng)我們識別顏色時，同樣的紅玫瑰，有的花朵顏色紅的艷麗有的不夠艷麗，由于在色相全都的狀況下顏色存在其次個屬性叫做顏色的飽和度也叫顏色的純度，在英文中它的縮寫是S，假如認真觀看在色相和純度全都的狀況下，顏色還會有明暗的變化，這是顏色的第三種屬性，我們稱之為明度，在英文縮寫中我們稱之為B，一個顏色正是由于有了色相，飽和度，明度，這個顏色才被豐富起來，HSB它只是一種顏色選擇的模式而存在，便利我們直觀熟悉顏色，它并不是計算機顏色模式，而是顏色表現(xiàn)模式，真正對圖像進行數(shù)據(jù)計算的是RGB和CMYK。

手機界面中許多圖標都包括紅、綠、藍三種顏色，這三種顏色是最簡單識別的，分別以它們英文開頭大寫字母R、G、B縮寫來表示，這是光的三原色，是發(fā)光色(圖1)，全部發(fā)光物體都是通過這種方式來顯示，例如：顯示器，投影儀，電視、手機屏幕都是發(fā)光體，這些光色都是通過RGB顯示的，每一種顏色模式都會對應(yīng)一種媒介，HSB對應(yīng)的媒介是人的眼睛，而RGB對應(yīng)的媒介是光色即發(fā)光物體，也就是不通過別的光線照耀，直接通過空氣傳播就可以到你的眼睛里面。RGB三色相交，中間相交部分得出另一種模式CMYK，我們的手機界面是顯示在屏幕上，因此我們最常用的是RGB模式，這種模式最常用在顯示器上。

CMYK模式主要是在印刷中需要用到，CMYK指的是色的三原色，也指印刷三原色，(圖2)分別是青、品紅、黃，理論上我們通過CMY的配比是可以得到黑色，但是在實際工藝中我們是達不到特別之純的油墨，由于它會有雜質(zhì)，只要有雜質(zhì)它就不會充分的融合交融在一起，所以它不行能得到真正意義上的黑顏色，CMY是得不出真正的黑顏色的，因此加入了一種黑色油墨便利印刷，BLACK，已經(jīng)被RGB所使用，我們用K來表示黑色，我們印刷時是通過油墨印刷，這三種顏色通過油墨不同濃淡和配比可以得出更多豐富的顏色，CMYK是光反射到紙張上產(chǎn)生了肯定的汲取和漫反射之后再回到人們的眼睛里，在手機界面設(shè)計中CMYK模式不適合使用，它適合用來制作印刷設(shè)計品，RGB模式相對CMYK模式更適合使用，它是手機界面設(shè)計的重中之重。

圖2

2.顏色的分類

顏色分為無彩類和有彩類兩種，在顏色中，白色、黑色、以及由黑白兩色相融而成的各種深淺不同的灰色稱為無彩類。它們不包括在可見光譜中，不能稱為顏色，但從視覺上來講，它們有完整的顏色性質(zhì)，應(yīng)包括在顏色體系中。過去傳統(tǒng)的手機還沒進入智能化時代，那時手機界面都是黑白灰三種顏色，屬于無彩類界面。

隨著技術(shù)的改進，手機界面步入彩色化，各種美觀的界面層出不窮，與無彩類對應(yīng)的有彩類是指紅、橙、黃、綠、青、藍、紫等基本顏色，這些基本顏色之間不同量的配比會產(chǎn)生很多種顏色，無彩色和基本色混合所產(chǎn)生的顏色都屬于有彩類。隨著信息時代和商業(yè)化時代的到來，有彩類的界面必將成為將來趨勢的主打界面。

二、顏色在手機界面中的影響

1.不同年齡影響

顏色主題設(shè)計已經(jīng)漸漸成為手機界面制造過程中不行或缺的基因，顏色影響著人們的視覺留意力更大程度的激發(fā)用戶購買的欲望，在手機界面設(shè)計時，界面的顏色需要針對不同年齡的用戶，不同的年齡對于顏色的選擇和喜好是不同的，在討論中發(fā)覺顏色偏好基本上很難達成全都的結(jié)論。

對于兒童而言，在幼兒時期，小伴侶熟悉的字有限，五彩斑斕的顏色更能吸引它們的留意力，豐富多樣的顏色使它們的性格更加自信開朗，為它們的視覺發(fā)育供應(yīng)肯定的推動力。兒童手機的界面顏色選擇要緊扣兒童的心理，采納一些能突出兒童喜好的顏色。

青年人洋溢著青春活力的氣息，它們更加注意共性和時尚，以它們?yōu)橹黝}的手機界面用色偏向于亮色系列，比如橙色，橙色是僅次于紅色波長光波的暖調(diào)顏色，它使人感到歡愉快潑、興奮擔(dān)心，具有啟發(fā)人樂觀向上的作用。

隨著信息時代的到來，老年人與在外工作的子女溝通加劇，手機在老年市場也非?；钴S，老年人是一個特別的群體，通常狀況下，它們傾向于安逸安靜的顏色，安靜的顏色不會造成緊急的心理心情，有利于它們的身心健康，在選擇產(chǎn)品時它們不喜愛過于激烈濃度較高的顏色界面，選擇使人感到平和舒適的顏色更符合老年人的審美。

2.不同性別的影響

男人通常比較愛運動，執(zhí)著，自信，共性沉穩(wěn)，比女人更加理智，在選擇界面時偏向冷色系，酷一點的界面，在顏色上往往使用了比較理性的顏色，比如藍色，黑色，來顯示男性的高格調(diào)氣質(zhì)。

女人通常比較感性、浪漫，粉色系列往往受到許多女士的歡迎，各大手機界面不斷以粉色作為攻勢，粉色是一個有著大自然溫柔而優(yōu)美的顏色，粉色系列的界面沒有紅色的張狂，沒有白色的內(nèi)斂，它有著樸實迷離的委婉，嬌滴滴的柔情，隱隱綽綽的愛戀，粉色的界面相比其他顏色更能吸引女性。

3.不同性格的影響

顏色是情感的語言，顏色對人的心理和生理影響很大，性格不同的人對顏色的偏好各不相同，一個人所偏好的顏色經(jīng)?？梢酝茢嗥湫愿?，依據(jù)調(diào)查，喜愛紅色的人：性格耿直，喜愛張揚，以自我為中心，反應(yīng)敏銳，感情多變。喜愛橙色的人：坦率，熱忱，性格開朗，自控力量較弱。喜愛黃色的人：勤奮進取，責(zé)任心強，擅長同別人相處，辦事有條理。喜愛藍色的人：內(nèi)向，孤僻，緘默，不求名利。

4.不同區(qū)域文化的影響

在不同的國家，不同的地區(qū)，人們對顏色感知，往往受到風(fēng)俗習(xí)慣和文化的影響，食物的構(gòu)成方式也有所差異。但在同一區(qū)域，顏色的風(fēng)格和表現(xiàn)形式會存在許多共性，就整體而言西方國家偏好于顏色明度比較低純度較低，趨于理性的手機界面設(shè)計。

三、顏色在手機界面中遵循的法則

1.顏色統(tǒng)一法則

在一個界面中，畫面的顏色千變?nèi)f化，使用顏色塑造手機界面設(shè)計時，必需根據(jù)顏色的配置原則使用顏色，假如整個手機界面的顏色呈現(xiàn)毫無規(guī)律、多種顏色雜亂疊加時，那么這樣的界面無法使人產(chǎn)生美感。從而，需要有某種能夠統(tǒng)籌全局的東西，使畫面在變化與統(tǒng)一中有機的保持整體與和諧的關(guān)系，才能是消費者獲得藝術(shù)的美感享受。

(1)顏色與界面風(fēng)格統(tǒng)一

顏色與風(fēng)格統(tǒng)一是界面設(shè)計勝利的基本條件，顏色的選擇與界面的風(fēng)格相沖突，不僅使人視覺上感覺不協(xié)調(diào)，還會破壞界面中信息的傳播，甚至?xí)鸬较麡O作用。顏色的形式要聽從風(fēng)格的內(nèi)容需要，才能取得抱負的效果。

(2)顏色與審美需求的統(tǒng)一

顏色與審美需求統(tǒng)一需要人們在生活中不斷的視覺閱歷積累，與人們的日常生活體驗密不行分，比如，芒果是黃色的，感觀上是甜的，假如把它換成青色，就會覺得酸澀了，這樣難免令人產(chǎn)生不舒適的感覺，讓人覺得乏味，沒有生氣活力。因此顏色應(yīng)當(dāng)給人舒適、怡人的視覺體驗，界面的顏色與審美需求是相互補充、相互影響的，統(tǒng)一是界面和諧的基本前提。

2.顏色的節(jié)奏法則

節(jié)奏一詞來源于音樂、舞蹈，節(jié)奏不僅限于聲音層面，在藝術(shù)中可通過視覺來表現(xiàn)，顏色上的節(jié)奏是通過色相、明度、純度的漸變、反復(fù)、動態(tài)等形式把各種變化因素加以組織，構(gòu)成前后連貫的有序整體。

(1)顏色的漸變節(jié)奏

顏色的漸變節(jié)奏是通過色相、明度、純度以及外形、面積等因素進行等比級數(shù)的漸變或等差級數(shù)的漸變，從而產(chǎn)生鮮亮有力、規(guī)章條理的韻律感與節(jié)奏感。

(2)顏色反復(fù)節(jié)奏

顏色的反復(fù)節(jié)奏通過某一顏色組合的規(guī)律性重復(fù)，從而產(chǎn)生秩序、條理、連續(xù)的節(jié)奏與韻律，是一種規(guī)律變化的秩序美。

(3)顏色的動態(tài)節(jié)奏

顏色的動態(tài)節(jié)奏通過劇烈的明暗與色相對比，通過不對稱的布局、重心偏移等方法，使界面產(chǎn)生動感的韻律。

3.顏色的呼應(yīng)法則

呼應(yīng)是與對比相聯(lián)系的，差別大的色塊簡單失去顏色平衡，這時，必需要考慮到色與色之間的呼應(yīng)關(guān)系，從而取得視覺平衡。在呼應(yīng)中依據(jù)構(gòu)圖需要，以點、線、面的形式來進行疏密、虛實、大小的豐富變化，才能使畫面產(chǎn)生和諧、統(tǒng)一的美。

四、顏色在將來手機界面中的展望與進展

經(jīng)濟的飛速進展，可以說中國國內(nèi)手機市場已非常成熟，手機競爭也進入到了肯定層次，作為“視覺之首要素”的顏色扮演著不行估量的重要角色，享譽歐洲的瑞士藝術(shù)家、理論家、教育家約翰內(nèi)斯.伊頓曾在他的顏色藝術(shù)中寫道：不論造型藝術(shù)如何進展，顏色永久是首當(dāng)其沖的造型要素。所以假如我們能在手機界面設(shè)計中恰當(dāng)運用顏色，就能使其形態(tài)和功能特點更加明顯，突出產(chǎn)品特性。將來的手機界面設(shè)計中，顏色占有主導(dǎo)因素，顏色設(shè)計的進展貫穿于手機界面的各個階段，人們對界面的顏色要求也越來越高，在這種背景下，有必要加強對顏色各方面的討論，為建立合理的界面打下良好的基礎(chǔ)，樂觀查找解決的方法，才能制造出合理的界面設(shè)計。

顏色在手機界面設(shè)計中的運用2

隨著電子科技的不斷進步和更新，人們在生活中對手機APP的要求也隨之提高。在手機APP種類日益豐富的趨勢下，APP的顏色設(shè)計得以進展，因此APP界面設(shè)計也漸漸成為設(shè)計藝術(shù)的一部分。APP界面的顏色設(shè)計不僅可以突出主題，表達出APP的整體風(fēng)格，還可以使APP界面有層次感，使內(nèi)容主體更加鮮亮。

顏色設(shè)計也有吸引用戶，向用戶傳遞情感而產(chǎn)生共鳴，傳遞獨特的品牌特性的作用。本文試將顏色在APP界面設(shè)計的重要作用做了以下幾點分析。

二、突出主題顏色在APP界面設(shè)計中有突出主題，使APP界面形成整體頁面風(fēng)格的作用。

APP界面中不同的內(nèi)容需要由不同的顏色來體現(xiàn)，不同的顏色往往會使功能、種類各不相同的APP界面產(chǎn)生不同的風(fēng)格特點。在確定APP界面的顏色時會首先考慮到APP的主題，依據(jù)主題使界面中的內(nèi)容與顏色相結(jié)合，從而形成特有的頁面風(fēng)格。

以網(wǎng)易云音樂APP為例，網(wǎng)易云音樂作為一款音樂類軟件，其受眾人群為追求共性與音樂品質(zhì)的年輕群體，這些人中包括歌手，音樂制造人，狂熱的音樂藝術(shù)愛好者和一些一般聽眾。

與此同時，網(wǎng)易云音樂注意以音樂為愛好點社交功能，從歌曲評價，到歌單、云村的社區(qū)功能使更多人不同的人溝通各自的想法，使用戶感到暖和。所以網(wǎng)易云音樂的標志性紅色在共性化和人性化的設(shè)計風(fēng)格中得到了很好地體現(xiàn)。

三、引導(dǎo)視覺顏色在APP界面設(shè)計中有劃分區(qū)域、引導(dǎo)用戶視覺的作用。

APP界面的主要任務(wù)是向用戶傳遞可用信息，在視覺設(shè)計中常常使用不同顏色劃分視覺區(qū)域，這種方法在APP界面中同樣適用。利用顏色在對版面內(nèi)容進行布局和劃分使版面清楚合理的同時，也可以使用光明顏色的色塊突出主要內(nèi)容，吸引用戶。

以淘寶APP的首頁為例，狀態(tài)欄和導(dǎo)航欄使用色塊進行劃分，雙十一活動與促銷活動信息使用不同色塊進行劃分，與背景顏色相比顏色更加光明，打破了單一排版的視覺疲憊感。

其中，雙十一活動信息的商品使用飽和度更高的顏色作為背景色，在頁面中起到突出效果。在支付寶和中國建設(shè)銀行的APP首頁中，同樣使用相同色系進行配色，但通過顏色的變化來突出活動的內(nèi)容。在支付寶APP的首頁中通過更加引人注目的橙色和紅色來突出“瓜分20億紅包”的活動內(nèi)容。

而在中國建設(shè)銀行APP中使用深藍色來突出“非居民金融賬戶涉稅信息盡職調(diào)查”的重要信息。這些都使用戶集中視線，更加簡單留意活動信息，還使顏色與整體色調(diào)進行呼應(yīng)，保持了整體頁面的協(xié)調(diào)感和統(tǒng)一感。

四、引發(fā)用戶共鳴顏色在APP界面設(shè)計中有吸引用戶、引發(fā)用戶共鳴的作用。

在應(yīng)用市場中，APP應(yīng)用的數(shù)量極為浩大且種類豐富。要使APP脫穎而出，那么用戶的第一體驗感就極為重要。在用戶首次下載使用APP時，顏色往往會給用戶留下重要的第一印象。首先，不同的色相可以向使用者傳遞不同的情感，如藍色的寒冷、紅色的熱忱。其次，由于用戶的`年齡、性別等緣由，不同的人對顏色的感受是不同的，比如女性大多喜愛粉色、藍色、紫色等，而男性大多接受飽和度較低顏色，如深藍、墨綠等，兒童大多喜愛高純度的光明顏色。在APP界面的顏色帶來的直觀感受與用戶的審美產(chǎn)生統(tǒng)一時，用戶往往會感覺到顏色帶來的愉悅感。

五、傳達品牌特性顏色在APP界面設(shè)計中有向大眾傳遞品牌信息和品牌風(fēng)格的作用。

顏色不僅在物質(zhì)上使萬物絢麗多彩，而且也具有豐富的象征意義。不同的顏色會具有不同的象征意義，這樣導(dǎo)致人們對顏色產(chǎn)生不同的道德感與價值感以及心理感受。在種類繁多的APP中，不同的類型的APP都有自身的顏色意義。

360為主營平安相關(guān)的互聯(lián)網(wǎng)公司，旗下產(chǎn)品有360平安衛(wèi)士、360搜尋等。綠色大多向人們傳遞出傳遞平安、健康的視覺意義。公司將綠色為公司的主要顏色勝利向用戶傳遞出軟件的平安性與牢靠性，將公司的綠色形象深化人心。網(wǎng)易作為中國知名的互聯(lián)網(wǎng)企業(yè)，旨在通過互聯(lián)網(wǎng)技術(shù)的進展，在人們的生活中搭建信息溝通和共享的平臺。

網(wǎng)易使用紅色作為公司的主要顏色，紅色大多代表樂觀與樂觀，同時紅色在傳統(tǒng)文化中大多表示吉利與喧鬧，這些顏色意義與網(wǎng)易公司注意人與人之間的溝通與分散力的觀念非常相像，網(wǎng)易將紅色與自身結(jié)合起來，使公司的觀念與形象深化人心。

顏色在手機界面設(shè)計中的運用3

幫助認知

良好的顏色搭配可以關(guān)心用戶進行信息導(dǎo)引以及簡化部分操作，如可以通過同一顏色下不同的明暗度來表示標簽頁的打開狀態(tài)或隱藏狀態(tài)，從而關(guān)心用戶削減認知失誤的概率。同時，運用人們默認的某些顏色模式來起到信息提示的作用，如灰色的按鈕代表不行點擊，綠色的按鈕代表可連續(xù)操作，紅色的彈框代表消失錯誤等，用戶甚至不用認真閱讀文字提示便可以依據(jù)既有閱歷做出正確的操作，可以有效降低認知負擔(dān)。

調(diào)動情感

前文已對顏色的情感功能做出了相對詳細的闡述，而這也是其價值的所在。品牌或開發(fā)者可以選用某種特定顏色來作為企業(yè)的代表色，與廣闊用戶建立情感聯(lián)系，當(dāng)用戶熟識了該色后便可在第一時間調(diào)動對品牌的認同感，從而吸引用戶進入App，比如快餐巨頭肯德基的App，其艷麗熱鬧的紅色成為了它鮮亮的品牌標志，用戶即使視線快速掃過，也很簡單聯(lián)想到它美味的食品，從而誘使用戶點開App查看有無新品上市，隱形中增加了產(chǎn)品銷量。

提升美感

顏色一直便是藝術(shù)的表現(xiàn)手法之一，設(shè)計師通過超群奇妙的色彩搭配可以很大程度上增加App的藝術(shù)性和美觀性，從而提升App整體的審美價值。如爆款國產(chǎn)中國風(fēng)嬉戲《江南百景圖》便因其古典高雅的國畫配色和講究的畫作細節(jié)而受到眾多嬉戲玩家的贊譽，極具中國古典美的顏色運用是其勝利的重要因素。

顏色在手機界面設(shè)計中的運用4

手機界面設(shè)計如何配色？

配色是每一種手機軟件在手機界面設(shè)計當(dāng)中的一個重要內(nèi)容，由于大家的每一個軟件其實打開的時候都有一個基礎(chǔ)的色調(diào)，比如有一些是冷色系，有一些是冷色系，有一些比較成熟穩(wěn)重，還有一些一打開就比較活潑明麗，這都是由于每種軟件的風(fēng)格以及類型是不同的，所以在進行手機界面設(shè)計的時候，應(yīng)當(dāng)依據(jù)手機APP的形式以及內(nèi)容來進行顏色的選擇和搭配，這樣才能夠符合用戶的體驗。

配色有什么重要性

之所以手機界面設(shè)計當(dāng)中配色這一個內(nèi)容如此重要，是由于每一種顏色都有它自己的語言。比如開發(fā)兒童學(xué)習(xí)以及兒童智能APP的話，就不相宜使用一些冷色調(diào)以及灰暗的色調(diào)，而應(yīng)當(dāng)選用一些光明的顏色，比如紅，黃，藍這種比較符合兒童心理的顏色。同時在配色的時候還應(yīng)當(dāng)考慮手機軟件的整體頁面布局，在整體的頁面上可以使用顏色漸變或者是顏色交叉不同的顏色調(diào)配，這樣配置出來的布局才能讓訪客者滿足。

每一種不同的配色，它所呈現(xiàn)出來的視覺觀感都是不一樣的，假如大家想了解不同類型的產(chǎn)品案例，可以到faceui的網(wǎng)站上面來了解一下不同行業(yè)的手機APP界面有什么特點。

顏色在手機界面設(shè)計中的運用5

1、借鑒顏色心理學(xué)

在設(shè)計App界面是時候，第一我們必需知道我們針對的客戶人群是哪些人，或是哪些年齡階段的人群。站在消費者角度，顏色能夠在理解和決策階段起到肯定的影響作用：

黃色：吸引留意力的購物窗口；

紅色：刺激心血的緊迫感，常消失在清倉場景；

藍色：多用于銀行和商業(yè)機構(gòu)里，強調(diào)平安；

綠色：讓人聯(lián)想到富有和輕松，緩解壓力(支付寶的信用卡還款按鈕選擇了綠色作為主色調(diào)，能夠理解緣由了吧)；

橙色：呼叫意味深厚，用于創(chuàng)建下訂、購買、出售的行動；

粉色：服務(wù)于女性和年輕女孩的浪漫色調(diào)；

黑色：強大而沉穩(wěn)，是浪費品的最佳匹配；

紫色：給人舒緩安靜的感受，常被美容及抗年輕產(chǎn)品使用。

舉個例子，淘寶的網(wǎng)站和App