切图网（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阅读
这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程，相当于工作流程的介绍。这里写的不是一种规范，只是一种工作方法，加上技术的更新是非常快的，大家在具体工作中，一定要灵活运用。这里我们只说IOS系统下的设计，至于Android，因为尺寸太多，涉及的东西比较乱。1Part 1 项目立项文件结构项目名称v1.0 -> 01_源文件psd 02_效果图jpg 0
转载
2024-05-27 23:22:35
64阅读
规范的切图会帮助开发人员理解设计师意图、提高代码效率、减少返工。但对于设计师来说，切图可以说是工作中最繁琐和重复的部分了。切图往往意味着：1、选择图层2、导出文件3、设置文件大小4、命名5、选择文件打包压缩6、邮件传输当面临需求变更，以上六步再来一遍。墨刀创始人兼首席码农张元一认为，重复的工作都是令人发指的，于是，我们为大家带来 墨刀 Sketch 插件 2.0——集切图与标注于一体的
转载
2023-11-20 23:20:06
1071阅读
关于APP标注的知识和文章，网上有大把大把的！而且，老谭继续跟大家总结一下iOS的界面标注和Android界面标注的区别和相应的规范。也是回答某一些童鞋的想要知道iOS端和android的标注有什么区别。到底需要我们标注哪些内容呢？所有的APP界面标注总结起来就是：标文字，标图片，标间距，标区域；1、iOS端的界面标注规范：需要注意的：A：我们标注的尺寸是像素px，如果技术那边的实际运用到技术中的
转载
2023-08-09 16:09:38
179阅读
Supporting Multiple Screens
首先和最后，还是先看好官方文档：http://developer.android.com/guide/practices/screens_support.html对应的翻译blog有牛人做了：Android屏幕适配全攻略(最权威的官方适配指导) android屏幕适配详解 屏幕级
转载
2024-08-07 10:02:54
36阅读
# 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阅读
很多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
57阅读
如何让APP设计，APP切图高效的与开发对接，似乎并没有什么更高明的办法。很多团队的做法是先做一套iOS的UI+标注+切图，再在iOS的基础上缩放一套Android的UI+标注+切图。加上25学堂的APP设计官方群内的小伙伴们，经常问到如何进 Android尺寸标注设计大全和Android切图规范。下面所讲的内容是以交互以iOS的设计为主导，应用于iOS和Android两个平
转载
2023-11-06 13:39:34
65阅读
WeUI是一套与微信原生视觉体验一致的基本样式库。微信官方设计团队为微信网页和微信小程序量身定制设计，使用户感知更加统一，包括button、cell、dialog、progress、toast、article、actionsheet、微信weui开发团队可以直接使用icon等各种元素。下面资源社区中WeUI微信小程序组件库的WeUI设计规范和技巧，帮助设计师快速启动WeUI的产品设计。微信小程序组
如上图，设计效果图中红色区域是文字排版区域，是理想化的位置，1和2的高度是相等的；而实现效果图中3和4的高度是相等的。问题出现了！在我们画点九的时候，把投影的高度也画进去了，所以视觉上文字就偏下了。我们通常的画法应该是：1. 在高度不拉伸的情况下，在空白区域点一像素的点。这是与开发同学之间约定俗成的习惯，凭着默契就知道此按钮高度不进行拉伸，而且就是被拉伸了，拉伸的是空白区域，视觉上也不会造成影响。
转载
2023-10-04 09:25:54
52阅读
# Android App切后台
在开发Android应用程序过程中，我们经常会遇到需要处理应用被切换到后台的情况。当用户离开应用或者切换到其他应用时，我们需要对应用进行一些处理，例如保存数据、停止后台任务等。本文将介绍如何在Android应用中处理切后台的情况，并提供代码示例。
## 1. 生命周期回调
Android提供了一系列生命周期回调方法，可以帮助我们在应用被切后台时进行相应的处理
原创
2024-07-08 03:49:28
134阅读
WeUI是一套与微信原生视觉体验一致的基本样式库。微信官方设计团队为微信网页和微信小程序量身定制设计，使用户感知更加统一，包括button、cell、dialog、progress、toast、article、actionsheet、微信weui开发团队可以直接使用icon等各种元素。下面资源社区中WeUI微信小程序组件库的WeUI设计规范和技巧，帮助设计师快速启动WeUI的产品设计。微信小程序组
图形用户界面中的图形有两种实现方式，一种是用代码画出来，比如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评论
其实25学堂分享切图的干货很多了，今天学堂君就给刚刚入门学习APP设计的小伙伴一些干粮。优秀的切图工具推荐：Cutterman想要了解更多APP切图工具Cutterman的干货，大家可以在25学堂上搜索：Cutterman就可。Cutterman是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出， 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程
转载
2024-08-11 09:46:23
129阅读
