超全面的UI设计切图规范指南

设计师的切图输出物是是体现一个设计师专业水准的重要标准,同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图,起到事半功倍的效果。

如何输出具有全局把控和细节专注的高段位切图,应该是所有设计师一直需要追求的能力。

超全面的UI设计切图规范指南  网络设计 第1张

设计切图的原则

设计切图输出的目的是跟下游的工程师团队协同工作,那么在团队协作过程中,首先应该保证切图输出能够满足工程师设计效果图的高保真还原需求。

其次,切图输出应该尽可能降低工程师的开发工作量,避免因切图输出而导致不必要的工作量。

最后,输出的切图应当尽可能的压缩大小,以降低APP的总大小,提升用户使用时的加载速度。所以切图输出应当做到切图精准、便与协同和压缩大小。

1. 切图资源尺寸必须为双数

众所周知,智能手机的屏幕大小都是双数值,比如iPhone 7的屏幕分辨率是750*1334 px。切图资源尺寸必须为双数,是为了保证切图资源在工程师开发时是高清显示。因为1px是智能手机能够识别的最小单位,换句话说就是1像素不能在智能手机被分为两份。


超全面的UI设计切图规范指南  网络设计 第2张

感谢您的支持,我会继续努力的!

超全面的UI设计切图规范指南  网络设计 第3张
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

标签: 网络设计

作者头像
便宜技术博客创始人

乐享资源记忆点滴的博客,主要分享程序源码!

  • 我是一个热爱钻研计算机技术的青少年,从小开始对计算机有极大的兴趣。目前我专注网站开发领域。我还自己发起建立了一个制作游戏的团队,希望能和大家合作,一同创造出属于我们自己的作品!
  • 版权声明:本站文章如无特别标注,均为本站原创文章,于2020-03-10,由便宜技术博客发表,共 709个字。
  • 转载请注明出处:便宜技术博客,如有疑问,请联系我们
  • 本文地址:https://aswpay.cn/?id=259
上一篇:腾讯电脑管家误报网站的申诉方法
下一篇:谷歌将在9月份实行移动网站优先索引

发表评论