永发信息网

设计稿是根据640*1136尺寸设计的,现在要适配iphone 6 plus该怎么适配?

答案:1  悬赏:20  手机版
解决时间 2021-11-25 18:30
设计稿是根据640*1136尺寸设计的,现在要适配iphone 6 plus该怎么适配?
最佳答案
加上Android生态中纷繁复杂的各种奇葩尺寸,现在APP设计开发必须考虑适配大、中、小三种屏幕。所以如何做到交付一套设计稿解决适配大中小三屏的问题?设计和开发之间采用什么协作模式?一个基本思路是:
1、选择一种尺寸作为设计和开发基准;
2、定义一套适配规则,自动适配剩下两种尺寸;
3、特殊适配效果给出设计效果。
手机淘宝的iPhone 6/iPhone 6 Plus适配版本即将提交App store审核。先晒一下我们采用的协作模式,再慢慢说明原委。

第一步,视觉设计阶段,设计师按宽度750px(iPhone 6)做设计稿,除图片外所有设计元素用矢量路径来做。设计定稿后在750px的设计稿上做标注,输出标注图。同时等比放大1.5倍生成宽度1125px的设计稿,在1125px的稿子里切图。

第二步,输出两个交付物给开发工程师:一个是程序用到的@3x切图资源,另一个是宽度750px的设计标注图。

第三步,开发工程师拿到750px标注图和@3x切图资源,完成iPhone 6(375pt)的界面开发。此阶段不能用固定宽度的方式开发界面,得用自动布局(auto layout),方便后续适配到其它尺寸。

第四步,适配调试阶段,基于iPhone 6的界面效果,分别向上向下调试iPhone 6 plus(414pt)和iPhone 5S及以下(320pt)的界面效果。由此完成大中小三屏适配。

为什么选择iPhone 6作为基准尺寸?

当面对大中小三种屏幕需要适配的时候,很容易想到先做好一种屏幕,再去适配剩下两种屏幕。第一个决定是到底以哪种屏幕作为设计和开发的基准尺寸。我们选择中间尺寸的iPhone (750px/375pt)作为基准,基于几个原因:
1、从中间尺寸向上和向下适配的时候界面调整的幅度最小。375pt下的设计效果适配到414pt和320pt偏差不会太大。假设以414pt为基准做出很优雅的设计,到320pt可能元素之间比例就不是那么回事了,比如图片和文字之间视觉比例可能失调。

2、iPhone 6 plus有两种显示模式,标准模式分辨率为1242x2208,放大模式分辨率为1125x2001(即iPhone 6的1.5倍)。可见官方系统里iPhone 6和iPhone 6 plus分辨率之间就存在1.5倍的倍率关系。很多情况下这两种尺寸可以用1.5倍直接等比适配。

3、1242x2208这个奇葩的数值是苹果官方都不愿意公开宣传的一个分辨率,不便于记忆和计算栅格。640x1136虽然是广泛应用的一个分辨率,但是大屏时代依然以小尺寸为设计基准显然不合时宜,设计师会停留在小屏的视角做设计。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
平价农机五金商店地址在哪,我要去那里办事,
爱尚厨房烹饪教学地址有知道的么?有点事想过
电脑没动它就放在那边下载电影人不在电脑旁边
非智能电视用电视盒子后可以看网络电视吗
美的Midea FD5018 电饭煲预约时间的81012显示
520÷13.14÷2.6×262.8怎么算
日语“ 防火门 ”怎么说
做了试管婴儿可能引发那些并发症?
开始是我听见你的什么 高潮是我是真的真的受
富民宝可以提前支取吗
有人知道国内哪里可以买到AHCC吗?提高免疫力
安徽引济淮工程与中铁二十局签订合同了吗
什么是金融职业道德
启东在哪里?启东好不好?
对对子:春读书秋读书,春秋读书读春秋。拜托
推荐资讯
小区内有高分贝噪音,我打110,110让我找环保
个函数的值互为相反数,求着两个函数的关系式
三围92 76 92 合理吗?44岁
用上abcc式词语写景写一段抒发情感的文字
深圳枫叶时尚酒店到深圳宝安机场怎么走
悼念老师的九个字挽联怎么写啊?
艺格造型地址在哪,我要去那里办事,
世茂东壹号的邮编是多少
您好,我和前妻离婚后可是别人把钱已经给我了
墙纸撕下会对墙面有影响吗?
in your position, I would help him. A
opc客户端访问IFIX OPC服务器访问不了,提示
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?