今天，我將分享一些關(guān)于產(chǎn)品設(shè)計顏色匹配的知識點。這里不強調(diào)顏色匹配對UI設(shè)計的重要性。我寫了幾篇關(guān)于配色的文章。但回頭看，我覺得總結(jié)太籠統(tǒng)了，所以這次我把圖案放得小一些，特別是寫一篇關(guān)于文字顏色的文章，希望大家讀完后能有所收獲。

然后為文本著色，首先我們需要知道產(chǎn)品（界面）中的文本。在這里，我將產(chǎn)品中的文本分為以下四類：標(biāo)題類，正文類，提示類和交互類。

標(biāo)題類

首先，標(biāo)題類，標(biāo)題，顧名思義，讓用戶在短時間內(nèi)了解界面的一般內(nèi)容，注意簡潔明了。在應(yīng)用程序中，標(biāo)題類通常具有頂欄標(biāo)題，底欄標(biāo)題，列表標(biāo)題，表格標(biāo)題等。

匹配標(biāo)題文本的顏色相對簡單，選項相對較小。我們通常只使用深灰色或公司顏色。因為標(biāo)題很重要，所以它不能太引人注目。

根據(jù)重要程度，我們可以將標(biāo)題劃分為不同的級別。一般來說，級別越低，標(biāo)題顏色越淺。深度和深度的結(jié)合可以為您的界面帶來意想不到的效果。

例如，在微信的好友列表和聊天界面中，用戶名和聊天記錄的文本顏色正好相反。這實際上非常好理解。好友列表中的用戶關(guān)心的是朋友是誰，并且當(dāng)用戶在聊天界面中時，用戶更關(guān)心朋友所說的內(nèi)容。所以這里有不同的文字陰影，以幫助用戶區(qū)分。

我們可以看看使用相同配色方案的效果并感受到差異。

PS。我并不是真的建議使用企業(yè)顏色作為標(biāo)題，因為你必須調(diào)整企業(yè)顏色的飽和度來區(qū)分不同的級別，個人覺得這是不合理的。

另外，如果標(biāo)題系統(tǒng)太復(fù)雜，則不可能僅從顏色深度在視覺上識別用戶。我們還可以使用字體大小來幫助完成區(qū)分。實際上，現(xiàn)在的大多數(shù)產(chǎn)品都是根據(jù)字體大小的不同來評分的。

身體類

文本的文本提供給用戶，并提供詳細(xì)的解釋和說明。文本的內(nèi)容比標(biāo)題淺。首先，因為用戶對文本不是很感興趣，所以他們很少閱讀它。我們不必在這里使用顏色匹配來吸引他們的注意力。其次，因為正面字符的數(shù)量一般較多，過于花哨的顏色匹配會使整個界面顯得凌亂，導(dǎo)致主要和次要。

提示課

提示文本正如名稱所示，為用戶提供指導(dǎo)和提示。這意味著提示文本應(yīng)該足夠引人注目。如果用戶沒有注意到您，我該如何提示？

提示類文本的主要用途之一是向用戶顯示當(dāng)前狀態(tài)。

讓我們假設(shè)您在金融平臺上購買了財富管理產(chǎn)品。不同的時間段將具有不同的狀態(tài)。你看，這個理財產(chǎn)品具有良好的回報率，并投入3000元。此時，狀態(tài)為“已確認(rèn)”。幾天后，產(chǎn)品已進(jìn)入利率并已進(jìn)入利息狀態(tài)。有一段時間，如果您急需一些東西，您會將產(chǎn)品轉(zhuǎn)移給其他人，然后您將進(jìn)入“轉(zhuǎn)移”“轉(zhuǎn)移成功”。我們設(shè)計的不同狀態(tài)可以區(qū)分用戶以幫助用戶更好地識別。一種常見的方法是使用不同的顏色方案來區(qū)分，但是當(dāng)產(chǎn)品狀態(tài)較低時就是這種情況。如果你有太多的產(chǎn)品，每個狀態(tài)都是顏色匹配的，那么整個界面看起來會很混亂。

最常見的狀態(tài)是成功與失敗。一般來說，用戶心中默認(rèn)為綠色和紅色。當(dāng)然，現(xiàn)在使用公司顏色也很成功。這里會有問題。如果您的產(chǎn)品的主要顏色只是紅色，這可能會導(dǎo)致混淆。

互動課

接下來，我們來談?wù)劷换ナ轿谋?。交互式文本只是一個允許用戶完成點擊的文本。交互式文本設(shè)計的主要目標(biāo)是讓用戶感覺您的文本是可點擊的。主要方法是三個:

1使用顏色匹配

目前，用戶認(rèn)為帶有顏色的字體是可點擊的，例如公司顏色。

當(dāng)然，如果您認(rèn)為界面中的公司顏色過于頻繁，您也可以使用藍(lán)色。 Blue絕對是色彩匹配領(lǐng)域的百萬美元類型。無論您的產(chǎn)品界面的主要顏色是什么，用戶都會明白，當(dāng)他看到藍(lán)色文字時，它是可點擊的。

2圖標(biāo)

文本加圖標(biāo)的組合也可以為用戶提供點擊的愿望。例如，左側(cè)的用戶只能看到回答者和內(nèi)容介紹。這里的評論和評論都是純文本。用戶不能直接喜歡它，但點擊后，它就是圖標(biāo)和文字的樣式。在這里，用戶可以直接喜歡，評論，獎勵和收集。

PS。您是否注意到我只提到我不能表揚，但我無法發(fā)表評論，但我可以發(fā)表評論。知道帖子中的單詞數(shù)量相對較大，用戶只看到引言，贊美或評論沒有意義。后來，我去閱讀了這本短篇小說，發(fā)現(xiàn)這本短篇書不支持用戶支持贊美和評論而不閱讀文章。

所以我不知道考慮它是什么。無論如何，我沒弄明白。

3行為召喚聲明

我們將遇到一些您無法使用顏色匹配或使用圖標(biāo)樣式的情況。例如，在登錄界面中，我們希望用戶注意登錄按鈕，因此以下“忘記密碼”和“快速注冊”將被削弱。是否可以削弱并??讓用戶認(rèn)為您是可點擊的？當(dāng)然，只要你的文本行為被召喚，就要使用更多的動詞。

交互式文字和按鈕

事實上，我一直認(rèn)為設(shè)計師應(yīng)該完全理解每個設(shè)計組件（元素）。因為設(shè)計師的工作是以合理的方式將這些元素放在界面（畫布）中。所以你必須要了解它們。這里推薦一個網(wǎng)站設(shè)計組件，其中有一些基本組件。

回到主題，交互式文本和按鈕實際上有很多共同之處。首先，它們都支持點對點跳轉(zhuǎn)，它們都可以顯示狀態(tài)轉(zhuǎn)換。交互式文本比按鈕輕，適合簡約風(fēng)格設(shè)計。按鈕也有自己的優(yōu)點，按鈕可以顯示復(fù)雜的動態(tài)。

總結(jié)

以上是對UI設(shè)計中主要文本顏色匹配的一些分析和總結(jié)。我希望每個人都能在閱讀完畢后提供幫助。歡迎任何想法和意見與我溝通。

« 如何使用SEO來推廣自己的網(wǎng)站 | 專業(yè)網(wǎng)站建設(shè)必須了解目標(biāo)問題 »