界面設(shè)計文字使用規(guī)則!
在不同的終端平臺，界面設(shè)計對于字體的要求是不同的。在移動平臺，常用的字體比較固定，而在PC端就沒有絕對的固定要求，但卻有設(shè)計師們經(jīng)常會選用的幾個字體。
1.移動端的常用字體
(1)ios
英文字體：Helvetica、Aral
中文字體：華文黑體或冬青黑體(冬青黑體被很多設(shè)計師認為是效果最好的字體)。
(2) Android
英文字體：Roboto
中文字體：Noto
2.移動端的常用字號
(1)導(dǎo)航標(biāo)題字號
導(dǎo)航標(biāo)題字號通常為400p×-42px，偏小的40p×字號，常顯得更為精致。
(2)正文字號
大的正文字號通常為320p×，副文則通常是260p×，最小的文字信息則通常是20。需要注意的是，在正文字號的使用中根據(jù)不同類型的App會有所區(qū)別。如新聞等文字閱讀類的APP更注重文本的閱讀便捷性，因此經(jīng)常會為正文選用36p×的字號。
而列表形式、工具化的APP則普遍是正文32p，副文案260p×，最小文字20p×。此外，為了能拉開按鈕的層次、加強主要按鈕的引導(dǎo)性，360p×的字號還經(jīng)常被運用在頁面的大按鈕。
3)選擇偶數(shù)字號
一般情況下，在選用字體大小的時候通常都要選擇偶數(shù)的字號。因為在開發(fā)界面的時候，字號大小換算是要除以二的。
3.Pc端界面的常用字體
英文字體：Ana
中文字體：微軟雅黑、方正中黑、方正蘭亭系列。
4.PC端界面的常用字號
在PC端，正文通常會使用的字號是120p×或14px(無狀態(tài))。其他內(nèi)容的字號往往根據(jù)具體項目的需要而定。與移動端相同的是，一般也需要使用偶數(shù)字號，單數(shù)字號的文字在顯示的時候通常會有毛邊。
5.常用的字體顏色
在界面中的文字一般分為3個層級：主文、副文、提示文案。在白色的背景下，字體的顏色層次通常分別是黑、深灰、灰色。
APP界面設(shè)計怎樣提升用戶體驗?
1.知道目標(biāo)用戶的動機或者需求
產(chǎn)品能夠滿足某些人的某類需要，能夠為他們創(chuàng)造自己產(chǎn)品所倡導(dǎo)的價值，
這是頭等重要的用戶體驗，沒有這一點一切產(chǎn)品形態(tài)的東西都會是空談。
我曾經(jīng)的文章：用戶動機是“以用戶為中心”的方法論
2.確保移動產(chǎn)品信息結(jié)構(gòu)清晰
產(chǎn)品總共有多少個主體要素，這些要素以何種方式組織起來最為輕巧簡練，
讓用戶只通過簡單的使用就能形成一些基本結(jié)構(gòu)化的印象，
知道它是怎么回事兒了，知道什么東西可能應(yīng)該在哪兒了。
3.流暢的用戶操作流程
這是交互設(shè)計中的重中之重，如何讓用戶的操作流程在上邊信息結(jié)構(gòu)簡練的基礎(chǔ)上，
讓用戶的每一條指令，每一步操作，都基本符合他的預(yù)期，
以更自然、流暢的方式完成了他所要操作的任務(wù)，中間盡可能讓用戶少犯錯誤。
我曾經(jīng)的一篇文章，提到了交互過程的三要素：
學(xué)會三點，即可打造良好的交互設(shè)計效果
4.保證產(chǎn)品的可靠性、穩(wěn)定性
在用戶已經(jīng)熟悉、依賴上一個產(chǎn)品以后，
沒有什么比可靠性、穩(wěn)定性的問題更令人感到憎惡了。
這也不難理解為什么iPhone4的天線問題會有如此大的關(guān)注。
5.合理的頁面布局，合理內(nèi)容的主次位置
產(chǎn)品的每一個頁面有它存在的意思，那是因為它肯定要完成一個它必須能完成的任務(wù)。
這個必須能完成的任務(wù)，是不是放在了頁面的主體首要位置是這個頁面體驗好壞的關(guān)鍵。
有的設(shè)計總想拐著彎的搶占它的主體位置，你這就是在挑戰(zhàn)用戶的忍耐程度。
我曾經(jīng)的一篇文章：交互設(shè)計的主與次
6.推薦內(nèi)容的相關(guān)性程度精準(zhǔn)度，增加用戶黏性
頁面布局除了保證主體內(nèi)容的主體位置以外，
相對次要的側(cè)欄位置也是好好利用的設(shè)計空間所在。
如何通過機器或人為參與，提高側(cè)欄內(nèi)容的相關(guān)性程度，
能給用戶帶來意外性的體驗提升。
諸如那些“看過此書的人還看過…”等等。
7. 統(tǒng)一界面的配色、風(fēng)格、字號、間距等。
如果你設(shè)計的產(chǎn)品不是在創(chuàng)作一副油畫或者某些產(chǎn)品的形象工程，
如果你設(shè)計的產(chǎn)品是確定直接給用戶操作使用，
那么，那些無關(guān)的UI修飾則是能抽象的抽象能淡化的淡化。
只要盡可能保持設(shè)計使用上的一致性以及堅持下去這種一致性就可以了(別反復(fù)換)。
世界一流公司的產(chǎn)品，Microsoft、Google、Apple等等，無一不是如此。
如果上邊第1條用戶動機你抓準(zhǔn)了，用戶不會因為你的配色，你能否換膚而棄用你的產(chǎn)品的。
那些優(yōu)秀的平面設(shè)計師、手繪插圖設(shè)計師，在互聯(lián)網(wǎng)產(chǎn)品上發(fā)揮視覺設(shè)計的余地真的不是很大。
曾經(jīng)的文章：淡化UI、部分還原精實感的設(shè)計
8. 合適的客服出現(xiàn)位置與咨詢按鈕
機器能夠讓用戶自主完成的事情總是有限的人，但對于用戶來說總有例外，
就是那些用戶無法自主完成或產(chǎn)品暫時無法很好滿足的服務(wù)，機器做不好的，要靠人來補上。
就像如果你到一個大賣場里去買東西，盡管店里的物品擺放已經(jīng)經(jīng)過非常合理的布置了，
但是你趕時間，你依然希望第一時間買完東西就走，
這時候你最可信賴的就是直接問店里的店員了。所以，在產(chǎn)品交互體驗設(shè)計當(dāng)中，合理的布局在線客服出現(xiàn)位置與咨詢按鈕非常的重要。
大部分的產(chǎn)品的咨詢量由此產(chǎn)生。
途傲科技為中小企業(yè)提供網(wǎng)站制作、網(wǎng)站建設(shè)、微信H5、微信小程序，多商戶平臺，多級分銷系統(tǒng)，APP開發(fā)，手機網(wǎng)站，HTML5多端自適應(yīng)網(wǎng)站，營銷型企業(yè)站建設(shè)，及對技術(shù)人才的培養(yǎng)等都積累與沉淀了豐富的心得和實戰(zhàn)經(jīng)驗。
如果您有想法，可以將需求提交給我們【免費提交需求，獲取解決方案】
免責(zé)聲明：文章部分內(nèi)容收集于互聯(lián)網(wǎng)，不代表本站的觀點和立場，如有侵權(quán)請聯(lián)系刪除。
