切图网（www.qietu.com）是领先的前端技术领域开发和服务商，随着手机移动平台的快速普及，webapp的市场已经非常成熟，而webapp的 手机前端开发人员非常紧缺，这就导致了这块市场的空缺，一直作为前端领域的切图品牌-切图网，推出了首个手机3g网站平台的前端开发整体解决方案。这也是 切图网在大力推出html5页面切图之后的又一个解决方案。 手机用户蕴藏着大量的用户和财富 切图
转载
2023-12-17 16:35:10
292阅读
Supporting Multiple Screens
首先和最后，还是先看好官方文档：http://developer.android.com/guide/practices/screens_support.html对应的翻译blog有牛人做了：Android屏幕适配全攻略(最权威的官方适配指导) android屏幕适配详解 屏幕级
# Android 切图：从设计到开发的桥梁
在现代应用开发中，设计与开发之间的有效沟通是至关重要的。而“切图”这一过程，正如其名，是将设计师所创造的视觉元素转化为开发者可以使用的素材。本文将详细介绍 Android 切图的过程、工具及技巧，并通过实际的代码示例帮助理解如何在 Android 项目中使用这些切图。
## 什么是切图？
切图是把设计好的页面或元素（如按钮、图标等）提取出来，并转
从2011年开始接触APP，到现在为止也做了几个了，发现了一个共同点就是和每一个技术搭档切图的时候，会遇到不同的问题，因为技术的水平高低有限，所以他们要求你给切图的时候也会不一样，针对切图后来我总结了一套规律分享给大家，希望互相学习~一.android版在做android版本设计的时候，尺寸有很多种，这时我们要以一种尺寸为基准，那这个基准尺寸是480px*800px，设计图完成之后就开始切图了，我
转载
2023-09-26 07:49:05
106阅读
注：下文中背景灰色的字体是保存文件的方法，是一致的（相同的）1. 利用切片工具手动划出: 选择右边的切片工具 --> 手动画出要切的图片 --> 文件菜单选择【存储为web所用格式】 --> 按住空格，拖动鼠标，在弹出的窗口中找到你要切的图片并选中它 --> 右边可以选择图片的格式（JPG或者png-24）--> 点击下方的储存按钮 --&g
如上图，设计效果图中红色区域是文字排版区域，是理想化的位置，1和2的高度是相等的；而实现效果图中3和4的高度是相等的。问题出现了！在我们画点九的时候，把投影的高度也画进去了，所以视觉上文字就偏下了。我们通常的画法应该是：1. 在高度不拉伸的情况下，在空白区域点一像素的点。这是与开发同学之间约定俗成的习惯，凭着默契就知道此按钮高度不进行拉伸，而且就是被拉伸了，拉伸的是空白区域，视觉上也不会造成影响。
转载
2023-10-04 09:25:54
46阅读
如何让APP设计，APP切图高效的与开发对接，似乎并没有什么更高明的办法。很多团队的做法是先做一套iOS的UI+标注+切图，再在iOS的基础上缩放一套Android的UI+标注+切图。加上25学堂的APP设计官方群内的小伙伴们，经常问到如何进 Android尺寸标注设计大全和Android切图规范。下面所讲的内容是以交互以iOS的设计为主导，应用于iOS和Android两个平台。今天跟大
转载
2023-11-06 13:39:34
51阅读
如何让APP设计，APP切图高效的与开发对接，似乎并没有什么更高明的办法。很多团队的做法是先做一套iOS的UI+标注+切图，再在iOS的基础上缩放一套Android的UI+标注+切图。加上25学堂的APP设计官方群内的小伙伴们，经常问到如何进 Android尺寸标注设计大全和Android切图规范。下面所讲的内容是以交互以iOS的设计为主导，应用于iOS和Android两个平
转载
2023-11-06 13:39:34
39阅读
很多UI设计师做APP切图都会有两套，一套是Android的，一套是IOS的。IOS我这边暂不作讲解，因为我本人也不是开发IOS。这里整理一下我在Android开发中总结的一些有利于本人开发的一些资源图片命名规则，并将其中有价值传播给大家。
转载
2023-07-31 22:15:16
85阅读
其实25学堂分享切图的干货很多了，今天学堂君就给刚刚入门学习APP设计的小伙伴一些干粮。优秀的切图工具推荐：Cutterman想要了解更多APP切图工具Cutterman的干货，大家可以在25学堂上搜索：Cutterman就可。Cutterman是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出， 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程
本文主要介绍如何制作 切图.9.png（点9图），另一篇姊妹篇文章
Android屏幕适配全攻略(最权威的官方适配指导)的
[使用自动拉伸位图]一节中有关于 9.png 的padding设置问题。 在Android的设计过程中，为了适配不同的手机分辨率，图片大多需要拉伸或者压缩，这样就出现了可以任意调整大小的一种图片格式“.9.png”。这种图片是用于Android开发的一种特殊的图片格
转载
2023-11-15 16:19:41
60阅读
# Android Mask切图
在Android开发中，我们经常需要对图像进行切割，以满足不同的界面需求。而使用Mask来进行切割是一种常见的方式。本文将介绍Mask切图的概念和使用方法，并给出相关的代码示例。
## 什么是Mask切图
Mask切图是指将一个图像根据另一个图像的形状进行切割，只保留形状内的部分。这个形状图像被称为Mask，通常是一个黑白图像，黑色表示需要切割的部分，白色表
原创
2024-01-19 07:54:54
195阅读
作为一名刚接触移动端页面的孩子，总会遇到很多问题，如为什么 head 那里要加 viewport meta，为什么背景图片要用 二倍图 等等。我相信也有很多人跟你说，加 viewport 是为了让页面不缩放，让页面在手机上能1：1显示；用 二倍图 是因为 retina 屏1个像素被分为4个像素，所以模糊了，需要用大一倍的图片，让其显示正常。或许你哦了一声后也一直这么做，但是你事实上并不明白更细节的
用户手中看到的产品界面，并非设计师呕心沥血创作的效果图，而是一个个单独的切图经由开发同学技术实现。切图作为设计师与开发者之间的桥梁，它的作用很关键，合适的切图、精准的位置可以最大限度的还原效果图的设计，精妙的切图更会有事半功倍的效果哦！我们经常会做一个俗称“点九”的切图，什么是“点九”呢？“点九”是Android平台处理图片的一种特殊的形式，由于文件的扩展名为：“.9.png”，所以被称为“点九”
转载
2023-07-03 22:03:32
167阅读
随着智能手机的不断运用，移动端ui设计成为大家关注的重点。而移动ui设计中，移动ui设计切图跟手机的使用密切相关。今天就让小编为大家介绍移动ui设计切图规范有哪些要求。移动ui设计切图规范1、切图资源尺寸必须为双数众所周知智能手机的屏幕大小都是双数值，比如iphone 7的屏幕分辨率是750*1334px。切图资源尺寸必须为双数是为了保证切图资源在工程师开发时是高清显示。因为1px是智能手机能够识
转载
2023-12-21 23:45:01
81阅读
作为一枚UI设计师，当我们千辛万苦的改完最后一稿后，就要开始切图标注了，有时候你会发现一个稍微复杂的页面，切图标注就要要花费很多时间，所以今天U妹给大家带来了1款切图神器，希望从此可以解放你的双手哈~~Cutterman(最好用的切图工具)是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出， 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。 它
转载
2023-08-17 18:07:18
108阅读
Android 点九切图法1.什么是点九切图法我们知道在Android的手机尺寸碎片化很严重，不同厂商的手机尺寸不同，以及手机横竖屏的切换都会改变一些控件或者图片的尺寸，从而让图片失真变形、模糊不清。而点九切图法就解决了这一问题。点九切图法是Android的一种特殊图片格式，其文件扩展名为： ×××.9.png 2.点九切图法的特点（优势）如下图所示，通过两条横线、两条竖线将图片分成九个部分，通过
转载
2023-11-10 06:57:07
84阅读
开篇首先这不是一篇教程，更像是开发过程中的随笔所以建议抱着讨论与批评的态度观看切面编程的基础概念我这里不做介绍，请自行搜索学习。在Android中比较少使用到切面编程相关，在自行摸索了一段时间之后整理了点概念和一些实用性的功能，目前的感觉是在Android中切面编程主要职责并不是单纯为简化代码(当然部分功能可以简化代码)，简化代码应该是方法封装去做的。而切面是简化逻辑，把技术相关的逻辑都封装了再配
转载
2023-08-29 06:53:40
38阅读
一、切图 App切图是实现设计效果的重要环节，开发工程师会在实现的过程中计算好各个图片、图标、版块的位置，然后会调用我们已经切好的图进行填充，切图的效率关系到产品的开发效率与团队协作。
1.1 命名规范 (1)常用界面
(2)系统控件
(3)功能命名
(4)常见状态
1.2 命名规则 命名规范并不是唯一的，唯一的目的是
转载
2023-09-05 09:53:15
79阅读
Android切图与网页切图有许多相似点，但也有一些不同点。相似点是能用文字的地方就不要用图片，能用小图的地方就不要用大图。不同点如下：1、Android的美工设计更应该注重UE（用户体验）2、网页的所有操作由鼠标来完成，鼠标是个比较精细的箭头，可以指向很细小的按钮或文字。Android的所有操作由手指来完成，所以Android中按钮的设计尽量大些那样的话点击的命中率要高，否则会有“点击不灵敏”的
转载
2023-08-21 10:01:06
87阅读
