这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程，相当于工作流程的介绍。这里写的不是一种规范，只是一种工作方法，加上技术的更新是非常快的，大家在具体工作中，一定要灵活运用。这里我们只说IOS系统下的设计，至于Android，因为尺寸太多，涉及的东西比较乱。1Part 1 项目立项文件结构项目名称v1.0 -> 01_源文件psd 02_效果图jpg 0
转载
2024-05-27 23:22:35
64阅读
切图网（www.qietu.com）是领先的前端技术领域开发和服务商，随着手机移动平台的快速普及，webapp的市场已经非常成熟，而webapp的 手机前端开发人员非常紧缺，这就导致了这块市场的空缺，一直作为前端领域的切图品牌-切图网，推出了首个手机3g网站平台的前端开发整体解决方案。这也是 切图网在大力推出html5页面切图之后的又一个解决方案。 手机用户蕴藏着大量的用户和财富 切图
转载
2023-12-17 16:35:10
308阅读
1.腾讯应用宝应用小图标：尺寸16x16，大小20K以内，PNG格式的图片应用大图标：尺寸512*512，大小200K以内，PNG格式，使用直角图标，平台将对图片进行统一规范化处理应用截图：请上传2-5张截图（尺寸保持一致），单张图片不超过1M。截图不能小于320*480像素，推荐480*800像素。JPG、PNG格式。2.百度手机助手开放平台地址：戳我进入
应用图标：512*512，小于800K
转载
2023-07-09 20:42:54
537阅读
图形用户界面中的图形有两种实现方式，一种是用代码画出来，比如Quartz 2D技术，狠一点有OpenGL ES，另一种则是使用图片。
代码画的方式比较耗费程序员脑力,CPU或GPU; 图片则耗费磁盘空间,会增加app的体积.一般的app我们会偏重于使用图片来构建用户界面.
设计师一般会使用PS来设计界面，所以在直接使用之前，有一个PSD到png的切图(Image Slicing
原创
2013-05-07 17:41:05
726阅读
关于iOS App的切图HOMEABOUTGUESTBOOKCATEGORIESTAGSLINKSSUBSCRIBE图形用户界面中的图形有两种实现方
转载
2013-04-07 15:59:00
110阅读
2评论
关于iOS App的切图HOMEABOUTGUESTBOOKCATEGORIESTAGSLINKSSUBSCRIBE图形用户界面中的图形有两种实现方式，一种是用代码画出来，比如Quartz 2D技术，狠一点有OpenGL ES，另一种则是使用图片。代码画的方式比较耗费程序员脑力,CPU或GPU; 图...
转载
2013-04-07 15:59:00
109阅读
2评论
关于APP标注的知识和文章，网上有大把大把的！而且，老谭继续跟大家总结一下iOS的界面标注和Android界面标注的区别和相应的规范。也是回答某一些童鞋的想要知道iOS端和android的标注有什么区别。到底需要我们标注哪些内容呢？所有的APP界面标注总结起来就是：标文字，标图片，标间距，标区域；1、iOS端的界面标注规范：需要注意的：A：我们标注的尺寸是像素px，如果技术那边的实际运用到技术中的
转载
2023-08-09 16:09:38
179阅读
规范的切图会帮助开发人员理解设计师意图、提高代码效率、减少返工。但对于设计师来说，切图可以说是工作中最繁琐和重复的部分了。切图往往意味着：1、选择图层2、导出文件3、设置文件大小4、命名5、选择文件打包压缩6、邮件传输当面临需求变更，以上六步再来一遍。墨刀创始人兼首席码农张元一认为，重复的工作都是令人发指的，于是，我们为大家带来 墨刀 Sketch 插件 2.0——集切图与标注于一体的
转载
2023-11-20 23:20:06
1071阅读
兔课网——初学UI设计如何快速的学会切图？设计切图的原则：设计切图输出的目的是跟下游的工程师团队协同工作，那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求。其次切图输出应该尽可能的降低工程师的开发工作量，避免因切图输出而导致的不必要的工作量。最后输出的切图应当尽可能的压缩大小，以降低APP的总大小，提升用户使用时的加载速度。所以切图输出应当做到切图精准、便与协同和
设计师同事用的windows系统，给我推荐了一个文章http://kevincao.com/2011/08/prepare-png-for-iphone-app/ 为iPhone App切图的技巧13 Replies为了支持iPhone 4的视网膜屏，我们开发App时要准备两套大小的图片资源。一般情况下，设计师就只做好高分辨率的Layout，我们在切图的时候多存一个缩小的版本。切图的工作本来就繁琐
转载
精选
2013-07-22 10:36:52
1325阅读
微微一运功，把家底都抖出来了。
不过，作为一个设计出身的前端来说，摸ps就和摸键盘一样了
所以可能教程中还是有没用过ps的人看不懂的地方，
欢迎加群讨论：613512106。。。
原创
2021-11-26 16:53:20
652阅读
部分看了文章的设计师，来找我说怎么切图。sorry？在我的理解，这就是切图啊，但是他们所指的“切图”是，怎么把设计图制作成html页面。 在我看来，现在人们对于前端都是有误区的。认为前端是切图的，（也确实是这么叫的，本人情感上很不愿意听前端被叫做“切图的”）所以也会误认为我的这篇文章是写给设计师的。
转载
2020-04-27 22:05:00
298阅读
2评论
Supporting Multiple Screens
首先和最后，还是先看好官方文档：http://developer.android.com/guide/practices/screens_support.html对应的翻译blog有牛人做了：Android屏幕适配全攻略(最权威的官方适配指导) android屏幕适配详解 屏幕级
转载
2024-08-07 10:02:54
36阅读
关于切图命名的规范，我个人觉得关键是在于团队能够有一个统一的规则，所有成员严格遵守并且和所有开发全盘拉通，不然一切都是空谈。不同的团队使用的软件都不一样，如果经常使用sketch软件中Symbols 的同学，可能在命名的时候会考虑更多内容，但是照顾到还有很多同学在使用PS 作图，所以这里只介绍一种通用的命名规则，当然大家也可以根据自己的实际情况去制定，这里只提供一种方法与思路，仅供参考。一、为什么
转载
2024-01-16 06:23:28
94阅读
网络上已经有很多适配教程，可是看了半天总是半懂不懂。。最后还是要综合多个教程再动动脑子动动手，最好有程序大哥帮你试一下（这得有多大的福气） 如果有跟我一样情况的：1. 有人说用sketch自动导出多套尺寸切图和SVG矢量格式，表示没钱买MAC2. 有人说用切图神器cutman，表示用CC以上版本PS不支持
转载
2023-09-13 12:49:37
102阅读
注：下文中背景灰色的字体是保存文件的方法，是一致的（相同的）1. 利用切片工具手动划出: 选择右边的切片工具 --> 手动画出要切的图片 --> 文件菜单选择【存储为web所用格式】 --> 按住空格，拖动鼠标，在弹出的窗口中找到你要切的图片并选中它 --> 右边可以选择图片的格式（JPG或者png-24）--> 点击下方的储存按钮 --&g
转载
2024-06-24 06:54:32
88阅读
视频链接 常见的图片格式 1. jpg图像格式：JPEG(JPG)对色彩的信息保留较好，高清，颜色较多，产品类的图片经常用jpg格式的 2. gif图像格式：GF格式最多只能储存256色，所以通常用来显示简单图形及字体，但是可以保存透明背景和动画效果，实际经常用于一些图片小动画效果 3. png图像 ...
转载
2021-05-23 00:03:00
737阅读
2评论
PS有很多切图方式：图层切图、切片切图、PS插件切图等。 图层切图 切片切图 插件切图 Cutterman ...
转载
2021-07-29 12:51:00
194阅读
2评论
切图应该说是前端经常要做的事情，在切图的过程中如果遇到图层过于复杂图片又过于渺小的情况，我们往往需要放大整个图片并隐藏额外的图层来选择我们需要的图形区域，这相当的浪费时间和精力。这里介绍下我们如何通过Photoshop的动作功能来实现一键切图的效果。 （1）下载动作请戳这里下载动作文件：https:
原创
2022-04-06 11:13:36
221阅读
---恢复内容开始---1.打开图片，另存为psd格式，保留原图，在psd上进行切片2.ctrl+r显示标尺3.键盘按“c”调出切片工具4.切片要点：应根据颜色范围来切切片越小越好切片区域完整性导出类型（颜色单一的导出为gif 透明的png 颜色丰富的jpg，动画gif）保留原文件
原创
2022-04-25 10:59:01
319阅读
