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

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

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

b2.jpg

设计切图的原则

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

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

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

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

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


购买本主题
添加QQ号:762063026咨询购买具体信息。
作者头像
Zblog屋创始人

本主题是一套风格鲜明的主题,适合做SEO,简介易于操作,上手很快。

  • 作者写过很多受欢迎的主题模板,能够满足大部分站长的需求,如果你也喜欢,请到zblog官网购买,或者联系作者。
  • 版权声明:本站文章如无特别标注,均为本站原创文章,于2019-03-18,由Zblog屋发表,共 445个字。
  • 转载请注明出处:Zblog屋,如有疑问,请联系我们
  • 本文地址:http://a.a5zt.com/post/1.html
上一篇:已是最后一篇文章
下一篇:响应式网页

发表评论