Android开发中提升UI还原度的经验

Android开发过程中会出现不同屏幕尺寸机型UI还原不一致的问题。为了解决这个问题,我自己进行了一些研究分析:

UI设计

  • UI设计方面,遵循一定的设计,切图规范来给出UI参照效果图和UI切图,参见下图:
Android开发中提升UI还原度的经验_第1张图片
  • 未进行UI标注的图片按照android默认标准执行,此处可以由设计师根据自己的设计习惯和语言生成相应规范供开发人员遵守,之后可形成自己的默认规范

开发人员在未知标注的情况下的一些默认值

  • 包括字体、各级标题颜色、背景颜色、App主题色等可以统一在项目立项时或者改版前出一张色值表供开发人员使用

  • 对于UI适配可能仍旧存在部分机型的显示存在问题,之后可根据具体机型适配,更具机型用户量大小进行取舍。

- 设计还原原型的过程中,要考虑到部分内容控件由于内容适配导致的UI变化。并进行适当的提醒标注。

UI提交

  • 可首先按上述标准提交设计效果图,然后分步提供不同分辨率的切图

iOS设计和实现解决方案类似:

iOS 的 1 pt = 逻辑像素 1 px = 物理像素 1 px(非 Retina)或 2 px(Retina)如果你新建 Photoshop 文档时将 PPI 设定为 72,则文档中 1 pt = 1 px;如果你把 PPI 设为 144,则 1 pt = 2 px。所以,你做非 Retina 设计时用 72 PPI,做 Retina 设计时用 144 PPI,这样就能保证你的 pt 数值永远是开发者需要的数值了。

设计规范

iOS多屏幕设计规范

你可能感兴趣的:(Android开发中提升UI还原度的经验)