1. 屏幕宽高比例:安卓设备多采用18:9、19.5:9、20:9;苹果则基本是19.5:9。设计师要确保UI元素在不同宽高比上都能“稳稳的”。
2. 设计分辨率:常用的有720x1280(HD),1080x1920(Full HD),2K(1440x2560)和4K(2160x3840)屏幕。其实,只要你在设计过程中用“矢量图”和“自适应布局”,就不用担心分辨率变差咯!
3. UI元素尺寸:按钮建议宽度不少于48dp(国产设备也叫像素点),高度不低于48dp。字体大小建议:普通文本不低于14sp,重要提示或标题用18sp或更大,让玩家“看得清清楚楚”。
4. 安全区域:这个玩意可不能忽略。为了避免屏幕边缘的异形区域遮挡或误操作,建议留出边距约在10%—15%的屏幕面积。比方说,你的设计宽度是1080px,左右各留出108px的安全边距,保证UI元件不会被“边角恐惧症”困扰。
我们还需要考虑到设备的“异形化”设计,比如刘海屏、水滴屏、折叠屏。折叠屏尺寸更是不一样,比如三星的Fold系列,展开后屏幕达到了7.6英寸。设计师们得根据设备型号调整UI布局,让“折叠的快乐”变成“折叠的烦恼”秒变成“用户体验最佳”。