界面設計即UI(User Interface)的簡稱。UI設計是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。讓軟件變得有個性有品位還要讓軟件變得簡單自由，并可以體現軟件的定位和特點，這才是一個好的UI設計。軟件設計可分為兩個部分：編碼設計與UI設計。UI的本意是用戶界面，是英文User和 Interface的縮寫。從字面上看是用戶與界面2個部分組成，但實際上還包括用戶與界面之間的交互關系。
在這個電子產品飛速發展的時代里，界面的設計也越來越受到人們的重視和關注，隨之而來UI設計師或者叫UI工程師的行業火熱起來，它是以前美工這個行業的升華。手機App的界面設計就像一個產品的賣點一樣，一個優秀的界面設計是一款App的必不可少的因素。一個界面設計的成功與否也不是因為某個人而來確定的，是由它的用戶的反饋來判斷一個界面設計成功與否。
自80年代蘋果公司重做了圖形的設計增強了用戶界面的可視性。拓寬易用性UI 向前前進了一大步取得了歷史性的飛躍。同時也將色彩的搭配和文字的可閱讀性變為界面色彩的重要議題。
從心里學的角度分析，人的第一感覺是視覺，而色彩則是對視覺影響最大的因素。色彩是我們設計的界面給用戶的第一視覺因素。不同的色彩在用戶眼里會產生不同的色彩語言和產品訴求，例如從色相上說紅色：紅色讓人感到緊張感興奮、藍色：讓人感到安靜、嚴謹、科學、而黑色：讓人感覺壓抑、悲傷等。
在人機交互的界面中充斥著非常多的信息，如何把這些信息規整的處理，來實現人機之間更好的界面交互，這是色彩在UI設計中的重要地位之一。用戶可以通過顏色信息實現與軟件更豐富的交互。從而用色彩來滿足受眾的心理訴求在 UI設計時，App性質差異，依據用戶群的不同，甚至是在軟件使用時的交互信息的特異而變換不同色彩。由此可以看出色彩在UI設計中的重要性。從整體的色調到色彩語言，從背景色到每個元素的顏色都為界面的整體性專業性提供了重要的保障同時也是一款App能夠成功的保障。
自2013年之后隨著蘋果引領的扁平化風格的興起，扁平化設計風格席卷了全球設計領域。即蘋果之后Windows8的界面也有了新的突破以色塊與高度概括的幾何圖形樣式的按鈕相結合的視覺效果呈現。之后Google公司的 Android 系統界面也進行了扁平化的風格設計，雖然沒有完全扁平化，但是已經拋棄了原有的3D效果的做法。這些新的風格設計簡潔明了，使色彩在界面設計中的應用和圖標圖標的設計都開啟了扁平化的趨勢。扁平化的風格以迅雷不及掩耳之勢在互聯網時代蔓延開來，同時這種設計風格對界面設計尤其是手機App界面設計也帶來了革命性的巨大影響。色彩也在界面設計中變得不可或缺，尤其是在手機App界面設計中。
目前階段，主流的App界面設計方面，抄襲相當嚴重，色彩運用方面相互參考的太多。例如微信和支付寶這兩款App應用是我們在生活中長用的兩款知名App而且都是兩家大公司旗下的，而支付寶的設計風格和整體色調幾乎是完全臨摹的微信的色調配色。這件事情在設計界引起了很大的一場風波，這就是設計抄襲事件。最終支付寶在自身聊天交友方面付出了慘痛的代價，可謂自己的聊天功能形同虛設。還有花樣繁多，琳瑯滿目的類似案例。如果想在這樣相互抄襲競爭激烈的情況中脫穎而出，只有在界面的形象主色調和用戶群上下工夫，并要運用獨特的營銷，獨特的風格來展示和推廣應用。使應用的風格變成一種特有的，獨具一格的，如圖1。
色彩擁有的刺激性和強烈帶入感，我們可以利用這一特性使用戶增強對應用的記憶力。運用色彩來增加UI設計界面的附加價值。利用豐富的色彩搭配來滿足用戶在色彩選擇時的多樣性和普遍性。在一些界面設計中利用豐富的視覺體驗來增加在用戶心中的附加值。
利用色彩的情感語言使App的用戶的情感得到宣泄，并起到App在情感上的共鳴。色彩的運用不光在視覺上能給用戶帶來強烈的刺激和印象，也要能運用色彩的特性讓使用者在情感和App形象上產生共鳴。最終就會達到我們的用戶群使用我們的應用的目的。個性的色彩運用可以讓UI設計界面在方寸之間盡顯魅力，使用戶可以在短時間內對App產生印象，可以給用戶產生情感的共鳴，更可以方便信息的傳遞實現更好的交互。
人們對色彩的直觀感受充斥著一些非常獨特的效應。有一些很有趣的事情一些畫家在自己做畫的時候，通常只使用少數的幾種顏色。人類會看到一些缺乏顏色，成缺乏顏色就是純度低和明度低的顏色或者一些中性色。
在一幅畫中如果只有白色黑色黃色紅色，那么人們的眼睛自動會把黑色和紅色混合成一種紫色相近的混色，黃色和黑色會混合成為一種暗綠色的色調，灰色就會變成偏冷調子的冷色系藍色。當空間不同顏色的點靠得很近，以至于人眼對它們所張的視角小于最小分辨角時，人眼就不能分辨出它們各自的顏色所感覺到的只是它們的混合色。
從物理學的角度來講這是一種人類肉眼所造成的顏色誤區。就是因為這種有趣的誤區性，給色彩的使用帶來了新的發展歷程和不同的色彩心理感受。在美術和設計中所提到的色彩感覺，如色彩的偏向，或偏紫偏藍，冷暖的變化都或多或少與人們自身的色彩誤區和色彩心理感受有一定的關系。
我們通常會把色彩分為冷色系和暖色系。暖色系是包括紅橙黃這三種顏色和他們的混色。他們分別是象征著火焰，果實，還有夕陽的顏色。他們通常還象征著運動，積極，活力和激情。
在這三種顏色中紅色和黃色是都屬于三原色是通過任何其它顏色不能混合而得到的顏色。這就證明真正的暖色是紅色和黃色。我們運用紅橙黃在設計中體現出活力快樂，激情的主調來。
在手機App界面設計中紅色可以激發人們的購買欲望，所以很多的購物App界面中對紅色的運用特別重要。例如京東App在其界面中以紅色調為主色調其購物按鈕主要都為紅色。同時紅色又是誘惑性最高的顏色，所以秒殺和搶購一般也會運用紅色系的顏色來進行設計，如圖2。
冷色系的顏色包括藍色，綠色，紫色，這些顏色在視覺上相對于暖色系的顏色來說強度要弱。他們是水，夜，自然的代表色，給人的感覺是舒服，放松，有時還會有冷漠的感覺。藍色是其中唯一的原色，是通過其他任何顏色無法混合而來的，其他的兩種顏色都是通過其他色混合而來。一部分冷色是由冷暖色混合而來的他們繼承了一些暖色的性質。再設計中冷色系的顏色可以營造出冷靜，嚴謹的氣氛。
一些科技公司對冷色系比較偏好一點，正因為冷色系的顏色可以營造出專業專注的嚴謹的心里感受。例如King Root應用在手機UI設計中。其界面運用了藍色系的主色風格，體現出產品在Root方面的專業性和專注感。
現今所有的顏色幾乎都有自己所表達的情感，和代表的心里感覺。如同紅色活力，速度，緊迫感；黃色：青春，樂觀，豁達；藍色：信任，安全，神秘，有底蘊；綠色：生命力，天然，輕松；橙色：積極，進取，活力；粉色：浪漫，女人，可愛；黑色：影響力，前衛，嚴肅；紫色：高貴，冷艷，誘惑。
每一種顏色的情感不是一成不變的，隨著飽和度和明度的變化顏色的情感也會出現不一樣的變化，色彩傳達出來的感受也會完全不同。色彩之間的搭配不同所傳達出來的感受也會發生變化。色彩搭配時同種顏色站的比例不一樣也會影響到顏色所表達出來的情感。隨著歷史的發展一下顏色的情感也會發生變化，地區的不同色彩的情感也存在著差異，如同在中國古代黃的是最高貴的顏色而在西方高貴的顏色則是紫色。
我們所做的產品是有確定的使用人群的有一定的方向的，整個社會是有不同的人群組成的因為受到的文化程度和生活背景的不同所以產生了很大的差異，在不同的年齡段，不同的性別，不同的地域，不同的國家和民族對色彩的感受是截然不同的。
所以在手機UI設計中要根據自身產品應用的方向行業和使用的人群以及地域和年齡段去確定我們的色彩應用風格和色調。錯誤的色彩搭配雖然有美感但是手機App界面設計不僅僅是為了美感而去設計的。擁有美感的配色應對不適當的方向也會適得其反。如同你不可能在一款餐飲App中全部運用冷色系的色彩。
在一款PIG醫生這款App中主要是經營的在線寵物豬醫院和相關產品的商城。其主要配色以暖色調，點綴冷色。色彩豐富甜美符合養寵物豬的使用者的性格，冷色是體現出此App的專業性。暖色系甜美的配色符合一個購物的App的配色風格，如圖3。
在App界面設計中，創造獨有的氣質和氣氛，可通過良好的色彩審美根據其色彩感情做出選擇，色彩色調也用以表現復雜多變的人類感情。比如：以不同色調為主的色彩、會有醒目的設計感覺，而且風格非常鮮明，有助于表現激烈、沖動的思想感情。
增強色調對比弱的色彩，可以表達統一和諧的視覺效果，效果成熟，沉穩有助于表現雅性，高貴。提高色彩明度有高明度的色彩為主調，可表現快速，明朗、明快、的意象情感，降低色彩明度以低明度色調為主的色彩，可表現沉重深度、莊嚴，沉穩的情感基調。營造強烈的視覺感受可以用單一高純度的色調為主色調，在富于生氣與活力的同時在視覺上可產生強烈的刺激，而且還可使設計產生輕松，單純，艷麗的效果和感受。
而以低純度色調為主的色彩，是可表達溫柔含蓄、和氣、樸實的情感基調。色彩越鮮艷，明朗、到位，就越能準切的表達其設計的主題界面的美感和訴主訴求，明確的傳達應用的思想態度與情感就能夠讓使用的同時既得到便捷的信息傳遞又得到了沒得感受還和應用所要表達的情感產生共鳴。再有App界面設計中的色彩要層次豐富不但要自身有美感還有利用色彩來輔助交互更簡潔的處理信息的傳遞，運用色彩來傳達情感，使設計的界面附帶感情，也使App界面會深入微妙，獲得成功。
在蘑菇街App界面設計中，因為蘑菇街是一家專門做女孩子服裝等產品的購物App，其標志為梅紅色為背景，其移動端的界面設計也以高明度的色調為主界面中的icon點綴高明度的冷色系顏色做平衡，使App夠年輕化，表達明朗明快，年輕時尚符合App使用者的年齡段。因為其受眾的年齡一般在15歲到30的年輕女性。其配色利用色彩的情感屬性表達出了其自身甜美，時尚年輕，明快的感覺符合其使用人群，如圖4。
手機UI設計中界面的整體性是一個App成功的關系因素，在設計之初就要選擇好界面乃至整個App的一個或者幾個標準色和幾個預備的輔助色，通常一個界面上的顏色不能過多，要有層次明確主次，色彩過多主次不分的話會給人以雜亂的感覺。
在App設計中整體的風格要從LOGO貫穿整個界面到每一個icon的配色。這樣才能夠設計出一系列的風格統一，顏色和諧的界面。
在手機UI設計中有同種色應用：同種色搭配是首先要選擇一個基準色彩調整其透明度和飽和度，或者加深或變淡色彩來得到更多的色彩。這樣色彩即統一又富有變化。
鄰近色搭配，鄰近色是色環上相鄰的顏色，例如綠色與藍色，紅色與黃色，利用鄰近色可以避免界面設計的錯亂，易于達到界面統一的效果。對比搭配，這樣的搭配最能體現色彩的情感，視覺沖擊力也是最強。一般會以一個顏色為主點綴其對色。暖色系的色彩應用，暖色系的色彩應用通常也會搭配冷色系的顏色。冷色系的顏色搭配，一般白色搭配更出效果，主要表達寧靜，高冷清涼。
在餓了么App中主色調是湖藍色，這款應用是一個網上訂餐的App以湖藍色為主色調這種偏中性的色彩表現自身的專業性，還有其用戶群多為學生族和上班族，色彩明亮洋溢著青春的年輕，青春的氣息，同時點綴了其他暖色系的色彩做icon協調整體的界面色彩平衡從而也把這個界面的色調調和成為一個暖色調的點餐界面。其整體的色調就是以對比的用色方式以一個顏色為主要風格色，點綴其對色，如圖5。
我們在自然界看到的色彩是有限的，美國的一位心理學家曾提出，同一顏色和效果出現的頻率太高就會產生膩的感覺。App界面設計色彩要勇于創新，只有不斷的創新才能在眾多的App中脫穎而出，給用戶留下深刻的印象。作為現在因智能手機的普及而繁榮的App應用，一個優秀的獨特的界面色彩運用甚至比其自身的某些功能還要重要。作為一個App界面只有不斷的融入新的色彩元素推陳出新，更新迭代才能迎合當下使用人群的審美要求。
在這個App界面設計互相抄襲的時期，只有打破常規特立獨行的選擇配色才能出奇制勝。才會形成自己獨特的風格，才能讓使用者在應用時更好的記住我們的App，才能給用戶留下深刻的印象。打破常規，推陳出新才能事半功倍達到想要的富有藝術感的手機App界面設計。
色彩的積極運用是一個App界面的一個重要前提，好的App必須由好的創意來進行表達，而好的創意一定有一個獨特的好的色彩應用方案，不落俗套與眾不同。好的獨特的配色方案會在App界面美感上吸引受眾從而達到想要的結果。
小咖秀App中的配色就是特立獨行的典型案例，小咖秀是一款視頻拍攝軟件，同類型的有秒拍，快手等，這些應用都是用的亮色或者甜美的顏色為自己手機端UI設計的色彩風格，而小咖秀的誕生打破了這一常規，小咖秀整體的設計風格和配色風格是深色接近黑色，而且運用原色做點綴，加以其他洋溢著青春氣息的輔助色來進行應用。這種配色風格打破了在他之前的秒拍和快手的色彩風格，利用深色里加一下純度比較高的顏色，在色彩應用上別具一格，從而取得了成功，如圖6。
作者：彪形大漢pro
鏈接：https://www.zcool.com.cn/article/ZMTYzMjA4OA==.html
來源：站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。
