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阅读
本文主要介绍如何制作 切图.9.png（点9图），另一篇姊妹篇文章
Android屏幕适配全攻略(最权威的官方适配指导)的
[使用自动拉伸位图]一节中有关于 9.png 的padding设置问题。 在Android的设计过程中，为了适配不同的手机分辨率，图片大多需要拉伸或者压缩，这样就出现了可以任意调整大小的一种图片格式“.9.png”。这种图片是用于Android开发的一种特殊的图片格
转载
2023-11-15 16:19:41
70阅读
很多UI设计师做APP切图都会有两套，一套是Android的，一套是IOS的。IOS我这边暂不作讲解，因为我本人也不是开发IOS。这里整理一下我在Android开发中总结的一些有利于本人开发的一些资源图片命名规则，并将其中有价值传播给大家。
转载
2023-07-31 22:15:16
90阅读
在我从事UI设计师这几年的工作中逐渐发现，最让人糟心的不是应付各种奇葩的需求，完成设计稿，而是交付。每次交付的设计稿和最后开发出来的产品总是让我心塞无比，很少最终产品和我的设计稿是完全一致的。UI设计师对接产品经理是个问题，UI设计师对接前端工程师是个问题。UI设计师处于整个产品开发链条中最为重要也是最为尴尬的一环，产品界面设计完全出自设计师，但是却不是由设计师来最终实现。根据我的经验，其实大部分
如何让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阅读
自从iPhone 6/6+出现后，iOS版上的APP界面设计尺寸又发生了翻天覆地的变化。让ios一下子跟安卓看齐了。进入了移动“杂屏”时代。 之前我们知道的，在移动app开发设计中，需要解决多种设备尺寸适配问题，过去只属于Android阵营的头疼事儿，只是很多设计师选择性地忽视android适配问题，只出一套iOS平台设计稿。 如今随着苹果发布两种新尺寸的大屏iPhone 6，iOS平台尺寸适配
转载
2023-12-04 14:52:54
153阅读
Android 点九切图法1.什么是点九切图法我们知道在Android的手机尺寸碎片化很严重，不同厂商的手机尺寸不同，以及手机横竖屏的切换都会改变一些控件或者图片的尺寸，从而让图片失真变形、模糊不清。而点九切图法就解决了这一问题。点九切图法是Android的一种特殊图片格式，其文件扩展名为： ×××.9.png 2.点九切图法的特点（优势）如下图所示，通过两条横线、两条竖线将图片分成九个部分，通过
转载
2023-11-10 06:57:07
97阅读
这是就不“100天挑战”的第35篇
交互体验设计师(UED)是为了解决问题而衍生出的职业，这句话在工作中的体会尤为明显。当一个流程业务层面是通顺的，但是使用起来特别奇怪或者展示非常不合理的时候，我们的开发首先想到的是找UED去合理化这个页面的布局，优化体验。
所以用户体验设计是解决问题的，而不是任凭自己想要什么样风格就去做什么。也就会有很多国民级应用不是最好看的，但确实是很好用的
切图网（www.qietu.com）是领先的前端技术领域开发和服务商，随着手机移动平台的快速普及，webapp的市场已经非常成熟，而webapp的 手机前端开发人员非常紧缺，这就导致了这块市场的空缺，一直作为前端领域的切图品牌-切图网，推出了首个手机3g网站平台的前端开发整体解决方案。这也是 切图网在大力推出html5页面切图之后的又一个解决方案。 手机用户蕴藏着大量的用户和财富 切图
转载
2023-12-17 16:35:10
308阅读
最近在做APP项目的过程中遇到美工在设计和切图方面的问题。以及APP设计群内大家经常问到的一些问题。25学堂特在此和大家分享一下个人对UI、UE方面的一些浅薄的认识。APP切图基本知识点以及注意事项： 1、考虑适配Android 各种复杂的分辨率，如主流的1280X720, 800X480, 640X480,480X320,以及各种非主流分辨率。 2、.9神器 png 3、PNG24
转载
2023-10-03 16:12:21
123阅读
这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程，相当于工作流程的介绍。这里写的不是一种规范，只是一种工作方法，加上技术的更新是非常快的，大家在具体工作中，一定要灵活运用。这里我们只说IOS系统下的设计，至于Android，因为尺寸太多，涉及的东西比较乱。1Part 1 项目立项文件结构项目名称v1.0 -> 01_源文件psd 02_效果图jpg 0
转载
2024-05-27 23:22:35
64阅读
我们都知道一套完整的 App 通常会有很多张切图，不管是 iPhone 需要 1x、2x、3x 图档，Android 需要至少 3 种 hdpi、xhdpi、xxhdpi。在庞大的切图数量下如何让负责套图的 RD 快速找到所需图档，档名的命令方式就需要双方统一格式方便大家作业。所以，制定一套非常有效而方便的APP切图命名规范
转载
2024-01-06 23:06:56
438阅读
规范的命名方式可以提高客户端程序员的开发效率和团队协作。25学堂创始人老谭个人觉得标识符命名原则：尽可能的用最少的字符而又能完整的表达标识符的含义。切图命名英文缩写三个原则：1 较短的单词可通过去掉“元音”形成缩写2 较长的单词可取单词的头几个字母形成缩写3 此外还有一些约定成俗的英文单词缩写. 第一部分：iOS APP界面设计切图命名规范&nb
转载
2024-06-03 13:40:04
43阅读
设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。设计切图的原则设计切图输出的目的是跟下游的工程师团队协同工作，那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求。其次切图输出应该尽可能的降低工程师的开发工作量，避免因切图输出而导致的不必要的工作量。最后输出的切图应当尽可能的压缩大小，以降低APP的总大小，提升用
转载
2023-11-23 09:51:56
167阅读
一. 切图工具和标注工具学会使用工具可以起到事半功倍的效果。在这里为大家推荐我常用的切图和标注工具。1. 切图工具：（1）Cutterman这是一款运行在Photoshop中的插件，能够自行的把你需要的图层输出，这样你就可以避免了在PS中用切片工具挨个的切图了。Cutterman不需要你去记住一大推的语法、规则，一上手就明白怎样用。只需要点击一个按钮，就自动输出你需要的各种各样的图片，而
转载
2024-01-11 13:23:01
130阅读
1.概述 1.1 编写目的 该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范，是系统进入UI设计的前置文档。 1.2 读者对象 项目实施工作组UI/UE设计人员。 2.色值规范 系统采用统一色彩标注值，超出的需要进行登记管理。 色彩范围值：以通用字号C开头标识，在Android开发中对应相应的配置文件参考：Android开发设计规范 2.1 屏幕适配 Android 手
一、前言
切图作为美工出图的最后一步，向来都是令人头疼的工作，其工作内容繁琐枯燥，但又必不可少。同时，作为IOS开发者，我们往往需要为程序准备两 套图片资源，以应对低清屏和Retina屏的不同需求，随之而来的是切图工作量的成倍增加。今天为大家推荐一款Mac下的切图小工具——Slicy，以上 烦恼皆可得到妥善的解决。
软件特性：
转载
2024-01-11 13:08:29
63阅读
Android端切图规范v1.0 1.容器的概念 UI设计师在拿到产品经理的原型图后，应该对每张原型图进行分组分类。 具体的分类方法如下: 1.每一个功能界面对应一个文件夹 2.对原型图中的界面进行整体分割并命名
转载
2023-08-17 18:06:23
81阅读
UI基础教程 – 原生App切图的那些事儿 移动APP切图是UI设计必须学会的一项技能，切图虽然简单，但还是有很多地方需要注意的，下面由tgideas的 LV主唱大人 跟大家讲讲原生App切图的那些事儿，对UI入门或需了解APP切图的设计师来说会有帮助哦。 如何切图？了解iphone界面的尺寸最小的分辨率是320×480，我们把这个尺寸定为基准界面尺寸（baseline），基准尺寸
转载
2023-10-14 22:19:24
165阅读
