ios端app切图命名规范大全 UI设计教程

来源:网络   作者:热心网友   发布时间:2016-08-13    浏览次数:3775

做为一名手机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的切片文件命名规范如下:

iOS的切片命名规则





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

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

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

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



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



好了,IOS端的切片命名规范就给大家分享到这里了大家如果有问题可以在下面留言,或者加入底部我们的UI设计群一起学习交流!

联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4590.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通