設(shè)計(jì)景區(qū)小程序時(shí)字體配色的4大要點(diǎn)

我們?cè)诮o景區(qū)設(shè)計(jì)小程序的時(shí)候，除了有合適的banner，布局等等，文字的配色也是極其重要的，首先要知道，頁面中的文字大概有哪幾類：標(biāo)題，正文，交互和提示這四大類，然后再根據(jù)每一類的屬性給與相應(yīng)的配色，那么，該如何配色和設(shè)計(jì)呢？以下就是我分享給大家在設(shè)計(jì)景區(qū)小程序時(shí)字體配色的4大要點(diǎn)。 

一、標(biāo)題文字

（1）首先來說標(biāo)題類，標(biāo)題，顧名思義要讓用戶在短時(shí)間內(nèi)了解界面的大致內(nèi)容，講究簡潔明了。在app中，標(biāo)題類一般有的頂部欄標(biāo)題，底部欄標(biāo)題，列表標(biāo)題、表單標(biāo)題等。

（2）給標(biāo)題類文字配色相對(duì)來說比較簡單，選項(xiàng)比較少，我們一般只會(huì)使用深灰色或者企業(yè)色。因?yàn)闃?biāo)題雖然很重要，但是也不能過于搶眼。

（3）而根據(jù)重要性程度我們可以把標(biāo)題分為不同的等級(jí)，一般來說，層級(jí)越低的標(biāo)題顏色越淺。深淺的搭配可以給你的界面帶來意想不到的效果。

（4）ps.我不太建議給標(biāo)題使用企業(yè)色，因?yàn)槟阋{(diào)整企業(yè)色的飽和度來區(qū)分不同的等級(jí)，個(gè)人覺得這樣不太合理。

（5）此外如果標(biāo)題體系過于繁雜，僅從顏色深淺已經(jīng)無法讓用戶從視覺上進(jìn)行識(shí)別。我們還可以用字號(hào)來幫助完成區(qū)分，事實(shí)上現(xiàn)在大多數(shù)產(chǎn)品都是通過字號(hào)的不同來完成等級(jí)區(qū)分的。

二、正文文字

正文類文字是給用戶提供詳細(xì)說明和解釋的，正文類文字要比標(biāo)題類要淺一些。一是因?yàn)橛脩魧?duì)于正文都不太感興趣，很少去讀，我們沒有必要在這里使用配色來吸引他們的注意力。其二，因?yàn)檎淖謹(jǐn)?shù)一般比較多，過于花哨的配色會(huì)使整個(gè)界面顯得凌亂，造成主次不分。

三、提示文字

（1）提示類文字顧名思義就是要給用戶以引導(dǎo)和提示。這個(gè)就意味著提示類文字要足夠的顯眼，如果用戶都注意不到你，還怎么提示呢？

（2）提示類文字一個(gè)主要用途就是給用戶展示當(dāng)前的狀態(tài)。

（3）我們來設(shè)想一個(gè)場(chǎng)景，你在一個(gè)理財(cái)平臺(tái)上購買了一款理財(cái)產(chǎn)品。不同的時(shí)間段會(huì)有不同的狀態(tài)。你看到這款理財(cái)產(chǎn)品收益率不錯(cuò)，投了3000元，這時(shí)的狀態(tài)是“確認(rèn)中”；過了幾天這個(gè)產(chǎn)品開始起息就進(jìn)入了“起息中”狀態(tài)；又過了一段時(shí)間，你臨時(shí)有事急需要用錢，就把產(chǎn)品轉(zhuǎn)讓給別人，又會(huì)依次進(jìn)入“轉(zhuǎn)讓中”和“轉(zhuǎn)讓成功”。不同的狀態(tài)我們?cè)谠O(shè)計(jì)上給用戶加以區(qū)分來幫助用戶進(jìn)行更好的識(shí)別。一般常見的方法就是使用不同的配色來進(jìn)行區(qū)分，但是這個(gè)是適用于產(chǎn)品狀態(tài)較少的情況。如果你的產(chǎn)品狀態(tài)過多，每一個(gè)狀態(tài)都配以一款顏色的話，那么整個(gè)界面就會(huì)顯得很亂。

（4）最常見的狀態(tài)就是成功和失敗，一般來說在用戶心中都默認(rèn)為綠色和紅色了。當(dāng)然現(xiàn)在把企業(yè)色作為成功也很常見。這里就會(huì)出現(xiàn)一個(gè)問題，如果你的產(chǎn)品主色調(diào)恰好是紅色，這個(gè)時(shí)候就可能會(huì)引起用戶混淆。

四、交互文字

接下來，我們來談?wù)劷换ヮ愇淖帧＝换ヮ愇淖郑唵蝸碚f就是能夠讓用戶完成點(diǎn)擊操作的文字。交互類文字設(shè)計(jì)的首要目標(biāo)是讓用戶覺得你的文字是可以點(diǎn)擊的。主要的辦法有三個(gè):

（1）使用配色

目前來說用戶覺得帶有顏色的字體都是可以點(diǎn)擊的，比如企業(yè)色。

當(dāng)然如果你覺得界面中企業(yè)色出現(xiàn)的過于頻繁，你還可以使用藍(lán)色。藍(lán)色在配色領(lǐng)域絕對(duì)是萬金油型的，不管你的產(chǎn)品界面主色系是什么，用戶一看到藍(lán)色文字就會(huì)明白是可以點(diǎn)擊的。

2.圖標(biāo)（icon）

文字加icon的組合也可以讓用戶產(chǎn)生點(diǎn)擊的欲望。以知乎為例，左邊的帖子用戶只能看到答者和內(nèi)容簡介，這里的點(diǎn)贊和評(píng)論都是純文字，用戶無法直接進(jìn)行點(diǎn)贊，但是點(diǎn)擊進(jìn)去以后，是icon和文字的樣式，這里用戶是可以直接進(jìn)行點(diǎn)贊，評(píng)論，打賞和收藏。

ps.大家有沒有注意到上面我只提到不能點(diǎn)贊，沒說不能評(píng)論，其實(shí)是可以評(píng)論的。知乎里一個(gè)帖子的字?jǐn)?shù)都是比較多的，用戶只看到簡介就點(diǎn)贊或者評(píng)論沒有什么意義。后來我又去看了簡書，發(fā)現(xiàn)簡書是不支持用戶在沒有看完文章的情況下就支持點(diǎn)贊和評(píng)論的。

所以我不知道知乎這么做是出于什么考慮，反正我是沒弄明白。

（3）行為召喚語句

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

以上就是分享給大家設(shè)計(jì)景區(qū)小程序時(shí)字體配色的4大要點(diǎn)，只要注意以上細(xì)節(jié)，你的頁面看上去會(huì)更加的精致，層次也會(huì)更分明，如有相關(guān)方面的需求可致電4006566135或訪問小泥人官網(wǎng)www.635867.com。

閱讀量:16109