标签:
本章介绍主要针对 UI 设计师,UI 设计师需要在设计初期对图片的设计和切图规范有所了解,以帮助应用开发者尽量减少内存占用、提升帧率和性能。
不使用大图片
推荐级别:强烈
大图片对性能的影响非常大,手表受界面限制,切勿不必要地使用高清大图。图片的尺寸能小则小,裁减掉多余的部分只保留有效的区域
png 图片替代 svg 图片
推荐级别:建议
svg 只在有动画或动态修改属性等特殊场景时使用,一般情况下都使用 png 格式图片资源
反例
<image src="/assets/images/logo.svg"></image>
正例
<image src="/assets/images/logo.png"></image>
删除废弃图片
推荐级别:建议
如果图片已经用不到了,需要及时的在项目中删除,否则废弃的图片会使得包体积增加。
图片复用
推荐级别:鼓励
设计的图片尽量实现共用,来减少存储占用。比如:确定、取消、返回、选中、未选中等使用频繁的按钮。
标签: 来源:
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。