关于APP标注的知识和文章，网上有大把大把的！而且，老谭继续跟大家总结一下iOS的界面标注和Android界面标注的区别和相应的规范。也是回答某一些童鞋的想要知道iOS端和android的标注有什么区别。到底需要我们标注哪些内容呢？所有的APP界面标注总结起来就是：标文字，标图片，标间距，标区域；1、iOS端的界面标注规范：需要注意的：A：我们标注的尺寸是像素px，如果技术那边的实际运用到技术中的
转载
2023-08-09 16:09:38
179阅读
切图网（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阅读
其实25学堂分享切图的干货很多了，今天学堂君就给刚刚入门学习APP设计的小伙伴一些干粮。优秀的切图工具推荐：Cutterman想要了解更多APP切图工具Cutterman的干货，大家可以在25学堂上搜索：Cutterman就可。Cutterman是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出， 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程
转载
2024-08-11 09:46:23
129阅读
从2011年开始接触APP，到现在为止也做了几个了，发现了一个共同点就是和每一个技术搭档切图的时候，会遇到不同的问题，因为技术的水平高低有限，所以他们要求你给切图的时候也会不一样，针对切图后来我总结了一套规律分享给大家，希望互相学习——一.android版在做android版本设计的时候，尺寸有很多种，这时我们要以一种尺寸为基准，那这个基准尺寸是480px*800px，设计图完成之后就开始切图了，
这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程，相当于工作流程的介绍。这里写的不是一种规范，只是一种工作方法，加上技术的更新是非常快的，大家在具体工作中，一定要灵活运用。这里我们只说IOS系统下的设计，至于Android，因为尺寸太多，涉及的东西比较乱。1Part 1 项目立项文件结构项目名称v1.0 -> 01_源文件psd 02_效果图jpg 0
转载
2024-05-27 23:22:35
64阅读
一个互联网产品从构思到落地，大致分为以下环节：发现商机 – 市场调研 – 头脑风暴 – 产品策划/功能设计 – 原型绘制 – 交互设计 – 项目立项 – 流向图绘制 – UI设计 – 切图标注 – 技术开发 – 产品测试 – 项目上线切图是指在设计稿里整理出技术开发所需要的素材或图片。合格的、严谨的切图可以大大减少技术人员开发返工率，减少技术人员的开发工期，提升开发流畅度，从而减少项目人力成本，最
规范的切图会帮助开发人员理解设计师意图、提高代码效率、减少返工。但对于设计师来说，切图可以说是工作中最繁琐和重复的部分了。切图往往意味着：1、选择图层2、导出文件3、设置文件大小4、命名5、选择文件打包压缩6、邮件传输当面临需求变更，以上六步再来一遍。墨刀创始人兼首席码农张元一认为，重复的工作都是令人发指的，于是，我们为大家带来 墨刀 Sketch 插件 2.0——集切图与标注于一体的
转载
2023-11-20 23:20:06
1068阅读
Supporting Multiple Screens
首先和最后，还是先看好官方文档：http://developer.android.com/guide/practices/screens_support.html对应的翻译blog有牛人做了：Android屏幕适配全攻略(最权威的官方适配指导) android屏幕适配详解 屏幕级
转载
2024-08-07 10:02:54
36阅读
一. 切图工具和标注工具学会使用工具可以起到事半功倍的效果。在这里为大家推荐我常用的切图和标注工具。1. 切图工具：（1）Cutterman这是一款运行在Photoshop中的插件，能够自行的把你需要的图层输出，这样你就可以避免了在PS中用切片工具挨个的切图了。Cutterman不需要你去记住一大推的语法、规则，一上手就明白怎样用。只需要点击一个按钮，就自动输出你需要的各种各样的图片，而
转载
2024-01-11 13:23:01
130阅读
# Android 切图：从设计到开发的桥梁
在现代应用开发中，设计与开发之间的有效沟通是至关重要的。而“切图”这一过程，正如其名，是将设计师所创造的视觉元素转化为开发者可以使用的素材。本文将详细介绍 Android 切图的过程、工具及技巧，并通过实际的代码示例帮助理解如何在 Android 项目中使用这些切图。
## 什么是切图？
切图是把设计好的页面或元素（如按钮、图标等）提取出来，并转
原创
2024-10-09 06:46:36
154阅读
从2011年开始接触APP，到现在为止也做了几个了，发现了一个共同点就是和每一个技术搭档切图的时候，会遇到不同的问题，因为技术的水平高低有限，所以他们要求你给切图的时候也会不一样，针对切图后来我总结了一套规律分享给大家，希望互相学习~一.android版在做android版本设计的时候，尺寸有很多种，这时我们要以一种尺寸为基准，那这个基准尺寸是480px*800px，设计图完成之后就开始切图了，我
转载
2023-09-26 07:49:05
164阅读
注：下文中背景灰色的字体是保存文件的方法，是一致的（相同的）1. 利用切片工具手动划出: 选择右边的切片工具 --> 手动画出要切的图片 --> 文件菜单选择【存储为web所用格式】 --> 按住空格，拖动鼠标，在弹出的窗口中找到你要切的图片并选中它 --> 右边可以选择图片的格式（JPG或者png-24）--> 点击下方的储存按钮 --&g
转载
2024-06-24 06:54:32
88阅读
WorldWind.net的切图可分为三种：
（1）矢量数据。
就像arcgis server缓存工具一样，可切成jpg或png格式。
（2）影像数据。
DSTile工具可切成jpg或png格式。
（3）高程数据。
DSTile工具可切成Bil格式。
切图永远是麻烦的事。数据来源可能多种多样，工具有时也可能无法完成复杂的任务。
采用arcmap地图文档来做为切图数据是再好不过了。任何arc
原创
2021-08-31 14:09:29
178阅读
标题：iOS免费切图工具——提高UI设计师效率的利器
简介：
在iOS应用开发中，UI设计师需要将设计稿转化为代码，这个过程中经常需要进行切图操作。为了提高设计师的效率，让他们更好地专注于设计的创作，开发者们提供了许多免费的切图工具。本文将介绍几款常用的iOS免费切图工具，并附带代码示例，帮助读者了解如何使用这些工具。
## 1. Sketch
[Sketch]( 是一款流行的矢量绘图工具，
原创
2024-01-18 06:28:48
119阅读
如上图，设计效果图中红色区域是文字排版区域，是理想化的位置，1和2的高度是相等的；而实现效果图中3和4的高度是相等的。问题出现了！在我们画点九的时候，把投影的高度也画进去了，所以视觉上文字就偏下了。我们通常的画法应该是：1. 在高度不拉伸的情况下，在空白区域点一像素的点。这是与开发同学之间约定俗成的习惯，凭着默契就知道此按钮高度不进行拉伸，而且就是被拉伸了，拉伸的是空白区域，视觉上也不会造成影响。
转载
2023-10-04 09:25:54
52阅读
很多UI设计师做APP切图都会有两套，一套是Android的，一套是IOS的。IOS我这边暂不作讲解，因为我本人也不是开发IOS。这里整理一下我在Android开发中总结的一些有利于本人开发的一些资源图片命名规则，并将其中有价值传播给大家。
转载
2023-07-31 22:15:16
90阅读
如何让APP设计，APP切图高效的与开发对接，似乎并没有什么更高明的办法。很多团队的做法是先做一套iOS的UI+标注+切图，再在iOS的基础上缩放一套Android的UI+标注+切图。加上25学堂的APP设计官方群内的小伙伴们，经常问到如何进 Android尺寸标注设计大全和Android切图规范。下面所讲的内容是以交互以iOS的设计为主导，应用于iOS和Android两个平
转载
2023-11-06 13:39:34
65阅读
如何让APP设计，APP切图高效的与开发对接，似乎并没有什么更高明的办法。很多团队的做法是先做一套iOS的UI+标注+切图，再在iOS的基础上缩放一套Android的UI+标注+切图。加上25学堂的APP设计官方群内的小伙伴们，经常问到如何进 Android尺寸标注设计大全和Android切图规范。下面所讲的内容是以交互以iOS的设计为主导，应用于iOS和Android两个平台。今天跟大
转载
2023-11-06 13:39:34
57阅读
WeUI是一套与微信原生视觉体验一致的基本样式库。微信官方设计团队为微信网页和微信小程序量身定制设计，使用户感知更加统一，包括button、cell、dialog、progress、toast、article、actionsheet、微信weui开发团队可以直接使用icon等各种元素。下面资源社区中WeUI微信小程序组件库的WeUI设计规范和技巧，帮助设计师快速启动WeUI的产品设计。微信小程序组
