Supporting Multiple Screens
首先和最后，还是先看好官方文档：http://developer.android.com/guide/practices/screens_support.html对应的翻译blog有牛人做了：Android屏幕适配全攻略(最权威的官方适配指导) android屏幕适配详解 屏幕级
转载
2024-08-07 10:02:54
36阅读
从2011年开始接触APP，到现在为止也做了几个了，发现了一个共同点就是和每一个技术搭档切图的时候，会遇到不同的问题，因为技术的水平高低有限，所以他们要求你给切图的时候也会不一样，针对切图后来我总结了一套规律分享给大家，希望互相学习~一.android版在做android版本设计的时候，尺寸有很多种，这时我们要以一种尺寸为基准，那这个基准尺寸是480px*800px，设计图完成之后就开始切图了，我
转载
2023-09-26 07:49:05
164阅读
# Android 切图：从设计到开发的桥梁
在现代应用开发中，设计与开发之间的有效沟通是至关重要的。而“切图”这一过程，正如其名，是将设计师所创造的视觉元素转化为开发者可以使用的素材。本文将详细介绍 Android 切图的过程、工具及技巧，并通过实际的代码示例帮助理解如何在 Android 项目中使用这些切图。
## 什么是切图？
切图是把设计好的页面或元素（如按钮、图标等）提取出来，并转
原创
2024-10-09 06:46:36
154阅读
注：下文中背景灰色的字体是保存文件的方法，是一致的（相同的）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阅读
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阅读
如何让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的产品设计。微信小程序组
原标题：快速生成Material 原生组件 | Sketch 技能分享Android 的设计师福利到！今天要介绍一个快速生成复杂 Material 组件的Sketch 插件—— Sketch Material。在介绍每个组件的生成方式同时会给出对应组件的 Material Design官方开发设计规范链接。全文阅读时长：5分钟多图官方下载：https://websiddu.github.io/sk
转载
2024-08-12 17:13:09
169阅读
本文主要介绍如何制作 切图.9.png（点9图），另一篇姊妹篇文章
Android屏幕适配全攻略(最权威的官方适配指导)的
[使用自动拉伸位图]一节中有关于 9.png 的padding设置问题。 在Android的设计过程中，为了适配不同的手机分辨率，图片大多需要拉伸或者压缩，这样就出现了可以任意调整大小的一种图片格式“.9.png”。这种图片是用于Android开发的一种特殊的图片格
转载
2023-11-15 16:19:41
70阅读
其实25学堂分享切图的干货很多了，今天学堂君就给刚刚入门学习APP设计的小伙伴一些干粮。优秀的切图工具推荐：Cutterman想要了解更多APP切图工具Cutterman的干货，大家可以在25学堂上搜索：Cutterman就可。Cutterman是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出， 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程
转载
2024-08-11 09:46:23
129阅读
切图网（www.qietu.com）是领先的前端技术领域开发和服务商，随着手机移动平台的快速普及，webapp的市场已经非常成熟，而webapp的 手机前端开发人员非常紧缺，这就导致了这块市场的空缺，一直作为前端领域的切图品牌-切图网，推出了首个手机3g网站平台的前端开发整体解决方案。这也是 切图网在大力推出html5页面切图之后的又一个解决方案。 手机用户蕴藏着大量的用户和财富 切图
转载
2023-12-17 16:35:10
308阅读
在学习tensorflow的过程中，有很多小伙伴反映读取数据这一块很难理解。确实这一块官方的教程比较简略，网上也找不到什么合适的学习材料。今天这篇文章就以图片的形式，用最简单的语言，为大家详细解释一下tensorflow的数据读取机制，文章的最后还会给出实战代码以供参考。一、tensorflow读取机制图解 首先需要思考的一个问题是，什么是数据读取？以图像数据为例，读取数据的过程可以用下图来表示：
# Android Mask切图
在Android开发中，我们经常需要对图像进行切割，以满足不同的界面需求。而使用Mask来进行切割是一种常见的方式。本文将介绍Mask切图的概念和使用方法，并给出相关的代码示例。
## 什么是Mask切图
Mask切图是指将一个图像根据另一个图像的形状进行切割，只保留形状内的部分。这个形状图像被称为Mask，通常是一个黑白图像，黑色表示需要切割的部分，白色表
原创
2024-01-19 07:54:54
283阅读
作为一名刚接触移动端页面的孩子，总会遇到很多问题，如为什么 head 那里要加 viewport meta，为什么背景图片要用 二倍图 等等。我相信也有很多人跟你说，加 viewport 是为了让页面不缩放，让页面在手机上能1：1显示；用 二倍图 是因为 retina 屏1个像素被分为4个像素，所以模糊了，需要用大一倍的图片，让其显示正常。或许你哦了一声后也一直这么做，但是你事实上并不明白更细节的
转载
2024-09-05 16:07:15
43阅读
用户手中看到的产品界面，并非设计师呕心沥血创作的效果图，而是一个个单独的切图经由开发同学技术实现。切图作为设计师与开发者之间的桥梁，它的作用很关键，合适的切图、精准的位置可以最大限度的还原效果图的设计，精妙的切图更会有事半功倍的效果哦！我们经常会做一个俗称“点九”的切图，什么是“点九”呢？“点九”是Android平台处理图片的一种特殊的形式，由于文件的扩展名为：“.9.png”，所以被称为“点九”
转载
2023-07-03 22:03:32
181阅读
作为一枚UI设计师，当我们千辛万苦的改完最后一稿后，就要开始切图标注了，有时候你会发现一个稍微复杂的页面，切图标注就要要花费很多时间，所以今天U妹给大家带来了1款切图神器，希望从此可以解放你的双手哈~~Cutterman(最好用的切图工具)是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出， 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。 它
转载
2023-08-17 18:07:18
137阅读
随着智能手机的不断运用，移动端ui设计成为大家关注的重点。而移动ui设计中，移动ui设计切图跟手机的使用密切相关。今天就让小编为大家介绍移动ui设计切图规范有哪些要求。移动ui设计切图规范1、切图资源尺寸必须为双数众所周知智能手机的屏幕大小都是双数值，比如iphone 7的屏幕分辨率是750*1334px。切图资源尺寸必须为双数是为了保证切图资源在工程师开发时是高清显示。因为1px是智能手机能够识
转载
2023-12-21 23:45:01
105阅读
