手機(jī)游戲用戶體驗(yàn)基礎(chǔ)之顏色和字體，本篇分為顏色、字體兩部分，尤其要注意交互元素和非交互元素的顏色使用。

1、選擇一種顏色來(lái)表達(dá)交互和狀態(tài)

1）考慮選擇一種顏色來(lái)表達(dá)交互和狀態(tài)。

2）交互元素和非交互元素避免使用同一種顏色。

3）不要讓顏色分散用戶的注意力，通常讓顏色起到微妙增強(qiáng)的作用。

例：看下面兩張圖的對(duì)比

[左圖]互動(dòng)元素的顏色超過(guò)4種，界面上的操作重點(diǎn)不明顯，整體感覺(jué)混亂。

[右圖]基本用紅色來(lái)表達(dá)互動(dòng)顏色，主要操作重點(diǎn)突出。

2、關(guān)注色盲

關(guān)注色盲，在同一個(gè)界面中不要使用紅色和綠色來(lái)區(qū)分同一個(gè)元素的狀態(tài)。

3、注意不同環(huán)境下的顏色對(duì)比

注意不同環(huán)境下的顏色對(duì)比，尤其注意在室外較強(qiáng)時(shí)，所用顏色能很好的區(qū)分清楚。

例：下圖為在強(qiáng)光下的效果，有些設(shè)計(jì)不好的圖標(biāo)已經(jīng)分辨不出了。

4、研究不同國(guó)家如何使用顏色 

花時(shí)間研究不同國(guó)家如何使用顏色，不要違拗當(dāng)?shù)匚幕?/p>

5、同種內(nèi)容保持字體樣式的統(tǒng)一

[左圖]為字體一致性的正確用法；[右圖]為錯(cuò)誤用法。

6、字體始終清晰可辨

1）文本不小于22點(diǎn)。

2）標(biāo)題和正文使用相同的字體樣式，標(biāo)題應(yīng)加粗以示區(qū)別。

3）在同一種內(nèi)容的表現(xiàn)上，保持文本樣式的一致性。

4）考慮用戶設(shè)置字體大小時(shí)，是否隨之調(diào)整界面布局。

例：圖示中，標(biāo)題和正文區(qū)分明顯。