设计做app需要什么尺寸

① 移动端app设计以什么尺寸作为视觉稿作为适配

加上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虽然是广泛应用的一个分辨率，但是大屏时代依然以小尺寸为设计基准显然不合时宜，设计师会停留在小屏的视角做设计。

② android app 界面设计按什么尺寸

android app 界面设计是按720*1280的，切图上可以点9切图做到所有手机的适配。

状态栏、导航栏和主菜单栏，以720*1280的尺寸来设计，那么状态栏的高度应为50px，导航栏的高度96px，主菜单栏的高度96px，因为是开源的系统，这里的数值也只能作为参考。

Android为了区别于IOS，从4.0开始提出了一套HOLO的UI风格设计风格，鼓励将底部的主菜单栏放到导航栏下面，从而避免点击下方材料误点虚拟按键，很多APP的新版中也采用了这一风格。

(2)设计做app需要什么尺寸扩展阅读：

注意事项：

1、通常情况要定位一个Icon只需给出 上/下边距，左/右边距，标注图标距离只需标到可点击范围外

通用型颜色、字体单独标明一份，通用型模块只需单独标明一份，如导航栏。

2、手机可视区域通常为宽度固定，长度超出边界可滑动，所以标注物体宽度时可按比例说明，如果要标注内容上下居中，左右居中，或等比可不标注。

3、当交付的是一张完整图片时，不需做机型适配，只需给高清图(1920*1080)即可，注意进行压缩。

4、若图标在不同页面重复出现，且尺寸相差不大，直接给出最大一份切图，并在圆形图标明尺寸，程序会根据需求缩放。

5、当背景是纯色时只需给出色值，Android使用16进制色值。

参考资料来源：网络-Android

参考资料来源：网络-界面设计

参考资料来源：网络-状态栏

参考资料来源：网络-导航栏

参考资料来源：网络-开源系统

参考资料来源：网络-切图

参考资料来源：网络-UI设计

③ 安卓/ios中，app设计时常见的尺寸有哪些

大家都知道手机采用的：一个是苹果的iOS系统，另一个就是谷歌公司的安卓系统。华为的鸿蒙系统虽然早就上线，但是还没有真正运用在手机移动端上，小阿在这里期待着，希望有一天也能写“华为‘鸿蒙系统’的界面尺寸规范。”
这两者之间有一个明显的区别就是iOS系统是非开源的，简单来说就是不能别随意改动的，连图标都是必须带圆角的，对交互设计师很友好的。

主标题的字体大小设置一般是32-36左右，加粗居中。列表中的文字就要小一些，字体大小为30，不会加粗。辅助性字体大小一般24-26。说明文字一般不会小于22，最小设置为20，再小就看不到啦。

另外需要注意的一点是所有的字号设置都必须为偶数，上下级内容字号极差关系为2-4号。

④ app界面设计尺寸

app设计尺寸非常多，目前针对各个机型又有各种的推荐方案，首先规范这个东西是一个参考值，也就是所谓的经验参数具体可以和前端工程师共同商议 下面有绘制的一张图可以作为参考。
这个过程中请搞清楚倍图的关系 1倍2倍3倍如何切换，目前已经有iPhone12出来，尺寸又有了新变化，学习一下目前前端使用的适配技术，如何做响应式的 期望对你有所帮助。下图是以iPhonex最为中间适配搞来做的参数

⑤ 我想请教一下在android设计APP的时候设计稿应该是多大的尺寸啊，480*800还是720*1280的呢，谢谢！！！

android设计APP现在大部分都是用的：720*1280。
480*800的也可以，但是图标在制作的时候就要单独加大了

⑥ ios app界面设计用什么尺寸

界面尺寸规范

1、界面尺寸大小是：750x1334px。

2、状态栏(status bar)：就是电量条，其高度为：40px;

3、导航栏(navigation)：就是顶部条，其高度为：88px;

4、主菜单栏(submenu，tab)：就是标签栏，底部条，其高度为：98px;

5、内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1108px

⑦ ios app界面设计用什么尺寸

刚开始接触UI的时候，碰到的最多的就是尺寸问题，什么画布要建多大，文字该用多大才合适，我要做几套界面才可以?什么七七八八的也着实让人有些头疼。

废话不多说，希望大家耐心看完后，不要再纠结于尺寸相关的东西了。

一、尺寸及分辨率
iPhone界面尺寸：320*480、640*960、640*1136
iPad界面尺寸：1024*768、2048*1536
单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。
Ps：作图的时候确保都是用形状工具(快捷键：U)画的，这样更方便后期的切图或者尺寸变更。
二、界面基本组成元素
iPhone的app界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏、内容区域。
这里取用640*960的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸。
状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px
导航栏：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为：88px
主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98px
内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁，其高度为：734px

⑧ 关于APP设计尺寸的问题

正常来讲，对于不是很关键的，不需要5个尺寸（个别特别重要的这么做很正常）。
hdpi和xxhdpi是2倍关系，选一个就可以了。mdpi和xhdpi也是2倍关系，选一个足矣。

你说的720，一般是指xhdpi，1080指xxhdpi，也就cover了绝大部分手机。
ldpi设备市面上极少，一般不用覆盖了。

典型的1080p的手机比如三星Note 3，典型的720p手机如三星Note 2
以上纯手打。

⑨ 安卓手机app图标尺寸和分辨率都是多少

应用程序图标 （Icon）应当是一个 Alpha 通道透明的32位 PNG 图片。

由于安卓设备众多，一个应用程序图标需要设计几种不同大小，如：

LDPI (Low Density Screen，120 DPI)，其图标大小为 36 x 36 px。

MDPI (Medium Density Screen, 160 DPI)，其图标大小为 48 x 48 px。

HDPI (High Density Screen, 240 DPI)，其图标大小为 72 x 72 px。

xhdpi (Extra-high density screen, 320 DPI)，其图标大小为 96 x 96 px。

建议在设计过程中，在四周空出几个像素点使得设计的图标与其他图标在视觉上一致，例如:

96 x 96 px 图标可以画图区域大小可以设为 88 x 88 px， 四周留出4个像素用于填充（无底色）。

72 x 72 px 图标可以画图区域大小可以设为 68 x 68 px， 四周留出2个像素用于填充（无底色）。

48 x 48 px 图标可以画图区域大小可以设为 46 x 46 px， 四周留出1个像素用于填充（无底色）。

36 x 36 px 图标可以画图区域大小可以设为 34 x 34 px， 四周留出1个像素用于填充（无底色）。

(9)设计做app需要什么尺寸扩展阅读：

手机图标就像电脑图标一样，是一个程序的标记。如：照相机、设置、信箱、通讯录等。

通常为透明背景的图片如PNG格式。在手机中一半内置的图标都是经过美化的，后来安装的软件由于是个人制作，一定程度上不是那么完美，包括大小、 尺寸、比例等等，如果嫌不美观， 可以到安装目录比对标准的图标尺寸然后替换，用PHOTOSHOP或者其他绘图软件工具制作。

注意：一定要名称一样，格式一样或者修改安装表文件，指向你所更换的图标文件，起到一定的美化作用。同时手机图标要有一定的共同性，便于不同品牌的图标的图标功能相近性，便于使用。

手机图标制作：

一、主题风格：

做手机图标先要定好主题，风格，以及表现方式，如：简洁大方；古朴厚重；晶莹剔透；是写实的3D图标还是平面化的图标。这一环是和整个交互界面密不可分的。

二、选定软件：

根据风格定位，可以确定出是用哪种方法：用max建模>渲染>ps处理；用ps直接表现；用AI绘出>再经ps处理（推荐）易修改大小以及之后的调整。

三、注意要点：

由于AI是矢量软件，可以很好的表现出画面图标的细节，尤其是复杂形体的表现，性能远远高于PS去制作，还有一个原因就是在制作手机图标时图标的大小都是很明确的，对于一些级小的细节AI很有优势，如果ps的话不易画出，如果放大制作，再缩小的话，会模糊掉，显得边缘粗糙。

参考资料来源：网络 手机图标