斗破苍穹续集,欢乐颂第三季,欢乐颂第二季

移動(dòng)應(yīng)用配色方案的熱門(mén)趨勢(shì)

來(lái)源:深圳本凡軟件發(fā)布時(shí)間:2022-09-17 點(diǎn)擊瀏覽:438次

1：使用集中的調(diào)色板最少的顏色使用

顧名思義，這種配色方案不會(huì)過(guò)度使用顏色。我們最喜歡的許多手機(jī)應(yīng)用程序都使用最少的顏色，此外，它們提供了足夠的白色空間。這種設(shè)計(jì)應(yīng)該明顯區(qū)分鏈接元素和活動(dòng)元素。

干凈簡(jiǎn)潔的配色方案可以顯著改善用戶(hù)體驗(yàn)。這是由于人類(lèi)大腦的自然沖動(dòng)，即在耀眼的表面上看到令人欣慰的顏色。另一方面，使用過(guò)多的顏色會(huì)對(duì)用戶(hù)體驗(yàn)產(chǎn)生不利影響。

請(qǐng)注意，使用最少的顏色并不表示單色設(shè)計(jì)。遠(yuǎn)非如此。它只是意味著使用所需的顏色，但僅此而已。即使使用最小的配色方案，設(shè)計(jì)師也可以很好地區(qū)分應(yīng)用程序。

為此，設(shè)計(jì)師可以在一種顏色中使用各種色調(diào)、色調(diào)和陰影。設(shè)計(jì)師還可以調(diào)整飽和度和亮度。請(qǐng)注意，在一種顏色中使用不同的亮度比使用太多對(duì)比色更容易使眼睛疲勞。

設(shè)計(jì)師必須針對(duì)不同的移動(dòng)平臺(tái)（如 Android 和 iOS）測(cè)試他們的配色方案。他們還應(yīng)該針對(duì)不同的流行設(shè)備測(cè)試他們的配色方案。如果配色方案與設(shè)備配合得很好，那么最少的顏色使用會(huì)特別好。

2：具有高對(duì)比度顏色的應(yīng)用配色方案

這種趨勢(shì)在 iOS 7 中流行起來(lái)。主要目的是在 UI 中引入非常鮮艷的顏色。一些例子是亮粉色、亮綠色、紅色等。它具有提供明顯對(duì)比的效果。明亮的顏色通常用于重要內(nèi)容或“號(hào)召性用語(yǔ)”（CTA）按鈕。

這種方法的優(yōu)點(diǎn)是用戶(hù)可以清楚地看到 CTA 按鈕或其他關(guān)鍵內(nèi)容。顏色非常突出，以至于用戶(hù)的重點(diǎn)是采取該行動(dòng)而不是瀏覽該內(nèi)容。當(dāng)您的應(yīng)用程序具有如此高優(yōu)先級(jí)的操作時(shí)，這種方法很好。

想想一個(gè)音樂(lè)應(yīng)用程序。一些流行的音樂(lè)應(yīng)用程序的“播放”按鈕以非常明亮的顏色顯示。它與背景的對(duì)比使用戶(hù)清楚地知道什么動(dòng)作是最重要的。

這是因?yàn)楦邔?duì)比度的顏色提高了可讀性和易讀性。

高對(duì)比度的配色方案依賴(lài)于顏色的自然分類(lèi)為強(qiáng)和弱。例如，橙色是一種強(qiáng)烈的顏色，而白色是一種較弱的顏色。人腦對(duì)具有更高強(qiáng)度的強(qiáng)烈顏色作出反應(yīng)。色彩鮮艷的內(nèi)容會(huì)在內(nèi)存中保留很長(zhǎng)時(shí)間。當(dāng)應(yīng)用程序以這種方式保留思維空間時(shí)，該應(yīng)用程序?qū)⒕哂懈叩挠脩?hù)保留率。

在使用高對(duì)比度的顏色之前，設(shè)計(jì)師還應(yīng)該仔細(xì)分類(lèi)他們的內(nèi)容。一個(gè)好主意是在所有屏幕上為一個(gè) CTA 按鈕使用相同的亮色，例如“購(gòu)買(mǎi)”。這有助于用戶(hù)自動(dòng)記住該 CTA 按鈕，進(jìn)而幫助他們?cè)谄渌聊簧陷p松找到它。

但是，使用高對(duì)比度的配色方案也有一些缺點(diǎn)。在文本和背景顏色對(duì)比非常明顯的屏幕上，用戶(hù)會(huì)發(fā)現(xiàn)很難閱讀文本。因此，適度很重要。

3：微妙的彩色陰影

正如您在競(jìng)爭(zhēng)激烈的移動(dòng) UI 設(shè)計(jì)領(lǐng)域所期望的那樣，不乏創(chuàng)意。設(shè)計(jì)專(zhuān)家花費(fèi)大量精力研究市場(chǎng)并提出新想法。這有助于提供差異化的設(shè)計(jì)。移動(dòng) UI 設(shè)計(jì)中微妙的彩色陰影就是一個(gè)很好的例子。

通常，陰影是單色的。這就是我們一直以來(lái)的看法。很自然，這也是我們?cè)?/span> Web 和移動(dòng) UI 環(huán)境中所期望的方式。

但是，在移動(dòng) UI 設(shè)計(jì)用例中，圖標(biāo)很有意義。現(xiàn)在，就其本質(zhì)而言，您只能提供有限數(shù)量的圖標(biāo)。

另一方面，如果您使用的圖標(biāo)不是普遍認(rèn)可的或不容易理解的圖標(biāo)，情況就會(huì)發(fā)生顯著變化。

您可能會(huì)有相當(dāng)多的流失，因?yàn)橛脩?hù)不會(huì)從圖標(biāo)中理解他們應(yīng)該做什么。您也沒(méi)有提供任何描述該功能的文本。實(shí)際上，您真的不能使用未知或鮮為人知的圖標(biāo)！

這自然會(huì)限制您對(duì)圖標(biāo)的選擇。可以使用的圖標(biāo)數(shù)量有限，您如何區(qū)分您的設(shè)計(jì)？微妙的彩色陰影在這里產(chǎn)生了很大的影響。

在圖標(biāo)內(nèi)，使用明亮但柔和的顏色，您可以創(chuàng)建微妙的陰影。它為您的圖標(biāo)提供了吸引人的 3D 效果。這是與競(jìng)爭(zhēng)對(duì)手的明顯區(qū)別。

但是，請(qǐng)記住，當(dāng)您的圖標(biāo)具有柔和的背景時(shí)，這種使用微妙彩色陰影的想法會(huì)起作用。否則，您的用戶(hù)會(huì)發(fā)現(xiàn)很難將注意力集中在圖標(biāo)上，因?yàn)槊髁恋谋尘耙矔?huì)引起他們的注意。

4：色彩鮮艷的圖像

有些應(yīng)用程序需要在一個(gè)屏幕上顯示多個(gè)圖標(biāo)。每個(gè)圖標(biāo)代表具有潛在同等重要性的元素。這對(duì)于提供多個(gè)子功能的應(yīng)用程序很常見(jiàn)。在這里，您面臨同時(shí)傳達(dá)每個(gè)子功能的重要性的挑戰(zhàn)。

如果您決定只突出顯示一個(gè)圖標(biāo)，那么用戶(hù)很可能不會(huì)記住這些子功能。這可能會(huì)減少應(yīng)用程序的有效使用，因?yàn)橛脩?hù)更容易找到一個(gè)功能并專(zhuān)注于該功能。您需要傳達(dá)所有子功能的重要性。

這要求您使每個(gè)圖標(biāo)或元素脫穎而出。明亮的彩色圖像解決了這個(gè)用例。在這里，您為每個(gè)圖標(biāo)和元素使用大膽而明亮的顏色。用戶(hù)將看到每個(gè)元素的醒目外觀。

明亮的顏色確保每個(gè)圖標(biāo)和元素都留在他們的記憶中。當(dāng)他們返回應(yīng)用程序時(shí)，他們不需要再次四處尋找子功能。

你還需要記住一個(gè)方面。由于您為圖標(biāo)和元素使用了多種亮色，因此您需要具有足夠弱色的背景，例如白色。否則屏幕可能會(huì)使用戶(hù)的眼睛疲勞。

5：將調(diào)色板的選擇限制為黑色、白色和灰色

我們可以將此趨勢(shì)視為最小顏色使用趨勢(shì)的一個(gè)子集。這適用于屏幕顯示有限內(nèi)容的應(yīng)用程序。它還應(yīng)該有數(shù)量非常有限的 CTA 按鈕。

此外，應(yīng)用程序的用例應(yīng)該使用戶(hù)的注意力主要集中在內(nèi)容上。

這種用例使許多其他趨勢(shì)變得多余，因?yàn)椴淮嬖诓噬?/span> CTA 按鈕或元素。由于用戶(hù)將主要閱讀內(nèi)容，因此類(lèi)似于老式日記的設(shè)計(jì)是有意義的。帶有黑色文本和 CTA 按鈕的白色背景對(duì)于此類(lèi)應(yīng)用程序可能很有用。

設(shè)計(jì)師在使用這種極簡(jiǎn)方案時(shí)需要小心，因?yàn)樗鼈冞m用于有限的用例。

6：高對(duì)比度、互補(bǔ)的漸變

在某種程度上，這是高對(duì)比度色彩趨勢(shì)的一種變體。不同之處在于使用了不同種類(lèi)的漸變。通常，漸變具有相同的顏色。這里不同，漸變中使用了免費(fèi)的高對(duì)比度顏色。

內(nèi)容中圖像高度集中的應(yīng)用程序通常需要清楚地標(biāo)記內(nèi)容的各個(gè)部分。主要部分是用戶(hù)輸入內(nèi)容的地方。一個(gè)很好的例子是社交媒體應(yīng)用程序。

用戶(hù)可以瀏覽另一個(gè)用戶(hù)的頁(yè)面，然后單擊以獲取更多詳細(xì)信息。隨后的頁(yè)面顯示與用戶(hù)有關(guān)的圖像。雖然主要部分可以使用高對(duì)比度補(bǔ)色漸變，但其他部分顯示圖像。由于梯度，用戶(hù)保持錨定在配置文件上。

7：彩色插圖

要求用戶(hù)理解和使用工作流程的應(yīng)用程序需要插圖。許多設(shè)計(jì)師現(xiàn)在在這些插圖中使用大膽的顏色和微妙的彩色陰影。如果您想使用這種方法，請(qǐng)記住使用弱顏色作為背景。

從某種意義上說(shuō)，這種方法是眾所周知的基于插圖的設(shè)計(jì)方法的一種變體，即使在移動(dòng) UI 設(shè)計(jì)之外也有廣泛的用途。