做为一名手机APP UI设计师,当我们完成APP视觉设计之后,就要把我们的UI设计稿进行APP切片资源的输出。
iOS端的切片资源需要提供2套,分别是@2x和@3x的切图资源。
android端的切片资源需要提供hdpi、xhdpi、xxhdpi 三套切片资源。有时候也可以和安卓程序员沟通和ios公用一套切片。
今天,设计先锋网就给大家整理一下IOS端的切片命名规范,非常的全面也适合前端H5的开发命名。
大家也可以看一下之前分享的APP切图流程和APP切图命名规范详细完整版、UI必看干货!从设计到切图全面解析!、UI设计干货教程大全!
1、切片命名规范实例
我们以iPhone 6(750px/375pt)的尺寸作为基准设计,切图的时候我们通常需要切两套图。分别是@2x和@3x的切图资源。
详细的iOS的切片文件命名规范如下:
2、常见界面、控件、功能、状态命名集合:
APP产品经理、APP设计师、APP开发工程师,包括H5前端开发人员都可以记住的文件命名规范。
非常完整的APP元件切图的中英文对照表。
3、用几个APP页面来具体展示切片文件命名。
好了,IOS端的切片命名规范就给大家分享到这里了大家如果有问题可以在下面留言,或者加入底部我们的UI设计群一起学习交流!