APP安卓原生 设计该怎么切图给开发?

现在我们公司要把我们的APP弄成安卓原生,然后我是个设计,之前做的也都是ios尺寸都是用的蓝湖,前端也没什么问题。后来招了个弄原生的,之前蓝湖上的东西他都用不了,只有从新做尺寸,目前阶段就是每个图都要搞几天,从首页和登录搞了一个多月了。我就想问下有什么能提高效率的办法?

1.png的方案

3x规格png实施起来会简单很多,设计师可以以iPhone6s plus为设计稿,导出稿中相同大小的图片,以6s为设计稿的话输出图片时宽高均乘以1.5。开发拿到切图后,iOS对应放入3x,Andrpid对应放入xxhdpi,搞定。目前使用率来说3x(即3倍)就足够了,其他倍数会从3x自动缩小获得。
2.矢量图方案
这个方案会复杂些。iOS矢量图为pdf格式,大小以1x输出就可以,这样做可以方便开发人员导入和布局。Android可以用VectorDrawable或者svg转png插件,需要的是svg格式矢量图。用VectorDrawable的话,设计师最好用最简单的方式制作svg,最好只用绘线和填色,蒙版、挖空、区域透明等等就不要用了。用svg转png插件的话,对制作svg就没有太多要求,但是这类插件会有一些坑,开发人员要去填坑,比如转换后清晰度不够的问题。
我给公司的方案就是设计师输出一套1x规格pdf矢量图,iOS可以直接套用,Android采用svg转png插件,自己写脚本将pdf批量转换成svg,再由插件生成3x规格png,是的,Android最终还是用png。因为公司iOS项目先启动,图片都做好了,不可能再让设计师为VectorDrawable一个图片一个图片的调整。
3. 分辨率和倍数
市面上各个规格的分辨率都有,Android的太多先不讨论,iPhone 6s+是1080x1920,6s是750x1334,se是640x1136。差异这么大难不成要一一适配?显然不可能,幸好除了分辨率外还有倍数的概念,比如2x(2倍)就是指设备的一个点等于2px,一般来说不同设备的一个点物理距离是接近的。我们来看看分辨率除以倍数后的“点”分辨率,那么6s+是414x736,6s是375x667,se是320x480,从这个角度上看,其实几个机型的“点”宽度变化不大,只是高度有所不同,只要布局得当完全可以做到一套设计稿通用大部分机型。
Android的情况也是类似,只是倍数更多,它用另一个名称表示:mdpi(1倍)hdpi(1.5倍)xhdpi(2倍)xxhdpi(3倍)。
补充,6s和se是2x,6s+的倍数情况比较复杂,详细请看:
iPhone 6 Plus的逻辑分辨率为什么是414x736? - IOS app开发 android app开发 为什么 iPhone 6 Plus 要将 3x 渲染的 2208x1242 分辨率缩小到 1080p 屏幕上? - iOS 开发
4. 良好的布局
一般来说,选用一款常用机型的分辨率作为设计稿,剩下的便是布局的工作。
布局就像排版一样,每一块区域每一个控件的摆放规则:往一边靠还是居中,拉伸铺满,保持一定比例,还是固定大小。要把设计稿想像得能够随时变宽变窄变高变矮,当大小发生变化时,按照预定的布局规则设计稿会变得怎么样。布局没有捷径,就是多思考多练习。
给个例子,公司的设计稿是以5s为基准,分辨率640x1136,倍数2x。
知道以哪个倍数为基准对适配很重要。比如说,有一次设计师不清楚怎么描述一个九宫格页面时,我让他针对6s+、6s、4s再做一次调整,基准倍数是2x,6s+基准到2x的尺寸便是828x1472,方便同一个设计稿复制到不同分辨率上,通过不同分辨率的调整便能做出满意的页面布局。(在这里你需要一套高效的标注工具)
* 当倍数不为1x,所有px表示的数值都应该能被倍数整除。以2x为例,输出图标大小就不能为45px x 45px,因为当输出到1x和3x时就会出现小数,小数会被舍弃。正确做法是调整到44px或者46px。
5、为什么不采用等比例缩放适配
为什么不采用等比例缩放适配?说到底,更大的屏幕尺寸提供了更多内容展示的空间,等比例缩放没能把发挥出大屏的优势,同时也很难保证系统UI的一致性体验。
温馨提示:内容为网友见解,仅供参考
第1个回答  2020-01-11
你们公司对Android工程师真好,还招人不,我们都是用ios 750 * 1334设计稿,利用切图插件切出 对应Android dpi的切图,至于适配工作,你只需配合Android工程师,他要什么dpi的你给什么dpi的就行了,一般你切就尺寸全选,再给他需要的
第2个回答  2020-01-11
安卓的机器的确比较多,各厂商各种机型的屏幕大小不一,碎片化比较严重。但只考虑原生的分类,应该也不会很多啊。mdpi,xhdpi,xxhdpi各做一套应该就行了吧。本回答被网友采纳

APP安卓原生 设计该怎么切图给开发?
3x规格png实施起来会简单很多,设计师可以以iPhone6s plus为设计稿,导出稿中相同大小的图片,以6s为设计稿的话输出图片时宽高均乘以1.5。开发拿到切图后,iOS对应放入3x,Andrpid对应放入xxhdpi,搞定。目前使用率来说3x(即3倍)就足够了,其他倍数会从3x自动缩小获得。2.矢量图方案 这个方案会复杂...

安卓的切图方式安卓的切图
首先,我们找到手机桌面上的【九宫图制作】,没有的需要在软件商店里提前下载;2.在【九宫图制作】的主页面我们找到并且点击【九切图】任选一张图片选择完成进入编辑页面;3.选中图片之后在底部功能栏里面选择【网格】默认勾选的则是【3×3】格式,效果也就是九宫格;4.也可以设置切割成其他的格式,设置完成...

请问一下,APP界面设计的流程是什么啊?线框图——效果图——交互——切...
APP的界面设计采用 window(窗口) + Frame (子窗口)\/Frame Group(子窗口组)+页面 结构,前端UI 交互 使用原生 UI 控件 或 Web javaScript 控制界面交互效果,要明确开发的APP 使用什么框架,什么平台,要是单纯只是做美工设计,一般出效果图就可以,其余的交给 APP开发人员 开发原生App软件需要针对不同...

安卓软件UI设计 图片切图
切图存的图一般存成PNG各式的,你设计好一个界面,按照里面的元素给逐个的分开,就是一个切图的过程,不过UI讲究精细,你在切图的时候,需要把图放大了看,切图线之间不要重叠,各个明确的元素之间界限要分明,你是图片很大,这有可能是你设计的原稿就很大,首先确认设计的尺寸,检查一下是不是Rgb...

请问安卓ui设计尺寸一般做多大?是用PS做几套像素图提交开发人员吗?
我这边做是分两个尺寸,480*800,800*1280。切图存的是PNG格式,DPI应该实说尺寸,HDPI是480*800,XHDPI是800*1280。给开发人员是效果图,切图,所用字体颜色,大小等

android app 界面设计按什么尺寸
android app 界面设计是按720*1280的,切图上可以点9切图做到所有手机的适配。状态栏、导航栏和主菜单栏,以720*1280的尺寸来设计,那么状态栏的高度应为50px,导航栏的高度96px,主菜单栏的高度96px,因为是开源的系统,这里的数值也只能作为参考。Android为了区别于IOS,从4.0开始提出了一套HOLO的...

如何高效地输出iOS和Android标注和切图
IOS和Android开发需要的设计交付物至少要有:高保真UI图,标注,切图。高保真UI图所起到的作用是,开发会参照其画页面,仅仅是获知页面样子的一个手段,并非什么高精度的事情。仅仅基于这一条,设计师就没有必要出iOS和Android两套样子一样只是大小不同的图的,对于开发来说,他们只需要看到页面样子即可...

UI日常-切图切图怎么破?
比如,有些颜色在白色背景下不显示,有些颜色即使和设计师给的色值一样但是,实现后发现效果差强人意。所以App设计中,设计师如果要用阴影的话可以选择直接切给开发。3..9切图.9.png是png格式,.9为命名后缀的非失真性压缩位图图形。他的原理是安卓环境下,实现标记区域的局部拉升,多用于聊天框、...

切图和截图有什么区别
当看到上边这张设计图的时候,我们首先分析下应该给技术切哪些图(为了避免以后少改动,建议切图之前最好和技术先沟通下,怎么切);1、底部栏目的icon和背景:这个一般有2种切法:(有默认和选中之后的效果)2、顶部栏目的背景切图:由于顶部导航栏的是多颜色的,所以只能切一整条给技术,商圈的图标...

app开发所需要的人员
1、产品经理、UI设计师、安卓和IOS开发人员、后端技术人员。2、产品经理:产品规则、原型及交互设计或PRD输出。3、I设计师:效果图片、切图。4、安卓和IOS开发人员:APP开发。5、后端技术人员:后台程序开发、数据库设计、接口制作等。App开发,是指专注于手机应用软件开发与服务。 App是application的缩写,...

相似回答