ios图标和启动界面设置 apple分辨率,Photoshop快速切出UI设计中@1.5X、@2X、@3X

编程知识 更新时间:2023-05-01 16:01:23

参考链接:https://www.jianshu/p/073eae3bfd1a

开发iOS的时候,使用点作为基本单位会更加方便。列表对比

这里的点和像素可以初步理解成,一个点等于多少个像素。2x,就是1个点等于2个像素。

手机屏幕的物理长度,使用英寸作为单位。比如iPhone 4屏幕是3.5英寸,iPhone 5 是4英寸,iphone 6是4.7英寸,这里的数字是指手机屏幕对角线的物理长度。

屏幕像素,比如iPhone 3GS屏幕是320 x 480像素,iPhone 4是640 x 960像素,这里的像素可以想象成屏幕上真正用来显示颜色的发光小点。

点,开发App时候使用的单位,是一个虚拟的单位,并非实际存在的,因此点有时也叫虚拟点。点这个单位,用于屏蔽各个屏幕设备的不同,兼容以前的程序。

每英寸有多少个像素,称为ppi(pixel per inch)。iPhone 4是640 x 960像素,对角线就是1154像素,除以3.5英寸,应该是330ppi。而官方给出的数字是326ppi。当像素太密,超过300ppi的时候,人眼也就不能区分出每个像素。因此iPhone 4的屏幕叫作Retina显示屏。Retina在英文中,是视网膜的意思。

开发中美工切图要@2x和@3x的各一张,( @1x的(iPhone 3GS)已经淘汰了,所以不用切图 )。
例如:
example@2x.png // 60 x 80像素
example@3x.png // 90 x 120像素

example.png      // 30 x 40像素		名字可以用icon.png
example@2x.png   // 60 x 80像素		名字可以用icon@2x.png
example@3x.png   // 90 x 120像素		名字可以定义
当工程中使用名字为"example"的图片时候,会根据 屏幕模式 自动选择对应的图片。
1x模式,就会选择example.png, 2x模式就会优先选择example@2x.png
,假如example@2x.png不存在,就选择example.png,同时放大2倍

Photoshop快速切出UI设计中@1.5X、@2X、@3X图标.UI设计过程中,切图是避免不了的大部分借助第三方软件切图,其实PS直接可以切。

有一个前提:PS必须是2017版!!!

Photoshop快速切出UI设计中@1.5X、@2X、@3X图标.UI设计过程中,切图是避免不了的大部分借助第三方软件切图,其实PS直接可以切出几倍的都可以。这几天偶然发现PS2017有这个功能简直太好了。

第一步:在PS中做好你的图标或者图形,编组也可以,或者直接图形层也可以。

第二步:右键点击这个编组或者图层

第四步:选择你需要导出的倍数关系。点击下箭头选择,点击加号添加。

the end

更多推荐

ios图标和启动界面设置 apple分辨率,Photoshop快速切出UI设计中@1.5X、@2X、@3X

本文发布于:2023-04-23 17:02:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/4f9bd2eb0d70c8e9f974138377f99327.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:图标   分辨率   界面   快速   ios

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 98980文章数
  • 25779阅读数
  • 0评论数