IOS端的设计可以直接适配安卓吗?

2021-01-29 14:56发布

11条回答
山野人
1楼 · 2021-01-29 15:56.采纳回答

在工作中,公司为了节省开支,只有一个搞设计的。不仅要做两个移动端平台的设计,还要做网页设计,同时,还要兼顾运营和平面设计,常常忙得是狗模狗样,加班加到吐血,所以没有办法做到多端适配。

对于移动端平台,其实,我们只需要输出一份设计稿就够了,因为 IOS 端的750*1334 和 Android 端的720*1280(xhpdi)超级相似性 决定的。

他们不仅尺寸特别相近,而且对应的倍率关系也是一样的,IOS 端的 750*1334是2@, Anroid 端的 720*1280也是2倍,也就是说,这两个尺寸下,1pt = 1dp/1sp =2px 。

所以,对于两个平台,只要输出 IOS 端 750*1334尺寸就够了,然后就可以向上适配 6/7Plus 的尺寸,向下适配 iPhone5S 的尺寸,横向再适配 Android 的各种尺寸了。当然,为了确保万无一失,最后还得根据各平台的不同的规范要求,再稍微做一些适当的调整就完美了。



来自幽府的客人
2楼 · 2021-01-29 16:21

IOS与Android共用一套效果图 1242*2208

IOS与Android常用的尺寸中,最大尺寸的为i6+的尺寸,即1242*2208px

IOS常用尺寸为1242*2208  750*1334  640*1136  640*960

其中750*1334  640*1136  640*960同为@2x,1242*2208为@3x

所以750*1334  640*1136  640*960只做一套640*1136就好了

Android常用尺寸为 1080*1920  720*1280  480*800

他们之间相邻是可以整除1.5的,也就是1080除以1.5等于720,720除以1.5等于480

即,这三个尺寸可以等比缩放大小,只做一套1080*1920就可以了。

那么,问题来了。

IOS要做两套尺寸,1242*2208与640*1136

Android要做一套尺寸,1080*1920

这样不就是三套了吗?

其实,i6+的尺寸1242*2208整除1.15就刚好等于1080*1920

也就是说,1242*2208与1080*1920是可以等比缩放的

那么,i6+与Android的尺寸只做一套1242*2208就可以了。

现在就剩下IOS的640*1136

1242*2208可以直接缩放成640*1136吗?

如果要等比缩放肯定不行,因为他们之间不能整除

但是,如果我们把1242*2208的尺寸直接放到PS里等比缩小宽度到640,会发现原本2208的高度变成了1138,也就是比1136多了2px,2px的误差其实无关紧要了,硬着头皮改成1136去!

现在,你会发现,里面的图标,其实1138跟1136的大小都是一样的。

为什么提到图标呢?因为我们的交付物只要一套效果图与五套切图就好了。

一套效果图   1242*2208

五套切图     1242   640   1080    720   480  

最后,注意缩放后的图标要细调一下。由于转换有误差,共用一套效果图是有一定的风险的,例如UI细节上的风险。开发前,设计师与技术人员要先共同确认此适配方案,全程沟通,及时改正UI方面的问题。


一个Ai
3楼 · 2021-01-29 16:36

应该是可以的。

秀儿
4楼 · 2021-01-30 10:12

对于移动端平台,其实,我们只需要输出一份设计稿就够了,因为 IOS 端的750*1334 和 Android 端的720*1280(xhpdi)超级相似性 决定的。

他们不仅尺寸特别相近,而且对应的倍率关系也是一样的,IOS 端的 750*1334是2@, Anroid 端的 720*1280也是2倍,也就是说,这两个尺寸下,1pt = 1dp/1sp =2px 。

所以,对于两个平台,只要输出 IOS 端 750*1334尺寸就够了,然后就可以向上适配 6/7Plus 的尺寸,向下适配 iPhone5S 的尺寸,横向再适配 Android 的各种尺寸了。当然,为了确保万无一失,最后还得根据各平台的不同的规范要求,再稍微做一些适当的调整就完美了。


1234
5楼 · 2021-01-31 16:46

iOS的两种适配方式

1:按屏幕等比缩放(例子:微博)

2:默认适配(固定左右边距,伸缩中间留白。例子:支付宝,网易云音乐)


亦橙
6楼 · 2021-01-31 22:05

不能的 因为界面尺寸包括显示都是不一样的

zzgg111 - 飞机飞过天空~
7楼 · 2021-02-01 09:14

IOS与Android共用一套效果图 1242*2208

IOS与Android常用的尺寸中,最大尺寸的为i6+的尺寸,即1242*2208px

IOS常用尺寸为1242*2208  750*1334  640*1136  640*960

其中750*1334  640*1136  640*960同为@2x,1242*2208为@3x

所以750*1334  640*1136  640*960只做一套640*1136就好了

Android常用尺寸为 1080*1920  720*1280  480*800

他们之间相邻是可以整除1.5的,也就是1080除以1.5等于720,720除以1.5等于480

即,这三个尺寸可以等比缩放大小,只做一套1080*1920就可以了。

那么,问题来了。

IOS要做两套尺寸,1242*2208与640*1136

Android要做一套尺寸,1080*1920

这样不就是三套了吗?

其实,i6+的尺寸1242*2208整除1.15就刚好等于1080*1920

也就是说,1242*2208与1080*1920是可以等比缩放的

那么,i6+与Android的尺寸只做一套1242*2208就可以了。

现在就剩下IOS的640*1136

1242*2208可以直接缩放成640*1136吗?

如果要等比缩放肯定不行,因为他们之间不能整除

但是,如果我们把1242*2208的尺寸直接放到PS里等比缩小宽度到640,会发现原本2208的高度变成了1138,也就是比1136多了2px,2px的误差其实无关紧要了,硬着头皮改成1136去!

现在,你会发现,里面的图标,其实1138跟1136的大小都是一样的。

为什么提到图标呢?因为我们的交付物只要一套效果图与五套切图就好了。

一套效果图   1242*2208

五套切图     1242   640   1080    720   480  

最后,注意缩放后的图标要细调一下。由于转换有误差,共用一套效果图是有一定的风险的,例如UI细节上的风险。开发前,设计师与技术人员要先共同确认此适配方案,全程沟通,及时改正UI方面的问题。


收获很多
8楼 · 2021-02-01 09:16

在工作中,公司为了节省开支,只有一个搞设计的。不仅要做两个移动端平台的设计,还要做网页设计,同时,还要兼顾运营和平面设计,常常忙得是狗模狗样,加班加到吐血,所以没有办法做到多端适配。

对于移动端平台,其实,我们只需要输出一份设计稿就够了,因为 IOS 端的750*1334 和 Android 端的720*1280(xhpdi)超级相似性 决定的。

他们不仅尺寸特别相近,而且对应的倍率关系也是一样的,IOS 端的 750*1334是2@, Anroid 端的 720*1280也是2倍,也就是说,这两个尺寸下,1pt = 1dp/1sp =2px 。

所以,对于两个平台,只要输出 IOS 端 750*1334尺寸就够了,然后就可以向上适配 6/7Plus 的尺寸,向下适配 iPhone5S 的尺寸,横向再适配 Android 的各种尺寸了。当然,为了确保万无一失,最后还得根据各平台的不同的规范要求,再稍微做一些适当的调整就完美了。


我笑起来有酒窝可甜啦
9楼 · 2021-02-01 09:31

IOS与Android共用一套效果图 1242*2208


IOS与Android常用的尺寸中,最大尺寸的为i6+的尺寸,即1242*2208px


IOS常用尺寸为1242*2208  750*1334  640*1136  640*960


其中750*1334  640*1136  640*960同为@2x,1242*2208为@3x


所以750*1334  640*1136  640*960只做一套640*1136就好了


Android常用尺寸为 1080*1920  720*1280  480*800


他们之间相邻是可以整除1.5的,也就是1080除以1.5等于720,720除以1.5等于480


即,这三个尺寸可以等比缩放大小,只做一套1080*1920就可以了。


那么,问题来了。


IOS要做两套尺寸,1242*2208与640*1136


Android要做一套尺寸,1080*1920


这样不就是三套了吗?


其实,i6+的尺寸1242*2208整除1.15就刚好等于1080*1920


也就是说,1242*2208与1080*1920是可以等比缩放的


那么,i6+与Android的尺寸只做一套1242*2208就可以了。


现在就剩下IOS的640*1136


1242*2208可以直接缩放成640*1136吗?


如果要等比缩放肯定不行,因为他们之间不能整除


但是,如果我们把1242*2208的尺寸直接放到PS里等比缩小宽度到640,会发现原本2208的高度变成了1138,也就是比1136多了2px,2px的误差其实无关紧要了,硬着头皮改成1136去!


现在,你会发现,里面的图标,其实1138跟1136的大小都是一样的。


为什么提到图标呢?因为我们的交付物只要一套效果图与五套切图就好了。


一套效果图   1242*2208


五套切图     1242   640   1080    720   480  


最后,注意缩放后的图标要细调一下。由于转换有误差,共用一套效果图是有一定的风险的,例如UI细节上的风险。开发前,设计师与技术人员要先共同确认此适配方案,全程沟通,及时改正UI方面的问题。


相关问题推荐

  • 回答 195

    你好:关于需要学习几个月能找工作,我的理解和建议如下:1. 首先要确认自身是否有相关的专业积累?因为UI只是设计者手中的工具,它是内在设计思想有效的表达途径。学习软件很容易,但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累,那么工具...

  • 回答 166

    哈哈哈哈  看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱,然后再做副业...

  • UE和UI是一样的吗2020-11-23 15:33
    回答 98

    UI是英文User Interface的缩写。翻译成中文就是:用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还包括某种特定的机器,设备,复杂的工具等。UE是英文User Experience的缩写,翻译成中文就是用户体验。是指用户...

  • 回答 8

    不麻烦 首先把这个部分解组 快捷键是 CTRL+SHIFT+G 然后点这个区域 如果点到不需要的元素 就CTRL+3 锁定隐藏,然后再继续点 点到只剩下需要的元素, 把元素弄出来 然后 CTRL+SHIFT+3 显示锁定隐藏,把没用元素删除就可以了。 如果直接点到了需要的元素 同样CT...

  • UI要学多久2020-08-10 19:00
    回答 95
    已采纳

    学会到就业的程度 一般时间为4个月左右,120天时间。 这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。 如果用错误的学习方法,学4个月是不可能学会的。...

  • 回答 86
    已采纳

    对于UI设计来说,更加看重的是个人的设计能力和理念,以及操作能力,和男女的性别没有太大的关系。

  • 回答 76
    已采纳

    靠谱肯定都靠谱的,就看你自己的兴趣爱好,发展前景都很好,大前端是一种网站搭建,小程序开发等用户端口开发的技术,UI设计就是纯纯的设计师岗位,将设计思维和理念融入到产品运营的每一个交互环节中...

  • 什么叫交互性?2020-04-23 11:40
    回答 6

    其实生活中也有交互性,比如两个人之间的聊天沟通,带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。

  • 回答 2

    1、初步调查  前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下,这个时间大约是3天,我们会详细了解企业,对竞争对手的企业logo进行调查分析,这样可以更准确的控制方向,避免logo设计...

  • 回答 1

       永远不要忘记调研  好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。  创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控,在预算上就一定要留下足够的余地。  此外,你的解...

  • 回答 1

     一、具象表现形式:  具象表现是忠实于客观物象的自然形态,对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征,是对现实对象的浓缩与精炼、概括与简化,突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...

  • 回答 1

    1.设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2.设计须充分考虑其实现的可行性,针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式(如印刷、广告、映像...

  • 回答 1

    Looka Smashinglogo Freelogodesign Hatchful 

  • 回答 1

    1、沟通收集信息  在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...

  • 回答 1

      Naldzgraphics这个网站据说是个人创办的网站,上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此,网站还是收集了大量的平面设计素材。  Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标,而且还提供EP...

  • 回答 1

    1、沟通收集信息  在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...

没有解决我的问题,去提问