建网站选织梦模板，首选跟版网(最大的织梦模板商城)，您可以把织梦模板网：
亲，跟版网是中国最具专业的DEDECMS模板资源提供商！您可以选择或者
移动APP切图术语解读：什么是@1x @2x和@3x
& &以下内容您可能感兴趣： &
现在很多APP设计师小白都会稀里糊涂的在解读这些缩放1倍，扩大2倍或者说扩大1.5倍 等等之类的言论。
大家谈论的却是也没有错。如果你搭配上@1x @2x和@3x的话，你的理解就有问题啦！
首先我们看下我们切图的命名方式：
假设有两张图片名为：正确的命名方式应该是这样test_t@2x.png 、test_t@3x.png
这是对于ios 切图来说的。
iphone 4 5 6是采用test_t@2x.png 这个图，iphone 6 plus就采用test_t@3x.png
但是对于iphone加载的顺序是
在ipone4 ipone5 s、iphone6和iphone6 plus都是不需要带上@2x/@3x的图片后缀名，程序会优先加载@2x的图片 ，但如果需要加载@3x的图片，你需要写上@3x； 这个是IOS客户端做的，但是作为APP设计师必须了解。
第一个：为解决ios分辨率而生
之所以有@1x @2x和@3x的出现，也是苹果为了便于程序员的开发，不同分辨率的设备开发时统一为一个尺寸。例如iPad2 是768 x 1024，iPad Retina 是1536 x 2048，开发时都按 768 * 1024 操作。但实际上两者有一倍差异。为了达到最佳效果，使用的图片大小不一样。这时候就用同一个名称，但 Retina 的图加上 @2x 后缀。系统加载图片时，在 iPad2 上会加载 @1x 的图在 1536 * 2048 的设备上，会加载 @2x 的。@3x 现在用于 iPhone 6/6+ 上。
第二个：@1x @2x和@3x也是xcode软件所需要的UI资源。你命好名称以后，ios会根据设备型号自动挑选合适的@1x，@2x或@3x尺寸来使用。
第三个：mac电脑上的APP设计软件Sketch，他切图之后保存的图片格式也是带有@1x @2x和@3x。 在这里 可以解毒@1x @2x和@3x为图片格式，成为图片后缀名。跟我们安卓上的.9.png 类似的。
第四个：苹果IOS程序开发不同分辨率的设备统一为一个尺寸而标记的。@3X就是@1X分辨率的3倍。@3x也是倍数的解读。
所以，在这里 安卓到底有没有这样的@1x @2x和@3x的格式呢。网站模版网(www.genban.org)的小编认为，肯定没有，@1x @2x和@3x严格来说是苹果公司的专利。
适合安卓的切图命名规范最好的是.9.png图，当然目前.9.png应用在ios上也很多。
附带一提：iOS8渲染操作中使用前缀带有@1x、@2x 和@3x 的测试图像，代码会优先载入3x 图像。@2x图像不被加载。
跟版网-专业织梦模板下载平台，转载请注明出处：
& &邀您关注： &
扫描左侧二维码即可在手机端访问此页面
扫描左侧二维码即可关注跟版网官方微信公众号，获取金币模板，还可以免费仿站哦！
扫描左侧二维码即可加入跟版网官方群，免费获取金币资源并可以与其他织梦高手共同交流学习
跟版网率先实现织梦的三网合一网站，从即日起（）日，跟版网会陆续免费分享一批金币资源给需要的朋友，关注本站认证官方微信公众账号并回复相应的提取码，系统会自动将下载地址发送给您，同时这些金币资源也会分享在官方的QQ群中，欢迎各位朋友踊跃加入。另外本站后期会每周选择大家比较喜欢的网站仿制，并免费分享给大家，还有免费送金币活动哦！
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
- dede源码分享
售价:20金币
- dede源码分享
售价:5金币
- dede源码分享
售价:20金币
- dede源码分享
售价:30金币
- dede源码分享
售价:3金币
& & & 跟版网竭力打造中国最大的织梦源码和织梦模板商城，我们有一批经验丰富的设计师和程序员，发展五年，跟版网拥有丰富的织梦模板，欢迎您的咨询，我们将竭诚为您提供最优质的服务。
& & & 跟版网织梦源码商城坚持“创意+品质+服务”的高端理念，运用创意设计的理念为您塑造高品质的网络品牌形象。凭借五年的探索和实践，跟版网织梦源码商城拥有一支经验丰富、技术精湛、尽职尽责的网络服务团队。精品网站建设，从跟版网织梦源码商城建站开始。
& & & 跟版网织梦源码和模板可分为两种形式获得，一种是官方源码，另外一种是会员共享源码。两种源码都分为免费和收费两种形式。
& & & 跟版网官方收费源码可通过支付费用获得，具体操作流程可查看网址：。会员共享源码可通过共享模板获取金币下载。如觉得麻烦，可以联系客服QQ：进行金币充值，充值后可随意下载。设计稿是750*1334的，比如一个形状在PS里的大小是10px。A：@1x（10px）
@2x（20px）
@3x（30px）B：@1x（5px）
@2x（10px）
@3x（15px）
当然是B，你这是iPhone 6的设计稿尺寸，按照原大小10px直接切出来就是 ， @1x是@2x的一半，@3x是@2x的1.5倍
已有帐号？
无法登录？
社交帐号登录
界面设计师我们都知道一套完整的 App 通常会有很多张切图，不管是 iPhone 需要 1x、2x、3x 图档，Android 需要至少 3 种 hdpi、xhdpi、xxhdpi。在庞大的切图数量下如何让负责套图的 RD 快速找到所需图档，档名的命令方式就需要双方统一格式方便大家作业。所以，制定一套非常有效而方便的APP切图命名规范非常有用的。
下面就跟随25学堂的小编来详细了解APP切图命名的流程和命名规范。
基本上 App 的切图可分为下面几大类：
背景、按钮、图示、图片、照片、TabBar icon 等。
为了让切图便於管理，通常会依图片性质命名。例如 bg-xxx.png、btn-xxx.png、img-xxx.png、tab-xxx.png。当图档要做给 Retina 萤幕使用时，只要在副档名前加上「@2x」就可以了。如bg-xxx@2x.png、btn-xxx@2x.png 、icon-xxx@2x.png。在命名时 bg-xxx.png 中间的 – 可以改为 _ 。
iOS HIG 上写著 Desktop icon 档案命名使用 -，如果切图只给 iOS 使用，可以和 iOS 采用相同的命名方式。请注意 Android 不支援 – 的命名方式，如果图档要运用在 Android 上，请把所有的 – 改成 _ 底线。最好不要把数字或符号当成档名的开头，如 3-icon.png 、+abc.png之类。
bg-xxx.png，从整个页面的大底图、某个 TableView 的字段底图、Navigation Bar 的底图都可算在背景范围内。
要留意整个画面的高度，大多数的页面需要扣除状态列和 Navigation Bar 高度，如果画面上有 Tab Bar 的话，底图尺寸会更小。
TableView 字段底图
运用在列表。列表字段内容可能包含缩图、说明文字、箭头等。为了美感或是加快开发效率，有时会将缩图和箭头等直接做在底图上，遇到这种情形请先向 RD 讨论确认单一字段内拥有哪些元素、又有哪些元素要直接做在底图上。
按钮有很多种不同的作法，有的是将整个按钮连带文字一起切图，有的运用在内建按钮上、底图和文字是分开的。在这边指的是底图和文字分开的按钮，这种作法优点在于按钮可随文字长度自行加长缩短，底图也会自行延展，不需将 App 内所有的按钮都切图出来。
按钮的切图常以 btn-xxx.png 来命名 。App 里的按钮拥有 4 种属性，分別为一般、点击、不能点击、选中。但不追求精致与完整度的话，只出一般属性按钮图档就可以了，在 iOS 上 RD 能在使用者点击按钮时将原图档变暗做为点击提示。
（Android App 按钮就一定要 2 张图，一般状态、点击状态。）
一般（normal）：btn-xxx-n.png，最基本的按钮外观。
点击（highlight）：btn-xxx-h.png，使用者触摸萤幕碰到按钮，为了告知使用者有点击到而出现的回应提示。
不能点击(disabled)：btn-xxx-d.png，代表App有这功能但使用者无法使用。例如如安装在iPod上的App有播打电话功能时。既然不能被点击干脆直接隐藏的作法也是有的。要直接将按钮隐藏或是以不能被点击的状态呈现需视情况决定。
选中(selected)：btn-xxx-s.png，选中出现在有复数选项时，但通常不会把按钮拿去做复数选项控件，这种按钮状态出现的机会不高。
此外，图示、图片、照片我也习惯有固定的命名方式。主要是让 RD 能够快速套图，并没有硬性规定该如何将图档分类命名。
图示：icon-xxx.png。
图片：pic-xxx.png 或是 img-xxx.png。
照片：pho-xxx.png。
PS.如果是流水号的话，要从 0 开始编号喔！
TabBar 上的 icon 作法较特殊，虽然它是 icon，但我不会以 icon-xxx.png 来命名。为了和其他 icon 作区隔，我会使用 tab-xxx.png 来表示。（App：App Store）
若使用 iOS 内建的 TabBar，则 icon 尺寸、制图方式都需依照规范。在 iOS5 之后 TabBar 可以变更 底图和 icon 图，不受黑底白 icon 的限制。TabBar 可分成三层：底图层、选中时的高光层、icon层。（App：Find my friends）
底图层、高光层会因为 TabBar 个数不同而自动延伸，高度为 49px。icon 需依 Guideline 制作 30x30px。加上选中时 icon 会改变，因此 TabBar 的切图共有 4 个部份：底图、选中时的高光、一般情况下的 icon、被选中时的 icon。
下面25学堂在附上一些大神分享的APP切图命名规范。
本文标题：
本文地址：/appdesign/7339.html
除非注明，本站文章均为原创或编译，转载请注明出处和原文链接，转载同时请务必保留原网站网址。
为你推荐的相关文章
优秀的移动互联网博文
Copyright@
All Rights Reserved ICP备案号：桂ICP备号-2本站声明所有资源均是网上搜集或网友上传提供，如有侵犯您的版权，请及时联系我们（），我们将尽快处理。切图常说的@1X@2X@3X是什么意思_百度知道
切图常说的@1X@2X@3X是什么意思
iphone5s 为例，一倍图是640*1136，手机是高清屏幕， 所以用到高倍图 @2x @3x 就是普通图的倍数
VpnVip资讯教程，软件使用平台。
操作系统/系统故障
其他类似问题
为您推荐：
切图的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁