淺析色彩在UI設(shè)計(jì)中的應(yīng)用

王麗美　秦明宇

摘要：顏色的主要作用是幫助用戶區(qū)分設(shè)計(jì)中的對(duì)象，有效地分析和連接不同的對(duì)象，幫助用戶更好地理解信息的內(nèi)容。為了幫助用戶更好地發(fā)現(xiàn)信息和其他內(nèi)容，顏色的設(shè)計(jì)、使用應(yīng)考慮用戶對(duì)顏色和行業(yè)屬性的情感影響。設(shè)計(jì)與色彩的關(guān)系，是UI 設(shè)計(jì)的基本理念。

關(guān)鍵詞：色彩;UI設(shè)計(jì);應(yīng)用

一個(gè)好的界面設(shè)計(jì)可以提升手機(jī)帶來(lái)的用戶級(jí)視覺(jué)體驗(yàn)的高級(jí)感，是一種專(zhuān)注于用戶級(jí)視覺(jué)體驗(yàn)的表達(dá)。為了改善手機(jī)屏幕的各種技術(shù)缺陷，有必要分析當(dāng)前手機(jī)屏幕存在的實(shí)際問(wèn)題。手機(jī)給用戶帶來(lái)的第一感覺(jué)就是手機(jī)界面，所以UI設(shè)計(jì)師應(yīng)該對(duì)手機(jī)界面做科學(xué)、規(guī)范、合理的設(shè)計(jì)，改進(jìn)現(xiàn)有手機(jī)界面的諸多不足，并適當(dāng)優(yōu)化界面。用戶的手機(jī)功能一直是手機(jī)設(shè)計(jì)技術(shù)的創(chuàng)新和應(yīng)用，隨著科技的飛速發(fā)展，這一功能的重要性變得尤為重要。

一、色彩在UI設(shè)計(jì)中的作用

（一）顯示界面的整體結(jié)構(gòu)

UI頁(yè)面根據(jù)其自始至終的圖形外觀對(duì)用戶的視覺(jué)識(shí)別造成直接影響?？蛻粼谟^看UI頁(yè)面時(shí)，經(jīng)常會(huì)看到由背景色、其他幾何色調(diào)塊、標(biāo)志、按鈕等元素組成的符號(hào)圖片系統(tǒng)軟件。色調(diào)可以形象地突出環(huán)境、導(dǎo)航欄、通知欄等組件，用于指示UI頁(yè)面的邏輯結(jié)構(gòu)。

（二）明確視覺(jué)層次

UI 設(shè)計(jì)中的不同內(nèi)容屬于不同的層次關(guān)系，例如菜單和菜單之間的同一級(jí)別，內(nèi)容之間的關(guān)系、它們的從屬關(guān)系等。相同色調(diào)和不同色調(diào)之間的距離，區(qū)分內(nèi)容中的層次關(guān)系可以非常直觀，也可以通過(guò)顏色之間的強(qiáng)烈對(duì)比來(lái)強(qiáng)調(diào)主要內(nèi)容。

（三）創(chuàng)建界面的整體風(fēng)格

UI界面是一個(gè)復(fù)雜的視覺(jué)圖形系統(tǒng)，但主色、次色和裝飾色之間的對(duì)比與和諧會(huì)表現(xiàn)出清晰的風(fēng)格趨勢(shì)?？梢酝ㄟ^(guò)使用不同顏色系統(tǒng)或同一顏色系統(tǒng)中的顏色之間對(duì)比來(lái)創(chuàng)建不同的界面樣式。比如適合男生金屬質(zhì)感的黑、灰、藍(lán)，女生喜歡的夢(mèng)幻甜美的顏色，糖果色。界面風(fēng)格相對(duì)于質(zhì)量的定位已經(jīng)成為用戶體驗(yàn)中最重要的部分之一。

（四）使用基于人體工程學(xué)的顏色。

色溫會(huì)影響光源顯示的顏色，因此任何大于6500K 的顏色都較冷（白色和藍(lán)色），而小于6500K 的顏色較暖（黃紅色）。藍(lán)光在電腦顯示器、熒光燈、手機(jī)、數(shù)碼產(chǎn)品、顯示屏、LED等照明中較多，而且由于高清藍(lán)光是中短波光的高效能量，會(huì)影響用戶的視力。從人體工程學(xué)保護(hù)視力的考慮，蘋(píng)果手機(jī)上的Iphone7和iphone7plus的LED背光顯示設(shè)計(jì)有夜間顯示，應(yīng)避免高清藍(lán)光，減少夜間視覺(jué)疲勞。此外，UI 頁(yè)面考慮了多種顯示特性。當(dāng)標(biāo)志色相的飽和度為5.38或更高時(shí)，可以快速區(qū)分背景色。這個(gè)差異范圍內(nèi)的顏色匹配太近，會(huì)導(dǎo)致顯示環(huán)境混亂。也有一些特殊的人群，比如紅綠盲人群，由于他們特殊的視覺(jué)需求，需要特殊的配色設(shè)計(jì)。

二、UI設(shè)計(jì)的基本概念與色彩的關(guān)系

UI設(shè)計(jì)的本義是用戶界面。UI設(shè)計(jì)字面上包括客戶和頁(yè)面兩個(gè)行為主體，但往往也包括客戶和頁(yè)面之間的交互。因此，UI設(shè)計(jì)在工作內(nèi)容上可以分為界面設(shè)計(jì)、交互設(shè)計(jì)、用戶研究三個(gè)方面。三者共享工作，但又密切相關(guān)。UI設(shè)計(jì)的關(guān)鍵包括U1設(shè)計(jì)方案的設(shè)計(jì)風(fēng)格和構(gòu)成、UI設(shè)計(jì)的圖形語(yǔ)言表達(dá)、UI設(shè)計(jì)的色彩元素、設(shè)計(jì)方案的視覺(jué)效果層次、UI交互動(dòng)畫(huà)的五個(gè)層次設(shè)計(jì)。UI設(shè)計(jì)的色彩元素是視覺(jué)效果邏輯思維的關(guān)鍵內(nèi)容之一。系統(tǒng)軟件可以增強(qiáng)易用性的使用價(jià)值。顏色的主要作用是幫助用戶區(qū)分設(shè)計(jì)中的對(duì)象，有效地分析和連接不同的對(duì)象，幫助用戶更好地理解信息的內(nèi)容。為了幫助用戶更好地發(fā)現(xiàn)信息和其他內(nèi)容，顏色的設(shè)計(jì)、使用應(yīng)考慮用戶對(duì)顏色和行業(yè)屬性的情感影響。設(shè)計(jì)與色彩的關(guān)系，是UI設(shè)計(jì)的基本理念。

一個(gè)好的界面設(shè)計(jì)可以提升手機(jī)帶來(lái)的用戶視覺(jué)體驗(yàn)的高級(jí)感，是一種專(zhuān)注于用戶視覺(jué)體驗(yàn)的表達(dá)。為了改善手機(jī)屏幕的各種技術(shù)缺陷，有必要分析當(dāng)前手機(jī)屏幕存在的實(shí)際問(wèn)題。手機(jī)給用戶階層帶來(lái)的第一感覺(jué)就是手機(jī)界面，所以UI設(shè)計(jì)師應(yīng)該對(duì)手機(jī)界面做科學(xué)、規(guī)范、合理的設(shè)計(jì)，改進(jìn)現(xiàn)有手機(jī)界面的諸多不足，并適當(dāng)優(yōu)化界面。用戶喜愛(ài)的手機(jī)功能一直是手機(jī)UI設(shè)計(jì)技術(shù)的創(chuàng)新和應(yīng)用，隨著科技的飛速發(fā)展，這一功能的重要性變得尤為重要。

三、色彩于UI設(shè)計(jì)中的應(yīng)用理念

設(shè)計(jì)用戶層的重點(diǎn)應(yīng)置于UI設(shè)計(jì)，色彩對(duì)于用戶層應(yīng)屬客觀存在，而設(shè)計(jì)師對(duì)于色彩則是主觀的。用戶層年齡段區(qū)間，年齡高低的體驗(yàn)也會(huì)有所改變，這種改變伴隨著用戶的愛(ài)好、文化差異、語(yǔ)言差異、教育程度、情感要素以及視覺(jué)等原因，在眾多原因之中，部分原因?yàn)橛脩魩?lái)視覺(jué)享受，而另一部分則造成用戶厭倦視覺(jué)體驗(yàn)。為改善這一問(wèn)題，應(yīng)根據(jù)不同層面、不同年齡段的用戶制定與之相對(duì)應(yīng)的色彩基調(diào)。當(dāng)下，可調(diào)節(jié)色彩逐步發(fā)展為一種幻想形式，但是，隨著科技的不斷進(jìn)步，這種模式逐漸以單一模式呈現(xiàn)在用戶眼前。

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ì)中，不僅要保持頁(yè)面的一致性，logo設(shè)計(jì)的特點(diǎn)和技巧也要保持一致，色彩設(shè)計(jì)方案也需要產(chǎn)生統(tǒng)一的設(shè)計(jì)風(fēng)格，讓客戶感受到整體性和整體性。視覺(jué)效果的一致性。在手機(jī)圖標(biāo)設(shè)計(jì)方案中，logo的顏色并不是隨意決定的。當(dāng)客戶觸摸標(biāo)志時(shí)，他們第一眼就會(huì)注意到標(biāo)志的顏色。不同的顏色給人一種任務(wù)欄的體驗(yàn)。這是不一樣的。

綠色給人以無(wú)窮無(wú)盡的安全體驗(yàn)，對(duì)人際交往的和諧起到關(guān)鍵作用。深綠色代表友誼、清新、舒適：淺綠色給人一種清新、迷人、快樂(lè)的體驗(yàn);降低色彩亮度會(huì)給人一種沉穩(wěn)的感覺(jué)，比如墨綠色、橄欖綠等。深藍(lán)色是冷色系列的顏色。它看起來(lái)沉穩(wěn)、明亮、深沉、沉穩(wěn)。橙色是活躍、溫暖、開(kāi)朗和充滿活力的。它可以使人快樂(lè)。橙色是一種非常開(kāi)朗的色調(diào)，給人以明亮而深刻的印象。它可以搭配多種顏色。介于橙色和紅色之間的粉橙色是一種完美的顏色，帶有甜美的感覺(jué)，讓人感到平靜和自在。白色代表整潔，簡(jiǎn)約、誠(chéng)實(shí)。是百搭的色彩。黑色象征權(quán)威、高雅、低調(diào)、創(chuàng)意。

結(jié)論

UI設(shè)計(jì)是用戶視覺(jué)體驗(yàn)的一部分。這種全新的交流形式，在實(shí)際針對(duì)色調(diào)的應(yīng)用中，色調(diào)逐步發(fā)展為色彩，色調(diào)因素對(duì)用戶層的視覺(jué)產(chǎn)生了極大影響，這種因素同期緊密關(guān)聯(lián)UI設(shè)計(jì)。針對(duì)如何合理、有效地開(kāi)展色彩因素的整理，可采取一定的方式方法將色彩搭配利用，從整理色彩信息的目的出發(fā)，對(duì)用戶的屏幕數(shù)據(jù)體驗(yàn)進(jìn)行總結(jié)歸納。恰到好處的色彩信息可改善用戶使用產(chǎn)品過(guò)程中的誤區(qū)，幫助用戶更好地進(jìn)行操作和理解.

參考文獻(xiàn)

[1]趙雪，王軍麗.淺淡色彩在界面設(shè)計(jì)中的應(yīng)用[J].保定職業(yè)技術(shù)學(xué)院，2010（1）：2.

[2]孟華.淺析色彩在UI設(shè)計(jì)中的應(yīng)用[J].赤子，2017，000（016）：68.

[3]劉文佳，張瑞娥.淺析色彩在UI設(shè)計(jì)中的應(yīng)用[J].西部皮革，2016，38（24）：1.