激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢(xún)電話(huà)：400-810-1418 服務(wù)與監(jiān)督電話(huà)：400-810-1418轉(zhuǎn)接2

UI設(shè)計(jì)中的字體配色方案，你值得擁有

發(fā)布時(shí)間：2024-01-24 09:52:06 瀏覽量：199次

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

標(biāo)題，顧名思義要讓用戶(hù)在短時(shí)間內(nèi)了解界面的大致內(nèi)容，講究簡(jiǎn)潔明了。

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

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

例如，微信中的好友列表和聊天界面

我們可以看下使用同樣的配色的效果，感受一下不同。

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

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

正文類(lèi)

正文類(lèi)文字是給用戶(hù)提供詳細(xì)說(shuō)明和解釋的，正文類(lèi)文字要比標(biāo)題類(lèi)要淺一些。一是因?yàn)橛脩?hù)對(duì)于正文都不太感興趣，很少去讀，沒(méi)必要使用配色吸引他們的注意力。其二，文字較多，太過(guò)花哨的配色會(huì)使整個(gè)界面顯得凌亂，造成主次不分。

提示類(lèi)

提示類(lèi)文字就是要給用戶(hù)以引導(dǎo)和提示。文字要足夠的顯眼，如果用戶(hù)都注意不到你，還怎么提示呢？

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

一般常見(jiàn)的方法就是使用不同的配色來(lái)進(jìn)行區(qū)分，但是這個(gè)是適用于產(chǎn)品狀態(tài)較少的情況。如果你的產(chǎn)品狀態(tài)過(guò)多，每一個(gè)狀態(tài)都配以一款顏色的話(huà)，那么整個(gè)界面就會(huì)顯得很亂。

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

交互類(lèi)

交互類(lèi)文字，就是能夠讓用戶(hù)完成點(diǎn)擊操作的文字。交互類(lèi)文字設(shè)計(jì)的首要目標(biāo)是讓用戶(hù)覺(jué)得你的文字是可以點(diǎn)擊的。主要的辦法有三個(gè):

1.使用配色

目前來(lái)說(shuō)用戶(hù)覺(jué)得帶有顏色的字體都是可以點(diǎn)擊的，比如企業(yè)色。

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

2.icon

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

3.行為召喚語(yǔ)句

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

～此文轉(zhuǎn)載，如有侵權(quán)，請(qǐng)聯(lián)系刪除

熱門(mén)課程推薦

熱門(mén)資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話(huà)暢通！
確定