本文转自:https://blog.csdn.net/klxh2009/article/details/74938009 很多UI设计师做APP切图都会有两套,一套是Android的,一套是IOS的.IOS我这边暂不作讲解,因为我本人也不是开发IOS.这里整理一下我在Android开发中总结的一些有利于本人开发的一些资源图片命名规则,并将其中有价值传播给大家. (PS:本人有时拿到UI切图,看到名称确实是不知道这个图是用来干嘛和放在哪里的,还得跑过去问UI..所以,一个好的命名规则可以让我们开发…

这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程,相当于工作流程的介绍.这里写的不是一种规范,只是一种工作方法,加上技术的更新是非常快的,大家在具体工作中,一定要灵活运用. 这里我们只说iOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱.1 Part 1 项目立项 文件结构 项目名称v1.0 -> 01_源文件psd 02_效果图jpg 03_标注图png 04_标注源文件 05_切片资源png 原型.rar 工具: 界面设计:PS, AI 标注:PxCo…

在UI设计中我们常常使用Ai来进行矢量图的绘制,然后导入Ps中进行设计.排版和导出. 在以前的版本中,切图一直是个很麻烦的事情,要么依托于脚本,要么手动一张张导出,很不方便,这种窘况在Photoshop CC 2015版中得到了解决. 准备 使用Photoshop CC 2015版 准备好要切的图片 第一种方法 Ps自带切图 首先打开图层,找到要切图的部分 选中要切图的图层 图层上单击右键,选择快速导出为PNG 选择一个文件夹保存即可 可以发现导出的文件以图层名称保存成为PNG格式,保留了透明像…

方法1(图层切图): 点击源psd文件中需要的图片,右击鼠标选择导出为png,保存即可.图片与文字在两个或两个以上图层上的时候,按住Control选择多个图层,右键选择合并图层(快捷键:Control+E),之后导出保存即可. 方法2(切片切图): 选择切片工具,选中所需要的图片 点击文件,导出,导出为Web所用格式 选择所需要的格式,点击存储,选择选中的切片即可 方法3(插件Cutterman切图): 进入Cutterman官网https://www.cutterman.cn/ps/cutte…

先选择“编辑”-“首选项” 打开,找到“参考线”    设置一下每格网格 100像素 5个细块 确定后 ctrl+‘ 出现网格.(通过网格对齐切图比用参考线切图更好). 如果使用PS cc的软件的话,就选择智能切图. 推荐两个PS插件切图插件,一个是cutterman切图,另一个LayerCraft切图.两个都比较方便,比原来PS CC切图更智能.…

将Chrome浏览器中安装的插件程序导出为crx插件文件 以360急速浏览器为例进行导出crx插件程序 1.在Chrom商店中找到需要的插件,安装到浏览器的扩展程序里面()IDM Integration Module 谷歌应用商店下载地址(需有条件高科技上网才能访问此链接):https://chrome.google.com/webstore/detail/idm-integration-module/ngpampappnmepgilojfohadhhmbhlaek诚通网盘:https://YP…

身为一个android开发狗,真是艰辛啊,适配不好做,Rom特性不好搞,连切图有时候都得自己上啊,设计师MM都不敢去惹呢,新技能Get开始. 其实,都是小case了,我有度娘和谷哥! 因为,有了psd,只要设计的是按android标准,那都好说,有标注切图二合一免费神器pxcook: 教程在此:http://www.fancynode.com.cn/pxcook/tutorial 嗯,应该比以前的 Cut&Slice me 切图神器(PhotoShop强力割图插件)强大一些的. 说到标准,看一下…

切图是很多UI设计师的一项日常工作.平时做完设计图,要将设计稿切成便于制作成页面的图片,并标注好尺寸和间距,交付给前端来完成html+css布局的静态页面,有利于交互,形成良好的视觉感. 但有的认为前端自己会切图是最好,不建议把切图的事情丢给设计师做.这样中途会损耗结构讲解的开销(比如网页层级,细节重构方案等),毕竟最后css是前端去码,怎么切最合适要自己把捏的,否则又要引出一个新问题(设计师有必要掌握考虑重构实现的切图吗?). 总之,切图对于设计师设计创作.程序员写代码来说,其实不是件难事,但…

在我从事UI设计师这几年的工作中逐渐发现,最让人糟心的不是应付各种奇葩的需求,完成设计稿,而是交付.每次交付的设计稿和最后开发出来的产品总是让我心塞无比,很少最终产品和我的设计稿是完全一致的. UI设计师对接产品经理是个问题,UI设计师对接前端工程师是个问题. UI设计师处于整个产品开发链条中最为重要也是最为尴尬的一环,产品界面设计完全出自设计师,但是却不是由设计师来最终实现. 根据我的经验,其实大部分问题都出在了沟通上,开发工程师没有完全理解设计稿,他们完全依赖我们的标注和切图来进行开发,设计…

终于找到你,我梦寐以求的PS切图插件.曾几何时,设计师在完成设计稿之后高效的输出标注切图一直是设计师的噩梦.为什么这么说呢?开发要的那么多尺寸,我到底该怎么切图?iPhone的版本已经不少了,更别提安卓那一堆的尺寸,真是让人欲哭无泪! 直到前段时间使用了摹客-iDoc,心中大喜,我终于找到了我想要的那种PS切图插件.iDoc巧妙的将标注.切图这两项设计完稿后最棘手工作集成在一起,简单.快捷.高效,而且支持Windows和Mac双平台.我是个爱分享之人,接下来,给大家全方位揭秘这款从设计稿到轻松高…