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