ios切图切几个尺寸
急急急!!!怎样切图能得到ios 2倍图3倍图:
ps插件Cutterman免费的,切图神器百度就有
如何高效地输出iOS和Android标注和切图:
现在有很多产品为了降低设计成本并保持多平台体验的一致性,都以iOS为主做一套交互设计,应用于iOS和Android两个平台。但是在标注与切图的环节,如何高效的与开发对接,似乎并没有什么更高明的办法。很多团队的做法是先做一套iOS的UI+标注+切图,再在iOS的基础上缩放一套Android的UI+标注+切图。事实上这样的做法是低效,且无效的。为什么且如何做呢?
首先本文大前提是,交互以iOS的设计为主导,应用于iOS和Android两个平台。本文描述的方法更适用于人力资源较为匮乏的设计团队。
对于设计环节。
我对iOS和Android使用同一套iOS的交互设计这种做法不置可否,毕竟好多人都已经这么干了。而很多情况下,到底用一套交互还是两套,这个问题是被设计部门的话语权、项目的周期、人力资源等多个因素影响的,并不是简单的节操问题。所以这里不讨论到底一套交互对不对,只讨论这种情况下怎么干活。
那么既然是同一套设计,如果仅仅是为了达到的交付物标准,输出两套几乎完全一样的iOS和Android的UI图,这种事情略显蛋疼。据我所知有一些设计团队都在不明真相地这么干着。
来看设计环节的交付物。
iOS和Android开发需要的设计交付物至少要有:高保真UI图,标注,切图。
高保真UI图所起到的作用是,开发会参照其画页面,仅仅是获知页面样子的一个手段,并非什么高精度的事情。仅仅基于这一条,设计师就没有必要出iOS和Android两套样子一样只是大小不同的图的,对于开发来说,他们只需要看到页面样子即可。
标注和切图的作用是,开发会按照标注的尺寸,把切图按照高保真UI图的摆放方式做到界面上。那么问题来了,iOS的开发和Android开发所需要的标注和切图是不一样的。如何在一套iOS的高保真UI图上做出两套标注和切图呢?
众所周知iOS设计的像素尺寸是640*960/1136,Android主流的hdpi模式下的像素尺寸是480*800。如图,他们的换算关系是,iOS像素尺寸的75%是Android的像素尺寸
于是很多设计团队就基于这个75%的关系去做Android的图了,但是这不是个好方法,这是一个设计和开发没有成为好基友的状态下所使用的方法。
我们知道Android开发所使用的单位并非像素,而是一个叫做dp/sp的单位,人家压根就不用像素,你费劲半天调一个480*800又有啥用呢?你给他标注上,这个宽度300像素,又有啥用呢?设计不懂开发,开发也不懂设计,Android不懂iOS,iOS也不懂Android,很多同志就在这种“矩阵式的彼此的不理解”中凑合干着。
我们以480*800像素尺寸下做的设计图为基准。开发将部件尺寸换算成dp尺寸的方法是,像素尺寸*2/3。这也是为什么要让Android部件尺寸能让3整除的原因。所以在hdpi模式,480*800像素尺寸设计图中,开发看到300px宽度的标注,会定义其为宽200dp,到这里Android开发才得到一个他们真正会用于开发的数值。
这整个过程,设计师做iOS尺寸图并标注,设计师调整iOS尺寸图为Android尺寸并标注px,Android开发看着设计师交付的标注,再将其换算成dp,很长的一个过程。
其实经过以上整个过程之后,我们已经得出了一个更简单的换算关系:iOS像素尺寸*75%=Android像素尺寸,Android像素尺寸*2/3=Android的dp尺寸。进而得出:iOS像素尺寸*75%*2/3=Android的dp尺寸。所以,iOS里一个宽600px的东西,在Android的hdpi模式下,正好300dp,正好是50%,很容易算是吧?
在这个关系的指导下,我们可以在同一套UI图上做适用于两个平台的标注。只要Android的开发知道,标注600px的东西,在hdpi模式下等于300dp这个换算关系,一切都简单了。当然,平台的区别要留意,例如iOS使用十进制色值,Android使用16进制,iOS可以绘制圆角和阴影,Android更倾向于用.9.png等。这些差异要在同一套标注中体现出来,让两端的开发各取所需。(如果你发现标注软件中无法在同一张图上标十进制和十六进制色值,你可以用文字标注替代其中一个,qq的截屏工具中也是带色值提示的,办法很多不再赘述。)
至此,已经可以做一套标注,让Android和iOS的开发共同使用了。当然前提是你要告诉开发这个标注怎么看,怎么用!
下面看切图
在iOS切图与Android切图的转换中,是可以使用75%的换算关系的。也就是说iOS的切图缩小75%之后,就是Android的hdpi模式下的切图,而Android开发还需要其他dpi模式的切图,按照如下关系换算即可。
我们会发现xhdpi模式和hdpi模式的换算比例也是75%。也就是说xhdpi模式下切图尺寸跟iOS下是一样的。所以iOS的切图可以直接适用于Android的xhdpi模式。至于除hdpi和xhdpi之外的其他模式,如果需要适配,就需要单独处理图片了。
要注意的是切图在缩放之后像素会糊在一起,很可能需要重新调整,还有各种虚边情况,尤其是那些带透明阴影的,都要重新调,但是这个工作量显然要比重新调UI重新切,要小多了。
至此,我们设计一套适配iOS的高保真UI,基于该UI做一套适用于iOS和Android两类开发人员的标注,再输出一套可适用于iOS和 Android的xhdpi模式的切图,再调整一套Android的hdpi模式切图,基本上大部分工作就已经完成了。
资料来源:博客频道
不规则图形怎么切图ios 知乎:
iOS不规则图形的切图可以用Quartz 2D。
Quartz 2D是2D绘图引擎,适用iOS和Mac OS X程序。它提供底层轻量级的接口,并且会根据输出显示设备提供不匹配的逼真的画面 。Quartz 2D是与分辨率和设备无关的一个引擎。你不需要关注最终成像目标位置如何。非常容易使用,提供大量强大的功能,例如透明度,画线,视角距离效果渲染,颜色管理,反锯齿渲染,PDF文档创建,显示,解析。Quartz 2D是Core Graphics框架的一部分,所以看到CG开头,别奇怪,就是Core Graphic的简写。
Photoshop切图(iOS的Icon)插件都有哪些:
是要这种类型的脚本?
问一下,ui设计切图时切几套(ios android)?: 这个要看你的需求,ios据我所知,最起码的两个不同的尺寸的,两套,安卓的就更多了,手机尺寸不同,切图也得随着变化
iOS app引导页面有规定切多大的图吗: 4种屏幕尺寸,对应的得切4种分辨率的图。。
ios切图命名必须改为@2x吗: ios8(?ios7)以前用someimage@2x.png,ios8后用someimage@3x.png。所以要配两套图片,现实的时候,只需要写[UIImage imageNamed:@"someimage"];,系统会根据系统版本自动获取适当的图片。@2x表示一个点内含2*2个像素,@3x表示一个点内含3*3个像素
安卓和iOS切图大小怎么定,一般都是多少??: 根据你的需求来喽,如果是按钮之类的很小的就可以了,推荐使用.9.png格式的,多大无所谓,会自动变的
-
16-85和18-200哪个好
如何查询宁城县向阳中学八年二班郭佳琦成绩: 有病啊 在这查成绩 谁能查到 ...
242条评论 3681人喜欢 5157次阅读 756人点赞 -
20151116康熙来了说的是谁
先涂防晒霜还是bb霜: bb霜是集乳液、隔离、防晒及遮瑕于一体的综合霜,有一定的防晒功能,这要看MM是想偏重于哪一个了,如果主要想防晒,那就先擦BB霜,因为它比较亲和皮肤,对皮肤伤害少一些,还能隔离防晒霜对皮肤的刺激,如果不是特别想防晒,只...
504条评论 5221人喜欢 4522次阅读 851人点赞 -
希捷500g硬盘多少钱
襄阳软件开发培训哪个好: 首先做的应该是选行业,看自己适合选什么样的细分行业,走什么方向。大的方向确定以后,根据自己的选择自然会淘汰一部分培训机构。这样在剩下可供选择的机构里,找一家靠谱的。这样,你挑选培训机构的成本就小得多,也更加准确。 ...
242条评论 2514人喜欢 1642次阅读 360人点赞 -
14临床医师成绩哪里查
首都机场T3航站楼到北京华商酒店怎么走: 公交线路:机场线,全程约28.8公里1、从首都国际机场T3航...步行约340米,到达T3航站楼站2、乘坐机场线,经过2站, 到达三元桥站3、步行约1.2公里,到达北京华商酒店(三元... ...
586条评论 4154人喜欢 1342次阅读 292人点赞 -
180克等多少
求一份EXCEL记帐凭证模板,能自动汇总生成科目汇总表,总帐,明细帐和报表 我的邮箱wsq8685@163.com: 题:EXCEL账务处理系统(录入记账凭证自动成生财务报表和登记账薄且具备出具资产负债表、利润表,凭证打印,明细账总账多栏账查询打印功能)请到你的邮箱附件中下载 ...
763条评论 4961人喜欢 5118次阅读 852人点赞 -
207为什么停产
在哪个网站可以下载C++软件: 你要下C++开发环境吗?如果是,这个网址里有http://msdn.itellyou.cn/ ...
956条评论 3346人喜欢 4439次阅读 344人点赞 -
200斤的驴驹有几个月大
一般下载软件在哪个网站下比较好: 天空,多特,华军软件站都很有名啊 ...
986条评论 5413人喜欢 3531次阅读 234人点赞 -
ppb=多少
西安最好的计算机软件培训机构是哪个?: 个人觉得,学技术可以根据市场需要,再结合自身兴趣和实际情况选择专业正规的培训学校进行系统的学习,理论与实践相结合,掌握每一个要点和训练方法就好. ...
796条评论 5895人喜欢 2617次阅读 473人点赞
随机推荐榜单
- 桌面文件全部变成。ink快捷方式了,怎么办
- dnf沙滩赛利亚的宠物三选一哪个好
- Mac版office2016占内存太大怎么办
- 你好,请问下ThinkPad E431(68861D7)这款小黑是否可以加固态硬盘
- 2018世界杯进球数
- 明日之后私人营地怎么邀请别人拍张照?
- an hour 怎么连读 求音标表示
- ATM自动取款机转账的出现金额超限是什么意思啊
- 今年北京有什么重大会议
- 求FF14 龙骑和黑魔输出手法 我是新手最好别用术语 要求详细
- 12和7的积比50多多少
- 小红从家到学校用四分之一小时,小华从家到学校用五分之一小时,时间比是多少?
- 地下城铁鳞海贼团、舰长、船长任务流程?
- 普通pc安装mac系统之后就可以用苹果软件了么
- 今年世界杯的主题曲是谁写的?
- SAP ERP系统价格一般多少钱
- 平安福交满30年后能退回本金吗
- 若想检测p53的partner,可以采用哪种或哪些研究方法
- 我想问下,就是新的漫画网站,选择虚拟主机呢还是VPS?
- 开头是春字的名字