android切图工具

① 如何高效地输出iOS和android标注和切图

搞移动开发业有些日子了。美工那边切图，一般都只切大图，那些小图都需要自己来弄。于是自己就写了个小工具。用于一键生成所需要的图片。

首先是Android的切图生成工具。

桌面上有这样一张图片

② photoshop cc怎么切图给androidstudio

用photoshop cc打开图片，复制图层，点击切片工具，右键点击图片，设置切片数，确定，文件--存储为web格式，存储。OK！

③ UI设计师如何进行切图

切图是设计师交付给开发的产物之一，设计稿完成后，设计师需要将其切成便于制作成页面的图片。设计师切图时就需要用到切图工具，比如摹客，可以自动切图（支持Sketch、Adobe XD、PS的设计稿），设计师只需在设计稿上进行切图标记，上传至摹客即可，无需手动，开发可以自主下载和使用。

如何切图？其实很简单：（以PS切图为例）

Step 1.安装并打开插件
插件安装好后打开PS，在“窗口>扩展功能”找到摹客 插件，选择并打开。使用摹客平台账号登录。
Step 2.标记切图
在完成的设计稿上，选中需要切图的图层或编组，点击“标记切图”。将在名称前增加“-e-”，“标记切图”变为“取消切图标记”，则标记切图完成。
Step 3.上传至摹客
标记切图后，一键将设计稿上传至云端项目中，开发工程师就可以自主下载切图，只需在右侧面板中选中切图，点击即可下载。

除了自动切图，还有更多亮点功能：
1. 切图压缩：在右侧面板中选中切图
2. 切换平台和选择倍率：iOS、Android、Web
3. 下载选中切图，一步到位。

摹客还支持Sketch、Adobe XD的自动切图，下载插件即可：
下载地址：
摹客：https://www.mockplus.cn/download/idoc-ps/?hmsr=
Sketch：https://www.mockplus.cn/download/idoc-sketch
adobe XD：https://www.mockplus.cn/download/idoc-xd

④ 问一下，ui设计切图时切几套(ios android)

常常会听到这么一些忠告“多看 多想 多做”，这个我也很赞同，也是我经常会告诉新手的。 在我还是新人的时候，我更想得到 咋看 咋想 咋做的方法，那么我就凭自己多年的设计经验，讲解给大家听，希望能帮助到一部分迷茫的人。 你有没有发现一个问题，每天都在看各种设计作品，真到自己做的时候，一下子全都忘记了，脑子短路了。之前看到那么多好的设计作品也都白看了，人家的还是人家的，跟你半毛钱的关系也没有。有没有这种感觉~？ 所以今天要讲的是个人的一些经验，希望看过这篇文章的同学，看完之后有种豁然开朗的感受，找到学习方法或是解开多年心结。 强烈建议大家先准备一个小本子 问：干什么用了？ 答：记录你每天学会的知识点。也可以理解为学习日记。 看到了什么好设计画一画。 想到了什么好点子，写一写。 做会了什么或是想要学点什么，都记录下来。 如果你保证每天学会5个知识点，一个月就是5*30=150，一年就是12*150=1800（这是保守的算法，不要纠结一个月是31天还是30天，不是重点） UI设计要学的真的太多了，胆小懒惰 勿入，这是个坑~！~ 问：5个知识点？我不知道要学什么？ 答：你现在缺什么，你想学什么，工作中要用到的，或是找工作的时候，用人单位写的招聘要求，你看看你都有哪些不会的，这些都是可以学习的知识点和学习的方向。小到一像素的投影，一像素的高光，虚线做法，这些都是要学习的知识点。 具体一点来说的话： UI是什么？（这个弄清楚了，也是一个进步） IOS的图标是多大的，我做多少像素的圆角了？ 字体是做多大了？有没有想规范了？ 按钮要做多大了才好点击了？ 各个栏目的高度，间距又是多大比较合适了？ 常听到的点9是什么东东？ 切图是什么意思？如何去切了？ 布尔运算是什么玩意？ PS形状工具怎么用？ 移动端的ui规范文档 图层样式怎么用？ 叠加，柔光是什么意思? PS CC 安装好了先设置什么，才好用？ 红色 橙色 黄色 绿色 青色 蓝色 紫色 黑色 白色 灰色 这些你都知道怎么搭配好看吗？（这些就够你研究很久了吧） 当然还有很多疑问，很多很多知识点，多看看上面这3篇文章。我这里就不说了。 之前开玩笑说，到新手区住上半年就什么都会了。半年的时间是有点长，但是要学的知识确实有这么多。每天都来学的话，半年还不一定你能学会了。所以要讲究方法。 要学什么，这个还是要从自己的实际情况出发，学以致用，是我们一直牢记在心的真理。 很多新人什么都想学，什么PS AI Flash Dreamweaver AE Axure ,这么多你要到什么时候才是个头啊，Tiger做了10年设计了，都不敢说这些都精通。 对于新人，还是老老实实的把Photoshop学扎实了再说吧。其它的再根据需要，一点点的积累。 量变达到质变的道理，相信大家都明白。但是坚持半年的话，你做的到吗？如果你觉得你可以，请到下面留言，我会监督你的~！。 2 咋看设计（如何找灵感） 这个怎么看设计，也就是培养审美的能力，首先你要知道什么好看，什么不好看。当你排斥那些不好看的设计的时候，你的品味就自然上升了。 再就是要知道去什么网站上看设计作品。看到不错的设计要采集下来。 花瓣 zcool UI中国 behance dribbble pinterest deviantart APP截图欣赏站 这里主要说说如何找灵感，当你接到一个设计任务的时候，该如何去快速的执行，快速找到灵感。 平时的素材采集和分类至关重要。在看看我的整理。 设计师的素材资源库，就是你的财富，只有自己整理出来的才有价值。关键是你要记得东西放在哪里了，不要用的时候找不到了~！ 3 咋想（如何去思考） 主要是分析你觉得好的设计作品： 是配色上吸引了你？为什么这2个颜色搭配起来这么舒服了，我要赶紧截屏到PS里吸取它的颜色看看，整理到一个色彩搭配素材库里，下次我也这么干。 还是版式设计吸引眼球？哇塞，这个圆形碉堡了，想法太好了。膜拜啊~！~赶紧保存下来 某一句广告语言打动了你，让你记忆犹新？看看人家的广告语多好，下次要记得说服公司的策划人员给点有个性的能打动人心的标题文案。 细节处理的很有新意吗？我擦，这个按钮的高光做的太好了，这是怎么做到的啊，我要好好研究下。找几个人讨论下，到群里问问大家。 背景烘托的很有档次吗？这飘落的绿叶和花瓣是怎么做的，是用的素材还是自己画的，这素材哪里有，我去找找看。 字体变形，字体排版上很牛？太美妙了，想法太好了，图形切割的也很有美感，赶紧收藏了。 为什么排版上看着很舒服了？我要好好看看，肯定有规律可循，颜色，间距，构图，字体，能想到的都想想 大腿都拍紫了也说不上来，就是感觉好~！我的大腿啊~都青了！555然后在换位思考一下，如果让你来，你会如何设计了，它的设计手法和细节的处理，你会不会？创意想法上有没有给你带来些什么灵感了~ END 方法/步骤2 1 咋做（如何去设计或是练习） 项目中锻炼是最快的提升的方法 临摹一些优秀的界面或是图标 参加一些比赛 做点私活 有问题先自行搜索解决方法，实在搞不定了就问，如果是通过自己努力找到解决答案的话，会牢记在心，一辈子都不会忘记，学的会非常的扎实。 帮助别人解答问题，也是一个快速提高的方法，既帮助了他人，也让自己的知识累积的更加稳固。 希望大家都能参与进来，一些探讨，互相点评作业，会挑毛病也是一种学习的方法，说明你看的到问题所在。 当然有人给你的作业找出了错误或是建议，你应该很高兴，只有发现了自己的问题或是不足，才会提高，最怕的就是不知道自己的东西哪里有问题。 希望看过这篇文章的同学都能有所收获，我这一天的时间也花的值得

⑤ android 使用UI 的切图时，感觉图片很小的问题

有些手机的分辨率高有些低，是会显示有差距的，你可以进行放大

⑥ android UI切图方法

不用啦...系统会自动根据你的分辨率（具体是当前的密度）给你缩放的。
你可以在800x480下随便切个图，在320x480下看看效果。
一般我们做适配只要能过眼就ok，只有少量的图需要切2~3套而已。

⑦ android怎么对psd切图

PSD如何切图？ 一：切图一般保存gif格式，颜色选128就可以了。 下面是某网站切图中出现的问题，希望对大家有用。 问题一：切图 1． 图片命名：要用有意义的英文命名。 2． 切图只是为了排版，，要考虑到易用性，格式一样的版式，要保持那一板的图片宽度，高度一致。 3． 在切图里要保持图片的完整性，这是首先要做到的。 4。对于网站上大部分图片，要考虑到网站以后的更新，所以你要切图里就不 应该把边框切下来，边框是可以用代码来实现的 5． 其实一张PS图纸，真正在布局时能够用得上的很少，图片可以更新， 只起占位符的作用，图片文件夹里的图片一定都是有用的。 6 .表格，边框分隔符可以 用代码实现效果。 7.要保证页面的美观有很多方面，但其一是图片，在切片时不要的坚绝不要，但需要的 一定要留着。 8. 浏览器是一个表格一个表格下载网页的，在切片时要注意这点，以免有些 东西无法下载时，网站残缺太严重。 问题二：代码 1． 整个布局运用table，这个在浏览器的兼容性上非常好，但是更新麻烦， 页面很大，下载很慢，并且蜘蛛在爬行时，只提取有用的文字、链接信息。大量的table,tr,td是没有用的，现在比较流行div+css，就实现了代码与内容的分离，而且好多效果只需一句代码就可以实现，并且可以全站大量重复利用。 2． 在网站的整体布局时，层次一定要清晰。自己看舒服，更新也简单。 3． 在搜索引擎优好的角度来看，是应该定义单元格的高度，宽度，此时就 可以省掉图片的宽度的高度。 4． 在设置字体时，要注意是不是别人的浏览器里也有这样的字体，当没有 时，就会使用系统默认的字体，这样可能就太变形了。 5.排版时，对于标题，要用系统自带的h1---h6，还有b,u 索引擎优化的角度来说的，同理还有代码的最优化，图片的最小化，结构的最简化。对于第一点，就是众观全局，找出相同点，同样的代码多次利用，有一个技巧：就是多用class，而不是id，就是这个原理。对于第二点就是尽量少的运用图片，能用代码，颜色实现的效果就不要用图片，但是一定要用图片时就不要节约了，对于第三点，这从设计图纸时就要考虑进去了，最后在排版时就看技术人员的整体定位了，先大局，后从上到下，从左到右。 6．对于整体布局，最上面没有置顶，解决方法: body{margin:0px}margin:0px，这个对于table，ul.form很有用处，其他的好像在没有设置值时都没有多大用处，我以前总是习惯性地都写上，其时没有多大用处。 7． 浏览器的兼容性上，如果是table布局的话，这个在各个浏览器上都基 本没有什么大问题，但是在很多细节上firefox和ie处理的很不一样，这就需要在布局时注意的，如果是div+css布局，就不一样了，这里举一例：文字本身大小不兼容，同样是宋体14px的字体，在ie下是16px，下留白3px;在firefox中实际占高17px，上留白1px,下留白3px;，解决方法是定义行高 8． 对于兼容性，还有很多方面，就算是ie6/ie7/ie8之间都有很多不同之 处，你只有先了解这些不同之处，才可以在写代码时避免，或出现问题后具体问题具体解决。

⑧ 设计师给了切图标注，Android开发到底要怎么做

首先，选择一款主流机型。
然后，设计师根据该机型的屏幕尺寸设计效果图，给出px单位的标注。
最后，开发根据该机型，可以算出px与dp的换算方法，根据px单位的标注，设置为dp为单位的标注。
备注：1dp=1dip=1sp，对于一般长宽dp或者dip都可以，sp是字体专用单位，在操作系统中设置大中小号字体后，可以改变sp的显示大小。

这样做可以保证在这款机型上，设计师的设计完全表现。对于其他机型，只要尺寸相差不是很大，显示效果相差不会太大。如果是在手机上设计，在pad上显示，相差就会比较大了。