精华内容
下载资源
问答
  • ios 中可以用pdf替换现在的2倍3倍图(1倍图已经忽略) 1、将pdf矢量图拖进工程Assets.xcassets中 2、按照步骤操作 3、矢量图最后生成适配所有的图片 转载于:...

    一、在开发中矢量图的使用大大提高设计的切图效率!

    ios 中可以用pdf替换现在的2倍3倍图(1倍图已经忽略)

    1、将pdf矢量图拖进工程Assets.xcassets中

    2、按照步骤操作

    3、矢量图最后生成适配所有的图片

     

    转载于:https://www.cnblogs.com/PeterWolf/p/9447770.html

    展开全文
  • 现在iOS开发中使用的切图一般都是二倍图和三倍图了,一倍图几乎用不上了。OC是一门动态语言,动态体现在三方面:1.动态类型 2.动态绑定 3.动态加载。其中的动态加载指的就是图片的加载,OC会根据屏幕的不同去加载...

    现在iOS开发中使用的切图一般都是二倍图和三倍图了,一倍图几乎用不上了。

    OC是一门动态语言,动态体现在三方面:1.动态类型 2.动态绑定 3.动态加载。

    其中的动态加载指的就是图片的加载,OC会根据屏幕的不同去加载不同倍数的切图,现在iPhone4、5、6、7、8都会去加载二倍图,而相应的plus、X、XR、XS、XSMax都会去加载三倍图。

    在iPhone4、5、6、7、8上的1pt=2px,而相应的plust、X、XR、XS、XSMax上的1pt=3px。

    验证动态加载:

    使用两张不同的图片,图片名相同,其中一张是二倍图,一张是三倍图,然后在不同手机上加载,看加载的图片。

    效果图:

    0.二、三倍图.png

    0.二倍图.png

    0.sanbeitu.png

    第一张屏幕截图实在iPhone8模拟器上,第二章屏幕截图是在iPhone8plus模拟器上,我们看到iPhone8加载的是二倍图,iPhone8plus加载的是三倍图。

    那么当只有一张三倍图或二倍图的时候,两个模拟器又会怎么加载图片呢?

    我们会发现,如果没了二倍图iPhone8同样会去加载三倍图,如果没了三倍图iPhone8plus也同样会去加载二倍图(退而求其次)。

    这里抛出一个问题:

    那么在加载切图的时候我们还需要使用代码进行屏幕适配吗(图片的宽高乘以一个比例系数)?

    个人觉得还是分情况,以及具体的需求。按照苹果给出的二、三倍图概念,一般图片就不需要代码适配了,但如果一个切图宽度是铺满全屏或有需求需要,我们还是需要使用代码适配的。

    ****本篇文章到这里就结束了,愿大家加班不多工资多,男同胞都有女朋友,女同胞都有男朋友。😊***

    展开全文
  • ios2倍3倍图

    2015-12-31 17:36:00
    这里我们只说IOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱,我整理好以后再说吧。页面篇幅比较长,不推荐一次性看完,那样你潜意识里就会对它厌烦了,所以可以有时间读一读,看一看。Part 1 项目...

    这里我们只说IOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱,我整理好以后再说吧。

    页面篇幅比较长,不推荐一次性看完,那样你潜意识里就会对它厌烦了,所以可以有时间读一读,看一看。

    Part 1 项目立项

    完善的公司会把项目相关人员聚集起来,产品经理会把产品详细的用原型展示出来,包括产品定位,市场需求,主打卖点,产品性质以及各模块具体功能,逻辑跳转演示一下;之后会评估项目用时,各部门协调,项目启动。

    话不多说,接到原型,那我们应该做什么准备工作呢?



    在项目设计之初,就该进行项目归档整理,我的习惯是“项目名称+版本序列”;

    没有最正确的工作方法,只有最适合自己的工作习惯。

    我个人习惯把不同类型的文件划分到不同类型的文件夹里,有的设计师习惯全都放在一个文件夹里,如果文件少还说的过去,如果页面过多,就知道这样的利弊了。



    工欲善其事必先利其器,基本上我做界面设计用的最多的就是PS和AI了,版本无所谓,用着舒服就行,推荐版本高一点的,低版本好多方便功能都没有。

    标注工具:

    PxCook,目前我还没用上Mac,所以也不知道传说中的Sketch到底多神奇。PxCook在Windows上标注还比较顺手,虽然它还附带切图功能,但是比较鸡肋,不推荐用它切图。

    切图工具:

    Cutterman 一款PS的插件,切图非常方便,但不支持绿色免安装版本PS,而且对PS版本要求比较高,针对CS 6的已经不维护更新了。推荐安装官方完整版PS cc,然后自行破解。官网上有安装使用教程,自己研究下吧,因为我也是最近才开始接触这款插件。

    Assistor PS 也是一款PS的切图标注插件,也被誉为神器;我使用了下,感觉相当不错,就是标注还没太适应,推荐一下这个。

    Part 2 Photoshop

    现在常用的几种设计尺寸

    1. 640*960 4时代的尺寸,刚接触APP设计用的是这个尺寸,拟物盛行的时代(现在用这个尺寸设计的应该比较少了吧);

    2. 640*1136 5/5S/5C,IPhone更新,咱们设计也得跟着与时俱进(应该还有人用这个设计尺寸),进入扁平的时代了;

    3. 750*1334 6 目前我做设计稿的设计尺寸,IPhone6的尺寸,向下可以适配4,5,向上可以适配6 plus;我记得IP6推出后,我问总监应该用什么尺寸设计,他说用IP6的吧,好适配,切出来就是@2x了,改一改上下都能照顾到。



    推荐做设计稿的时候使用IPhone6的尺寸进行设计。

    IP 6的尺寸相比于IP 5来说,很多系统控件尺寸并未变化,只是高度也就是内容显示区域发生了变化。下面是IPhone 6的空白文档,我建立了参考线。



    文档建立之初就设置好参考线是个很好的工作习惯,我希望更多的设计师可以养成更好的工作习惯。

    上下的参考线很容易设置,因为是根据IPhone自身系统设置的,左右的参考线我习惯设置为24px,也就是显示内容距离边框的距离。这不是绝对的,我和总监研究过,究竟是设置为左右30px还是24px比较好,通过对国内国外各种APP的对比,觉得24px更适合一些,不宽不窄,这个完全是设计师个人的设计习惯,所以不要当成什么规范,确切的说,整个屏幕你都可以随便做,但是我们这里说的是正常页面。

    Part 3 页面标注

    标注是重中之重,工程师能不能完整的还原设计稿,很大一部分取决于标注;如果不清楚你该怎么标,一定要和工程师沟通!

    每个工程师实现效果的方法不同,我在这里所说的,是我的标注习惯,但应该适用于大部分的设计师和工程师。

    不需要每一张效果图都进行标注,你标注的页面能保证工程师开发每个页面的时候都能顺利进行即可;

    这里的标注软件使用的是PxCook,先标一个空白文档,看看都需要什么吧



    这里要说一句,PxCook虽然可以自动读取颜色,但是还不能对PSD文档里设置的透明度读取,所以如果你用了透明色,推荐你用文字标注直接写出来原色值以及透明度。

    基本上我并不使用PXCook里面的颜色标注工具,而是使用文字标注工具,因为要标识两种色值,PxCook只能显示一种色值。

    一般我的习惯是PS和标注软件同时打开,因为有时候标注软件并不能完全的把PSD文件里的东西标注出来,所以标注也要灵活运用,如果无法标注,就到PS里查看一下,然后再使用文字标注说明一下。

    标注颜色是使用16进制,还是RGB:

    都用得到,要看实现什么东西,建议标注颜色时,两种色值表达都标上(16进制&RGB)。

    你需要标注的内容有:

    1.文字需要提供:字体大小(px),字体颜色;

    2.顶部标题栏的背景色值,透明度;

    3.标题栏下方以及Tab bar上方其实有一条分割线,需要提供色值;

    4.内容显示区域的背景色(如果是全部页面白色,那就和工程师说一句就行);

    5.底部Tab bar的背景色值。

    因为页面的种类成千上万,我想每种页面都讲一下,但是不现实,希望可以举一反三。

    下面的是一个比较普通的首页页面,但是基本上一款APP中应该标的元素都有了~



    一般页面你需要标注这些地方:

    所有元素统一距离屏幕最左24px(全局性的数据可以直接和工程师沟通,也可以标注,推荐标注出来)

    1.标题栏:背景色,标题栏文字大小,文字颜色(不再赘述);

    2.Banner:所有撑满横屏的大图,不需要横向尺寸,把高度标出了就可以了;

    3.菜单图标:

    图标的大小和图标的可点击区域不一定一致

    也就是说,图标可以做的很小,但是为了保证点击的准确性和流畅性,工程师可以把可点击区域设置的很大,这样标注和切图的时候就要注意,标注的是可点击区域的大小,切图切的也是可点击区域的大小,也就是用透明区域去补上,否则图片会模糊。

    在设计的时候就要考虑可点击区域的范围,比如X宝购物车页面左侧的小圈,可点击区域要比实际小圈尺寸大很多。

    这种类型的图标需要标注图标点击区域大小,图标距离屏幕最左最右以及上下的距离。至于图标的间距,因为有些时候可能 设计师不能完全做到1px不差,所以我基本不标,交给工程师让他们去处理,其实等距排列的图标不需要标间距,因为工程师还要动态适应不同的屏幕,标了间距也是白标(还是要和你的搭档沟通怎么去标注);

    4.模块间隔:这个位置其实不是太重要,我习惯标注上这里,麻烦能少则少。

    5.图片+文字:这个应该比较常见,只标注一个单位(图+文)就可以了。

    图片需要标注宽高,因为工程师要设置图片区域,从后台调取,可以这么说,软件里除了横屏撑满的图,基本上所有的图片都要标注宽高。

    图片距离上下左右的距离,文字大小颜色,这里的文字其实算两个控件,标题文字以及说明文字,需要单独标出。

    Tab Bar:

    这个位置其实比较特殊,你可以单独标注图标大小+文字大小;还可以图标文字算作一个控件,整个切出来;

    我们工程师的习惯是用整个的,也就是图标+文字算作一个ICON,所以我基本不怎么标注单独的图标(这里可以和你的搭档去沟通一下,看他是什么开发习惯)。

    关于列表页类型的标注问题



    普通的列表有两种方法(去问你的搭档,他喜欢用什么方法):

    1.标出行高,行内元素居中;

    2.标出行内元素,元素上下间距,确定行高;

    每种元素的位置如何确定:

    通常标注的都是元素距离屏幕最左侧的距离,比如上图的图标元素距离左侧24px,文字元素距离左侧100px。

    标注这个东西没有固定的方法,工程师的开发习惯不同,标注方法也不同。

    该怎么标注虽然可以在网上找到方法,但那不一定适合你,一定和自己的搭档勤沟通,方法是死的,人是活的……

    所有的页面标注总结起来就是:标文字,标图片,标间距,标区域;

    (上述图标出现了45px的单数,因为软件自动吸附上去了显示了图标本身的尺寸,切图的时候记得输出个偶数尺寸的切片)

    Part 4 切片资源的输出

    切之前务必要和你的工程师搭档沟通一下,该如何去切才能配合他的开发。

    全局性的切图常见问题

    ① 你的所有设计尺寸,包括图形效果,应该尽量使用偶数。

    技术开发使用的尺寸是设计稿像素尺寸的一半,也就是说,如果你用24px的字体,技术那边就是设置为12px;

    所以标注的时候务必使用偶数,为了保证最佳的设计效果,避免出现0.5像素的虚边。

    ② 切图尺寸应该提供几套?



    ico_car.png IPhone2G,3G,3GS使用(好像没人用这手机了吧)

    ico_car@2x.png IPhone4,5,6优先加载此尺寸图片(不是必须使用这个尺寸,是优先加载调用这个尺寸)

    ico_car@3x.png IPhone6 plus使用的尺寸

    可以简单的理解为倍数关系(其实是为了满足不同分辨率,我觉得不用过于深究),如果你使用IPhone 6尺寸做设计稿,那么切片输出就是@2x,缩小2倍就是@1x,扩大1.5倍就是@3x了。

    理论上,为了达到最好的视觉效果,你应该输出三套尺寸,推荐输出三种尺寸的切片资源。

    我的工程师搭档要求我给两套尺寸就可以,也就是@1x @2x的两种尺寸,因为我们没有6 plus的测试机,所以看不到效果,据他说应该不会太失真,但是为了保证效果,我还是给三套尺寸。

    另外现在几乎看不到3GS了,所以需不需要提供一倍图,还是要和工程师讨论一下~

    @1x @2x @3x是开发工具Xcode软件需要的UI资源,命好名称后,IOS设备会自动的选取合适尺寸。

    ③共用资源的图片,输出一张就可以



    类似这种重复的按钮之类的,只要提供一张共用的资源就可以了;上面的文字是技术写上去的。

    理论上按照最佳视觉效果,你应该提供多尺寸的图片;但通常我只提供最大尺寸的一张图片即可,这一点要和你的搭档沟通好,却问他需要什么方式。

    ④切片的输出格式

    文件→存储为Web所用格式



    位图格式:PNG 24,PNG 8,JPG

    在JPG和PNG两种格式图片大小相差不是很大的情况下,推荐使用PNG;如果图片大小相差很大,使用JPG。

    欢迎页面,ICON一定要使用PNG格式,在不影响视觉效果的前提下,可以考虑使用PNG 8;

    矢量图格式:PDF,SVG

    IOS原生支持的两种矢量图片格式,但是支持的一般,并不能保证100%把所有图片效果渲染出来;

    为了保险起见,我通常不使用这两种格式,推荐还是使用位图,如果以后技术提升,100%支持SVG和PDF这种矢量格式图,那个时候也许不用提供这么多套尺寸了~

    ⑤图标的点击区域



    最小点击区域问题:

    IOS人机指导手册里推荐的最小可点击元素的尺寸是44*44 point(点),在设备上1 point等于1像素,所以转换成像素就是44*44像素,换算成物理尺寸大概是7mm左右吧(人机工效学研究中得出的结论:用食指操作,触击范围在7mm左右合适;用拇指操作,范围在9mm左右合适)。据说这个尺寸下,不容易出现误操作,误点击;小于这个尺寸,点击就会变的有些不太准确,一向注重用户体验的苹果公司定义这个最小点击尺寸也不是没根据的……

    所以现在做设计,为了图标精致,你可以把图标做的小一些,但是切图输出的时候,要考虑用户点击难易度的问题,所以,切图的时候,涉及到需要点击的小图标的时候,普通屏幕还是切44px大小,高清屏就需要切88px,不够的地方用透明区域补全,否则用户点击的时候会比较困难,会很不灵敏。

    ⑥图片图标的不同状态

    每种图标或者图片如果有不同状态,每一种不同的状态都需要进行切片输出。



    比如按钮有正常(normal),按下(pressed),选中(selected),禁用(disabled)等多种状态,

    最常出现的就是normal→pressed→normal;某些特定按钮控件会出现选中状态,具体情况具体分析吧。这里显示的是你要知道按钮可能有几种状态……

    切片的命名规则

    命名并不是统一的规范,不同的公司不同的工程师有着自己不同的命名规范和命名习惯,但是大致还是有迹可循的,一般是:

    切片种类+功能+图片描述(可有可无)+状态.png

    名称应使用英文命名(中文不识别,推荐小写字母),不要以数字或者符号当作开头,使用下划线进行连接。

    举个例子:一个首页的处于正常状态的确定按钮

    btn_sure_nor.png

    btn_sure_nor@2x.png

    切片种类是按钮(btn);功能是确定(sure);状态是normal(正常)

    我通常是以这种命名方式进行命名,如果你的公司有设计文档,去看看之前留下的命名规范,如果没有,那就去问工程师吧。

    Tab bar(底部栏)



    说说Tab bar这里,因为比较特殊。

    如果单纯的只有图标,自然是只切图标就好了;

    早上和工程师沟通,这里该怎么切,工程师给的建议是

    图标+文字的模式,图标最好单独切,文字后面程序加上去。

    另外记住,同一模块的图标切片大小保持一致,上图的四个图标本身尺寸并不相同,但是切图的时候你需要切出相同尺寸的阴影大小,便于工程师开发使用。

    该怎么切图,还是要和你的工程师搭档去沟通一下;

    以下是常用命名,这是我的命名习惯,并不是规范,所以要灵活,如果实在不知道英文,就用拼音代替也行。



    Part 5 工作常用数据

    你需要使用的字体:

    如果是用Mac设计的小伙伴,直接就用苹果黑体字就好了;不过用Windows的就没那么幸运了,PC上还没和IPhone默认字体效果完全一样的字体,通常都是拿其他字体代替。

    苹果丽黑 Hiragino Sans GB W3(普通)/W6(粗体) 比较接近IPhone字体的一款字体,这是我之前一直使用的设计字体。

    黑体-简 STHeitiSC-Light Mac里面拷出来的苹果黑体,比较贴近IPhone手机字体,目前在用。

    我会把这两款字体上传,有需要可以下载。

    关于字体大小的问题

    顶部操作栏文字大小 34-38px

    标题文字大小 28-34px

    正文文字大小 26-30px

    辅助性文字大小 20-24px

    Tab bar文字大小 20px

    文字大小只是一个范围,这要根据设计的视觉效果来决定,不要死记硬背,但是切记,字体大小要用偶数。

    你需要知道的IPhone设计尺寸(这里是一个整屏的尺寸包括了状态栏)

    320*480 IPhone3GS (我没见过3GS实体机,只在网上见过图片,但你需要知道这个尺寸)

    640*960 IPhone 4/4s (4时代的设计尺寸)

    640*1136 IPhone 5/5s/5c (5时代的设计尺寸,虽然现在出来6/6 plus,但还有人再用这个尺寸设计)

    750*1334 IPhone 6 (目前最新的设计尺寸,基本上现在做IOS的APP设计,用这个的应该最多)

    1242*2208 IPhone6 plus (这是标准分辨率,也就是设计需要的尺寸;另外还存在物理分辨率是1080*1920,这并不需要深入理解。plus还涉及到横屏,横屏是是没有状态栏的,设计横屏时可以参考IPad的设计模式)

    你需要提交的启动页面



    这是开发工具Xcode提供的LaunchImage(启动页面)的各项尺寸,不过好像现在已经改了,这还是工程师很久之前给我的,咋一看是不是吓一跳?工程师是按照IOS的系统版本来设置的,但你是设计师,你是按照IPhone的版本来作图的,所以其实没有那么多,真实情况下,我们的工程师要求提供以下几个尺寸:

    640*960 (4/4s)

    640*1136 (5/5s/5c)

    750*1334 (6)

    1242*2208 (6 plus)

    2208*1242 (6 plus的横屏尺寸,如果你们的软件支持横屏模式,你就需要做一张横屏的启动页面)

    注意,启动页面一定要是PNG格式的

    图标的提交尺寸

    IOS系统可以自动把图片裁剪为圆角,所以提交图标的时候,你只需要提交正方形的PNG图片即可。

    因为需要的图标非常多,不可能全部加进去,只能选择最好的尺寸,我们的工程师要求我提供以下图标尺寸:

    1024*1024 Retina APP Icon for APP Store(高清屏的APP Store)

    512*512 APP Icon for APP Store(普通屏幕的APP Store)

    120*120 6的主屏幕尺寸

    114*114 5/4s/4的主屏幕图标尺寸

    57*57 3GS的主屏幕图标尺寸

    58*58 Retina Settings图标尺寸

    29*29 Settings图标尺寸

    提交的图标尺寸不是固定的,所以,去找和你搭档的工程师,让他给你出一份需要提交的图标尺寸文档。

    差不多用的到的就这些,有时间可以去查看一下苹果的IOS人机指导手册或者开发文档,上面有更加详细的数据说明。

    但实际工作中需要的并不像手册上提供的尺寸那么多,所以工作之中,和你的工程师搭档去沟通,你要知道的是你们公司开发所用的数据,而不是苹果提供给你的数据。

    转载于:https://www.cnblogs.com/zhouyuxiang/p/5092350.html

    展开全文
  • 好处大大的,比如说,第一个三倍图确定了,然后在拖入二倍图1x的时候,不需要修改名字,可以直接拖入。 在Xcode中再配合这个RTImageAssets插件,简直就是神器。(直接在github上面搜索) 该插件的简介:本

    在项目的images.xcassets中,直接拖入一个图片,会生成相应的一项,相当于apple在图片上面又封装的一层。然后有相应的1x,2x,3x,依次填入图。

    好处大大的,比如说,第一个三倍图确定了,然后在拖入二倍图和1x的时候,不需要修改名字,可以直接拖入。

    在Xcode中再配合这个RTImageAssets插件,简直就是神器。(直接在github上面搜索)

    该插件的简介:本项目是一个 Xcode 插件,用来生成 @3x 的图片资源对应的 @2x 和 @1x 版本,只要拖拽高清图到 @3x 的位置上,然后按 Ctrl+Shift+A 即可自动生成两张低清的补全空位。当然你也可以从 @2x 的图生成 @3x 版本,如果你对图片质量要求不高的话,最好是高清图片,然后压缩。


    批量图片缩放命令:

    比如,你想要将某文件夹的 n 张大尺寸JPG图片都缩小成宽度为600px的图片,高度自动按比例缩放。那么命令则为(假设文件夹的路径为 ~/Desktop/Test):
    sips -Z 600 ~/Desktop/Test/*.JPG

    执行完成之后,你桌面上Test文件夹中的所有JPG图片都缩小城宽度为600px的小尺寸版本了。另外,sips 还有很多功能有待你挖掘,比如你还可以指定高度和宽度(注意z需要小写):
    sips -z 300 600 ~/Desktop/Test/*.JPG


    展开全文
  • #计算出1倍图的大小 echo ${name1x} dw=`echo "${WIDTH}/6" |bc` echo $dw dh=`echo "${HEIGHT}/6" |bc` echo $dh convert -resize $dwx$dh ${img} ${name1x} #计算出2倍图的大小 echo ${name2x}  dw=`...
  • 要不要支持iOS是个问题 如果你网站不在乎iOS的流量,那当然可以不支持,不过当我看到我的一个网站的统计如下时: 如上所示,近一半的流量都来自iOS平台,所以还是得支持iOS。 AWS Lambda@Edge方案 简单介绍下我...
  • 例:图片为400X400的,在ios上打开canvas程序,然后绘画在400X400的canvas画板上 然后导出下载图片,下载出来的图片是800X800的 这个愿意是因为ios的分辨率大,我查到了,但是我想要的是,让他下载出来保持和...
  • 准备 iPhone11 正常是引用 @2x 图 iPhone11 Pro 正常是引用 @3x...1. 二倍图、三倍图都添加,分别跑到iPhone11 和 iPhone11 Pro上,运行查看结果 结果: iPhone11显示正常加载2倍图, iPhone11 Pro加载3倍图 2. iP...
  • 由于本人长期从事后台研发工作,对前端及UI常用工具(比如PS)并不熟悉,于是开发了下面这个工具对一个大尺寸的图片进行裁剪,生成1倍、2倍、3倍尺寸的图片,方便进行IOS开发。 工具介绍 该工具接受两个参数,分别为...
  • 1x 、2x 、3x图片介绍手机屏幕分两种视网膜屏:又叫Retain屏幕,就是高清视网膜屏幕,分辨率宽高是标准屏幕分辨率的2非视网膜屏又叫非Retain屏,是标准分辨率分辨率概念:分辨率的意思就是把屏幕进行横向、纵向等分,...
  • 今天要项目中要用到图片合成,所以看了下网上的资料和系统 API ... *1. 需要绘制的大小 *2. 背景是否是黑色 *3. scale 当前设备的是几大小像素 不知道怎么描述 就先这样说不明白可以评论交流 * 还有...
  • 为什么会有2倍,3倍图网络上会有很多的解释,这些解释都是对的。通俗点说,出现这种区别是因为,屏幕尺寸没有屏幕分辨率增长的快(所以更高清了)。所以,对于iPhone6来说,1pt(代码中的尺寸值单位,也可理解为屏幕...
  • iOS移动开发1x 、2x 、3x图片介绍

    千次阅读 2016-04-14 23:07:33
    1x 、2x 、3x图片介绍 手机屏幕分两种 视网膜屏: 又叫Retain屏幕,就是高清视网膜屏幕,分辨率宽高是标准屏幕分辨率的2 非视网膜屏 又叫非Retain屏,是标准分辨率 分辨率 概念:分辨率的意思就是把...
  • 纹理压缩的必要性1、无需CPU解压即可被GPU读取,节省CPU时间和带宽2、节省大量内存消耗,极限可以减少163、部分压缩格式可以节省图片体积在不同移动GPU平台下选择GPU支持的压缩纹理,就可以在不需要CPU解压的情况...
  • iOS开发:图片加载@2x与@3x

    万次阅读 2016-08-07 23:27:53
    应对非视网膜和视网膜屏,APP有时会提供不同大小的图片,1倍图和2倍图和3倍图,它们的像素与1倍数图相比相差2倍或者3倍。 命名规则:2倍图在1倍图的名字后加 @2x 普通:sample.png  2倍:sample@2x.png 3倍:...
  • iPhone手机屏幕尺寸与倍图计算公式

    千次阅读 2019-03-01 17:13:12
    原文地址::... 相关文章 1、iphone关于单倍图和二倍图(导航 背景 变高)----https://blog.csdn.net/weixin_34116110/article/details/86047697 2、ios切图(一倍图+二倍图+三倍图)----https://b...
  • 1.综述几行代码搞定图片轮播器 CollectionView复用cell的机制,不管当前的section有道少了item,当cell的宽和屏幕的宽一致是,当前屏幕最多显示两个cell(图片切换时是两个cell),切换完成时有且仅有一个cell,即使放大...
  • 1.假设边框宽度为BorderW 2.开启的图片上下文的尺寸就应该是原始图片的宽高分别加上两的BorderW,这样开启的目的是为了不让原始图片变形. 3.在上下文上面添加一个圆形填充路径.位置从0,0点开始,宽高和上下文尺寸...
  • UI设计中的倍图

    千次阅读 2015-04-22 13:43:55
    IOS开发中需要把UI设计的图片适配为1x,2x,3x倍图的大小,如何在Photoshop中加工呢? 之前建的工程为375x667大小的,以为就是iPhone的屏幕大小,最后发现这样的大小不符合切图的像素大小。 在网上查到如下的设置...
  • 1、Retain 视网膜屏幕(Retain),高清视网膜屏幕,分辨率宽高是标准屏幕分辨率的2 ...视网膜屏幕,1个点表示4个像素(xy方向各2) 2、Xcode6设置启动画面 http://blog.sina.com.cn/s/blog_6c97abf1010
  • ios 适配

    2016-01-18 14:48:18
    自从iPhone6和iPhone6+出来了以后,iOS开发的程序猿从此走上了和android一样的道路,各种适配,头都大了。特别是万恶的iPhone6+,本来就被图片塞的很臃肿的app现在又要加一套@3x的图片,要知道这一套图片能把app撑...
  • [iOS]解决Mobile App icon图片清晰度问题

    千次阅读 2012-04-13 15:08:39
    在做Moblie Web App的时候,经常会...1. 使用AI做矢量,这样屏幕分辨率发生变化,也不会造成icon模糊 2. 用双倍尺寸 然后 缩一,保证清楚 我目前采用的方案基本上都是第二种,和设计配合会好一些。 另
  • ios中如何画1像素的直线

    千次阅读 2013-12-06 10:58:46
    ios中在对cell的处理过程中经常要去掉tableview自带的分割线,自己换一条线。那么如何画1像素的直线呢? 解决办法: ...//线的位置,根据具体的UI确定,但是高度一定是0.5,这样2倍图时就是1了  view.bac
  • iOS 绘画 点与像素

    2020-08-04 17:40:14
    导入标的时候,我们都知道有1倍、2倍、3倍图。对应在1倍、2倍、3倍屏幕上使用。 那这些不同倍图(不同分辨率屏幕)与日常点的关系是什么了。 1倍屏: 1个点(point)对应1个像素(piexl),比如第一批 iPhone 2倍屏: ...
  • ios移动端切图及前端规范

    千次阅读 2018-05-11 15:45:06
    IOS标准分辨率:1242px * 2208px 切片要求:1、 设计稿是按标准分辨率1242X2208设计,图片资源尺寸则是3倍图尺寸,将整个设计图压缩成750X1334,图片资源尺寸则是2倍图尺寸,在二倍图的基础上压缩成50%,图片资源...
  • 有的会自定义,有的采取系统,当时我也是用系统的,那时候还是小白,好多技术不太熟练,都用系统的,那时候还是1倍和2倍图片,那时候适配很简单,可是系统的方法老是过时,时间紧,也不太会搜索,而且那时候系统的...
  • 由于视网膜屏在同样尺寸下分辨率是非视网膜屏的两倍,所以 非视网膜屏:1个单位 = 1像素 视网膜屏:1个单位 = 2像素 应对非视网膜和视网膜屏,APP有时会提供两套不同大小的图片,1倍图和2倍图,它们的像素相差一倍。...

空空如也

空空如也

1 2 3 4 5 ... 9
收藏数 173
精华内容 69
关键字:

1倍图ios