異性屏優化常見辦法

1.手機導航欄未適配 常見機型:自帶手機導航欄系統的手機 常見表現: 手機導航欄未適配,產生UI遮擋類BUG

2.異形屏遮擋 常見機型:劉海屏或水滴屏 目前常見適配方案: 1.下移方案 表現:界面下移,避開劉海區域。 不足:出現黑邊不美觀/可能出現界面被截斷/可能出現佈局不合理/可能出現按鈕 熱區錯位 2.繞開劉海區域 表現:非背景式UI繞開劉海或水滴區域 不足:實則與下移方案類似,但非整個界面下移,而是將帶有如文字,按鈕之類的 UI下移處理。比起整個界面下移體驗更佳,但仍然無法到達最佳的劉海面屏體驗

3. 未全屏顯示適配 常見表現:應用未有全屏顯示,留有左右或上下黑邊 常見解決方案: 1.拉伸填充整個屏幕,可全屏顯示,但易造成比例失常。 2.等比例拉伸以保證比例正常,但無法在所有機型上全屏顯示,會出現黑邊現 象,可加入背景圖片代替黑邊。 3.圖形UI比例不變,擴大底層背景,大屏幕顯示更多背景內容,小屏幕顯示較少 背景內容

4.文本長度異常 常見表現:名字未有對長度作處理,導致名字過長產生UI性BUG。 (例如:文本相互產生遮擋/超框等) 常見解決方案: 1.截斷:對顯示的字符數作限制,後面的字符以截斷符顯示(如:龍之殺手瘋...) 2.限制字數:對取名的字符數量作限制,避免用戶取字符數量過多的BUG

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章