APP切图教程分享:iOS的切片资源命名规范

作为一名手机APP UI设计师,当我们完成APP视觉设计稿之后,就要进行APP切片资源的输出。作为iOS端的切片资源需要提供2套。分别是@2x和@3x的切图资源。

android端的切片资源只需要提供hdpi、xhdpi、xxhdpi 三套切片资源。

今天,25学堂在网上看到有位小伙伴重新整理了 iOS的切片文件命名规范。非常的全面,也适合前端H5的开发命名。之前分享的APP切图流程和APP切图命名规范详细完整版手机APP界面切图命名和文件整理规范【简单版】

这一份iOS的切片文件命名规范信息图可以让APP设计师、APP产品经理和webAPP 前端开发人员可以共用的命名原则。

如果你刚入门的APP设计师新手,可以再来看看iOS端的切片文件命名规范。

 

1、我们以iPhone 6(750px/375pt)的尺寸作为基准设计,切图的时候我们通常需要切两套图。分别是@2x和@3x的切图资源。

详细的iOS的切片文件命名规范如下:

iOS的切片命名规则

 

2、常见界面、控件、功能、状态命名集合:

APP产品经理、APP设计师、APP开发工程师,包括H5前端开发人员都可以记住的文件命名规范。

非常完整的APP元件切图的中英文对照表。

iOS的切片命名规则和中英文对照表

 

3、用几个APP页面来具体展示切片文件命名。

ios-切图命名规范信息图

 

以上三个不错的iOS的切片文件命名规范值得各位APP设计师们好好的阅读和理解。充分让我们提供的APP切片资源非常的专业。

 

每天更新,
全站高品质素材免费下载!