網(wǎng)頁(yè)設(shè)計(jì)中—文字配色方案介紹

今日來(lái)給大家共享產(chǎn)品規(guī)劃中文字配色的一些知識(shí)點(diǎn)。要給文字配色，首要我們要知道你的產(chǎn)品(界面)中有哪些文字。在這兒，我將產(chǎn)品中的文字首要分為以下四種：標(biāo)題類(lèi)、正文類(lèi)、提示類(lèi)和交互類(lèi)。

標(biāo)題類(lèi)

首要來(lái)說(shuō)標(biāo)題類(lèi)，標(biāo)題，望文生義要讓用戶在短時(shí)間內(nèi)了解界面的大致內(nèi)容，考究簡(jiǎn)潔明了。在app中，標(biāo)題類(lèi)一般有的頂部欄標(biāo)題，底部欄標(biāo)題，列表標(biāo)題、表單標(biāo)題等。

給標(biāo)題類(lèi)文字配色相對(duì)來(lái)說(shuō)比較簡(jiǎn)略，選項(xiàng)比較少，我們一般只會(huì)運(yùn)用深灰色或者企業(yè)色。由于標(biāo)題盡管很重要，可是也不能過(guò)于搶眼。

而根據(jù)重要性程度我們能夠把標(biāo)題分為不同的等級(jí)，一般來(lái)說(shuō)，層級(jí)越低的標(biāo)題色彩越淺。深淺的搭配能夠給你的界面帶來(lái)意想不到的作用。

例如，微信中的老友列表和談天界面中，用戶名和談天記錄的文字色彩深淺正好是反過(guò)來(lái)的。這個(gè)其實(shí)也很好了解，老友列表中用戶重視的是老友是誰(shuí)，而到了談天界面用戶更重視的是老友說(shuō)了什么。所以這兒用深淺不同的文字來(lái)協(xié)助用戶加以區(qū)別。

我不太主張給標(biāo)題運(yùn)用企業(yè)色，由于你要調(diào)整企業(yè)色的飽和度來(lái)區(qū)別不同的等級(jí)，個(gè)人覺(jué)得這樣不太合理。

此外如果標(biāo)題體系過(guò)于繁雜，僅從色彩深淺現(xiàn)已無(wú)法讓用戶從視覺(jué)上進(jìn)行辨認(rèn)。我們還能夠用字號(hào)來(lái)協(xié)助完結(jié)區(qū)別，事實(shí)上現(xiàn)在大多數(shù)產(chǎn)品都是經(jīng)過(guò)字號(hào)的不同來(lái)完結(jié)等級(jí)區(qū)別的。

正文類(lèi)

正文類(lèi)文字是給用戶供給詳細(xì)闡明和解說(shuō)的，正文類(lèi)文字要比標(biāo)題類(lèi)要淺一些。一是由于用戶關(guān)于正文都不太感興趣，很少去讀，我們沒(méi)有必要在這兒運(yùn)用配色來(lái)招引他們的注意力。其二，由于正文字?jǐn)?shù)一般比較多，過(guò)于花哨的配色會(huì)使整個(gè)界面顯得凌亂，形成主次不分。

提示類(lèi)

提示類(lèi)文字望文生義就是要給用戶以引導(dǎo)和提示。這個(gè)就意味著提示類(lèi)文字要滿足的顯眼，如果用戶都注意不到你，還怎樣提示呢？

提示類(lèi)文字一個(gè)首要用途就是給用戶展現(xiàn)當(dāng)時(shí)的狀況。

我們來(lái)設(shè)想一個(gè)場(chǎng)景，你在一個(gè)理財(cái)平臺(tái)上購(gòu)買(mǎi)了一款理財(cái)產(chǎn)品。不同的時(shí)間段會(huì)有不同的狀況。你看到這款理財(cái)產(chǎn)品收益率不錯(cuò)，投了3000元，這時(shí)的狀況是“承認(rèn)中”；過(guò)了幾天這個(gè)產(chǎn)品開(kāi)始起息就進(jìn)入了“起息中”狀況；又過(guò)了一段時(shí)間，你暫時(shí)有事急需要用錢(qián)，就把產(chǎn)品轉(zhuǎn)讓給他人，又會(huì)順次進(jìn)入“轉(zhuǎn)讓中”和“轉(zhuǎn)讓成功”。不同的狀況我們?cè)谝?guī)劃上給用戶加以區(qū)別來(lái)協(xié)助用戶進(jìn)行更好的辨認(rèn)。一般常見(jiàn)的方法就是運(yùn)用不同的配色來(lái)進(jìn)行區(qū)別，可是這個(gè)是適用于產(chǎn)品狀況較少的狀況。如果你的產(chǎn)品狀況過(guò)多，每一個(gè)狀況都配以一款色彩的話，那么整個(gè)界面就會(huì)顯得很亂。

最常見(jiàn)的狀況就是成功和失利，一般來(lái)說(shuō)在用戶心中都默以為綠色和赤色了。當(dāng)然現(xiàn)在把企業(yè)色作為成功也很常見(jiàn)。這兒就會(huì)呈現(xiàn)一個(gè)問(wèn)題，如果你的產(chǎn)品主色調(diào)恰好是赤色，這個(gè)時(shí)分就可能會(huì)引起用戶混雜。

交互類(lèi)

接下來(lái)，我們來(lái)談?wù)劷换ヮ?lèi)文字。交互類(lèi)文字，簡(jiǎn)略來(lái)說(shuō)就是能夠讓用戶完結(jié)點(diǎn)擊操作的文字。交互類(lèi)文字規(guī)劃的首要方針是讓用戶覺(jué)得你的文字是能夠點(diǎn)擊的。首要的方法有三個(gè):

1.運(yùn)用配色

目前來(lái)說(shuō)用戶覺(jué)得帶有色彩的字體都是能夠點(diǎn)擊的，比方企業(yè)色。

當(dāng)然如果你覺(jué)得界面中企業(yè)色呈現(xiàn)的過(guò)于頻頻，你還能夠運(yùn)用藍(lán)色。藍(lán)色在配色范疇肯定是萬(wàn)金油型的，不管你的產(chǎn)品界面主色系是什么，用戶一看到藍(lán)色文字就會(huì)理解是能夠點(diǎn)擊的。

2.icon

文字加icon的組合也能夠讓用戶發(fā)生點(diǎn)擊的愿望。以知乎為例，左面的帖子用戶只能看到答者和內(nèi)容簡(jiǎn)介，這兒的點(diǎn)贊和談?wù)摱际羌兾淖郑脩魺o(wú)法直接進(jìn)行點(diǎn)贊，可是點(diǎn)擊進(jìn)去以后，是icon和文字的款式，這兒用戶是能夠直接進(jìn)行點(diǎn)贊，談?wù)摚蛸p和保藏。


3.行為呼喚句子

我們會(huì)遇到一些狀況，不能運(yùn)用配色，也不能運(yùn)用icon款式。例如，登錄界面中，我們期望用戶的注意力在登錄按鈕上，所以下方的“忘記暗碼”和“快速注冊(cè)”我們要進(jìn)行弱化。弱化了還能讓用戶以為你是可點(diǎn)擊的嗎？當(dāng)然能夠，只需你的文字行為呼喚一點(diǎn)，多運(yùn)用動(dòng)詞就能夠了。

交互類(lèi)文字和按鈕

其實(shí)我一向覺(jué)得規(guī)劃師應(yīng)該對(duì)每一個(gè)規(guī)劃組件(元素)都做到充沛了解。由于規(guī)劃師的作業(yè)就是把那些元素以一種合理的方式放在一個(gè)界面(畫(huà)布)里。所以你有必要要了解他們。
 

回到主題上來(lái)，交互類(lèi)文字和按鈕其實(shí)有許多共同點(diǎn)。首要它們都支撐點(diǎn)擊跳轉(zhuǎn)，也都能夠展現(xiàn)狀況的切換。交互類(lèi)文字與按鈕比較愈加的輕量化，適用于極簡(jiǎn)風(fēng)格規(guī)劃?？墒前粹o也有自己的優(yōu)勢(shì)，按鈕能夠展現(xiàn)雜亂的動(dòng)效。