IOS 4，5，6，6+适配设计与切图

最新推荐文章于 2021-06-04 01:40:31 发布
最新推荐文章于 2021-06-04 01:40:31 发布
阅读量1w 收藏 1
点赞数 1
文章标签： ios 设计 app 切图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lipeiran1987/article/details/45222183
版权


以iphone5作为设计标准：标尺图给的是640，美工给的切图是960坐标系下的素材3x，程序拿到标尺图，640的标尺除以2就是iphone5下的界面，3x的图乘以0.67就是2x。

以iphone6作为设计标准：标尺图给的是750，美工给的切图是1125坐标系下的素材3x，程序拿到标尺图，750的标尺除以2就是iphone6下的界面，3x的图乘以0.67就是2x。








内容是转自：http://www.mobileui.cn/a-draft-support-ios-app-design.html



Ranger-Lee
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
IOS 屏幕适配（一）理论篇
yinshipin007的博客
03-23 2673
自动适配原则上UILabel都是不设置高度的，根据文字内容自动适配高度。《*注意运算顺序 -60.i6PBigModel(-30) 等价于 -(60.i6PBigModel(-30)) 结果为 -(-30) 或者 -60》《*注意运算顺序 -60.i6PBigModel(-30) 等价于 -(60.i6PBigModel(-30)) 结果为 -(-30) 或者 -60》《*注意运算顺序 -60.ipad(-30) 等价于 -(60.ipad(-30)) 结果为 -(-30) 或者 -60》
iPhone 6 / 6 Plus 设计·适配方案
热门推荐
yongyinmg的专栏
11-23 5万+
from: treelessing2014.10.29   关于iPhone6/6+适配问题一直有争议，今天小编专门为大家整理了相关的有效方案，希望对大伙儿有帮助！   移动app开发中多种设备尺寸适配问题，过去只属于Android阵营的头疼事儿，只是很多设计师选择性地忽视android适配问题，只出一套iOS平台设计稿。随着苹果发布两
APP切图详细规范终极指南
张三的博客，As a Developer
01-06 1912
在庞大的切图数量下如何让负责套图的 RD 快速找到所需图档，档名的命令方式就需要双方统一格式方便大家作业。所以，制定一套非常有效而方便的APP切图命名规范非常有用的。
ScreenMatch屏幕适配:Iphone6的切图如何适配Android?
阿甘正传
12-13 471
之前进行安卓开发的时候遇到一个屏幕适配的问题：Ui给的图片是以iphone6（1920*1080）尺寸做的设计稿，界面是一个弹窗，弹窗背景是一张整图。如果以整图为背景，然后在上面进行控件布局就会出现控件会有偏移的问题。 例如上图里面的用户头像，背景图限定了它的显示位置必须是在小黑框内，如果你设置ImageView的位置不正确的话，就会有偏差导致头像无法正确的先是在背景图限定的小黑框内。但是目前遇...
iOS 中图片的适配
海阔天空
10-28 752
- (void)setimage { bool ios7 = [[UIDevice currentDevice].systemVersion floatValue] >= 7.0; if(ios7) { self.scendView.image = [UIImage imageNamed:@"afi_ios7"]; } else
iOS_UI切图规范
03-16
- **2x与3x切图**：在iOS中，长度单位是点(point)，2x表示一个点等于2个像素，3x表示一个点等于3个像素。不同型号的iPhone设备在同一点数下对应的像素数量不同，例如iPhone XS Max、iPhone XR的点像素比例为3x，而...
iOS切图
04-14
首先，iOS切图是为移动应用设计的图形资源，包括图标、按钮、背景等，用于构建用户界面。它们通常是PNG格式，因为PNG支持透明度，并且在iOS设备上加载速度快。切图可以是不同的尺寸，以适应不同分辨率的设备，如...
ios-图片的切图4：3.zip
07-11
综上所述，"ios-图片的切图4：3.zip"文件包含的内容可能涵盖了从设计原则到编码实现的全过程，帮助开发者更好地理解和实践iOS应用中的图片切图技术。理解并熟练运用这些知识点，能够提升应用的整体质量和用户体验。
切图@2x@3x重命名工具
02-15
在iOS应用开发中，UI设计是一项至关重要的环节。设计师通常会为不同的屏幕分辨率提供不同尺寸的图片资源，以便确保应用在各种设备上显示清晰、美观。"切图@2x@3x重命名工具"正是为了解决这个问题而设计的。这个工具...
数字APP设计规范和工作流程.doc
最新发布
04-26
首先，我们需要理解iOS-APP的设计规范，以iPhone6为例，因为它的设计稿可以方便地适配其他型号。iPhone6的设计稿尺寸为750x1334px，状态栏高度40px，导航栏高度88px，标签栏高度98px，内容区域的高度则由这些元素...
IOS切图工具
03-30
只需要切一张@3X的图片，直接放在切图工具文件夹内，双击使用 imageAssests_make就能自动生成@1x,@2x,@3x的图片。开发应用起来还是很方便的
iOS app 切图
weixin_34138139的博客
11-20 172
iOS 切图尺寸规则 目前iPhone有10种型号，5种屏幕尺寸，再加上6plus的“降采样”（Downsampling）（1080-1920），还有iPhone6和6+上的放大模式（1125-2001）和默认模式（1242-2208），是不是感觉好恐怖？但是不用怕，我分享一套超简单的适配方法，看完你都不信有这么简单~ 美工交付给开发的资料有:　　1、标注图（以640为宽度尺寸为基准标注）...
iOS UI切图@1x、@2x、@3x的实际尺寸
M_nao的博客
07-27 3万+
1x，2x就是用于非Retain屏幕和Retain屏幕，3x现在用于iPhone6 Plus，在iPhone实际开发中，只有iPhone4 是非Retain屏幕，市场占有率很低，因此在切图时，只切@2x和@3x图片即可。以iphone 6做UI为例，如果图片大小为200*200px，例如图片命名为test_a@2x.png，那么还应切一张命名为test_a@3x.png的300*300px的图片来
转：APP适配IOS8，iPhone6和Plus截图简要说明
yongyinmg的专栏
11-23 5136
原文：http://www.zcool.com.cn/article/ZMTE0MjMy.html 有幸在9月25日拿到了iP6和iP6 Plus的真机，恰好又要做适配APP的工作（从iphone5上适配到iphone6和ip6 plus上），所以在真机上研究了下苹果官方在不同分辨率下对系统APP所做的适配。同时在网上也没找到相关的真机对比截图说明什么的，又有朋友问我要IP6和PLUS的真机
关于iOS图片适配
weixin_30642561的博客
08-10 106
苹果的产品越来越多,屏幕的尺寸也五花八门,原本不用怎么考虑的适配问题现在也越来越突出.长宽比个个不一样也就算了,像素精确到个位实在不能忍,不说了,先上图. 今天想在程序中放入一张全屏幕的图片,但是在设置图片源的时候遇到了问题.6plus虽然不是标准的3倍,但是用@XXX@3x.png还能解决,4S,5,5S,6在读取图片的时候都是使用XXX@2x.png,其中,5,5s,6长宽比大致都是0.56...
ios html5图片适配,IOS项目新手引导页图片适配方案
weixin_39671467的博客
06-04 366
1. 背景基本上每个IOS APP都会有新手引导页面这个功能，常规的就是几张静态图片，可以左右滚动。既然涉及到图片，就肯定会存在适配的问题(为了达到最优的体验效果，一般都会针对不同的分辨率设计不同尺寸的图片)，本文主要就是讨论如何适配的问题。2. 方案2.1 方案一根据屏幕分辨率的不同，使用不同的图片。2.2 方案二熟悉IOS开发的人都知道，每一个ios项目中，都有一个Assets.xcasse...
iOS图片的自动适配(通过类别实现)
xgc阳光的博客
05-08 2304
在实际开发应用中，美工通常都会根据不同的机型设计出很多套背景图片，而这些背景图片的命名通常都是有规律的，我们刚好可以利用这一特点把图片名称的修改或者拼接写成一个方法，然后根据不同的机型返回不同的适配图片，即可达到自动适配的目的，且避免了图片的失真。 首先，为NSString新建立一个分类，专门用来在图片名后面拼接对应的屏幕信息 #import "NSString+append.h" @imp
IOS切图尺寸
童真的烂漫的专栏
12-04 6989
http://www.25xt.com/allcode/6941.html 自从iPhone 6/6+出现后，iOS版上的APP界面设计尺寸又发生了翻天覆地的变化。让ios一下子跟安卓看齐了。进入了移动“杂屏”时代。 之前我们知道的，在移动app开发设计中，需要解决多种设备尺寸适配问题，过去只属于Android阵营的头疼事儿，只是很多设计师选择性地忽视android适配问题
iOS切图规范
icemanws的专栏
04-29 958
**本部分内容太细, 不再详细描述, 可参考以下文章.** http://danielxu.github.io/blog/2013/04/12/ios-ui-design/> http://www.cocoachina.com/ios/20141205/10534.html> ## 下面列出一些需要注意的切图规范: ## 1. 命名格式:
iOS APP设计流程：从原型到切图
5. 切图与输出：利用Cutterman或AssistorPS进行切图，生成不同状态和分辨率的资源文件，供开发者使用。 Part6 与开发团队协作 在整个过程中，设计师需要与开发团队保持密切沟通，确保设计意图能够准确无误地实现。...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值