Supporting Multiple Screens
首先和最后，还是先看好官方文档：http://developer.android.com/guide/practices/screens_support.html对应的翻译blog有牛人做了：Android屏幕适配全攻略(最权威的官方适配指导) android屏幕适配详解 屏幕级
转载
2024-08-07 10:02:54
36阅读
随着智能手机的不断运用，移动端ui设计成为大家关注的重点。而移动ui设计中，移动ui设计切图跟手机的使用密切相关。今天就让小编为大家介绍移动ui设计切图规范有哪些要求。移动ui设计切图规范1、切图资源尺寸必须为双数众所周知智能手机的屏幕大小都是双数值，比如iphone 7的屏幕分辨率是750*1334px。切图资源尺寸必须为双数是为了保证切图资源在工程师开发时是高清显示。因为1px是智能手机能够识
转载
2023-12-21 23:45:01
105阅读
# 如何实现Android IDPI尺寸切图
在Android开发中，为了适应不同设备的屏幕尺寸，我们需要为应用设计多种尺寸的资源图像。IDPI（240 dpi）的图像是中等密度屏幕的标准，这篇文章将教你如何为Android应用进行IDPI尺寸切图。
## 整体流程
下面是实现IDPI尺寸切图的步骤：
| 步骤 | 描述 |
|--
原创
2024-10-05 05:27:39
15阅读
关于APP标注的知识和文章，网上有大把大把的！而且，老谭继续跟大家总结一下iOS的界面标注和Android界面标注的区别和相应的规范。也是回答某一些童鞋的想要知道iOS端和android的标注有什么区别。到底需要我们标注哪些内容呢？所有的APP界面标注总结起来就是：标文字，标图片，标间距，标区域；1、iOS端的界面标注规范：需要注意的：A：我们标注的尺寸是像素px，如果技术那边的实际运用到技术中的
转载
2023-08-09 16:09:38
179阅读
这是就不“100天挑战”的第35篇
交互体验设计师(UED)是为了解决问题而衍生出的职业，这句话在工作中的体会尤为明显。当一个流程业务层面是通顺的，但是使用起来特别奇怪或者展示非常不合理的时候，我们的开发首先想到的是找UED去合理化这个页面的布局，优化体验。
所以用户体验设计是解决问题的，而不是任凭自己想要什么样风格就去做什么。也就会有很多国民级应用不是最好看的，但确实是很好用的
目前很多手机app设计师都在使用Cutterman工具进行切图，因为这个软件是国内的软件，切图也必将方便。也提供了3个平台的切图方式。最新的Cutterman切图插件如下图：IOS: 如果你是为Iphone设计界面，请使用ios标签，它能够为你生成符合ios系统的单/双倍图Android: 如果你是为Android设计界面，请使用Android标签，它能够生成符合Android
转载
2023-08-26 01:24:56
240阅读
在设计APP界面的时候，到底要出几套图？
IOS系统的设计界面尺寸基于：750px*1334px，而Andriod系统是基于：720px*1280px，那为什么往往我们在实际应用中只做IOS的界面，程序就可以实现两种系统的适配呢？
对比之下，原来他们有一个共同的参数：750 程序就是通过这个共同的参数进行相应的换算从而完美适配两种系统。
在这里为
转载
2023-06-30 20:56:53
119阅读
今天在APPUI设计群里 ，不少朋友在问 android APPUI设计、切图的常用尺寸到底是多少？很不清楚，所以老谭在此跟大家分享下。 Android 系统就被设计为一个可以在多种不同分辨率的设备上运行的操作系统。对于应用程序来说，系统平台向它们提供的是一个稳定的，跨平台的运行环境，而关于如何将程序以正确的方式显示到它所运行的平台上所需要的大部分技术细节，都由系统本身进行
转载
2023-08-02 15:57:10
55阅读
1.Android：1)Android的单位是dp2)分为ldpi/mdpi/hdpi/xhdpi/xxhdpi。3)分辨率对应DPIldpi QVGA (240×320)mdpi HVGA (320×480)hdpi WVGA (480×800),FWVGA (480×854)xhdpi 720P(1280*720)xxhdpi 1080p(192
转载
2023-08-29 07:51:57
84阅读
前言作为一个移动端开发者,切图方面的知识我们还是需要了解滴.虽然不了解这方面的知识 也可以对照设计给的标注图而写出界面,但是要做好适配,或者在设计给的图标注不清楚的情况下也能写好美观界面,我们必须了解标注图相关的姿势.当然网络上有很多相关的博客 例如:一款APP，从设计稿到切图 ,Android开发：最全面、最易懂的Android屏幕适配解决方案支持多种屏幕谷歌官方android版本 谷歌官方一.
转载
2023-11-22 20:39:56
52阅读
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阅读
一个ios的应用，我们把它从iTunes里面拖出来是一个ipa包，其实就是一个压缩包，可以手动将后缀名改为.zip， 解压出来就可以看到应用里面的资源文件，图片等，但是直接打开图片会发现是空白一片，不能预览。这是因为xcode在编译打包的时候会对资源文件中的png图片进行一些优化，所以解压出来的不能直接用。
xcode对图片进行优化是使用一个工具pngcr
转载
2023-08-26 23:29:21
75阅读
最小的分辨率是320x480，我们把这个尺寸定为基准界面尺寸（baseline），基准尺寸所用的图标定为1倍图（1x）。 在 实际设计过程中，为了降低设计成本，一般拿设备最高的分辨率作为设计稿的原始尺寸，拿iPhone来说就是iphone5或5s的640x1136啦，当 然也可以用iPhone4或4s的640x960，因为宽度都是640px，他们切图的标准是一样的。显然，以1倍图的基准尺
转载
2023-09-24 15:57:54
85阅读
设计稿切图，在很多人看来这是一件非常费时费力且单调枯燥的事情。但不可否认的是，切图的规范与否。不仅关系到开发成本，也会直接决定是否可以最大限度的还原设计稿。因此，切图这个环节是非常重要的，是绝对不可以被忽视的。什么是切图切图：顾名思义就是将我们设计稿上的内容，按照一定的规范把页面上的元素进行裁切、输出。以便于开发人员能够将我们的页面进行动态组合。如下如所示：通过上图我们能看出来，并不是我们所绘制的
转载
2023-07-05 14:04:40
162阅读
相信有相当一部分的设计同行在工作中碰到各种各样切图尺寸大小的问题，针对Sketch如何快速切图这个问题，今天小编特意出了一篇有关sketch切图尺寸教程的文章，学会了包你三分钟之内掌握设置切图方案的技巧，然后更安心的把剩余时间花在你的设计工作上。小伙伴们的设计稿尺寸因为项目要求和开发人员协商等因素导致不同，一般的设计稿尺寸苹果IOS的有375*667 750*1334320*568 640*113
转载
2023-07-10 11:14:49
112阅读
1.android怎样做适配 第一图片资源的适配 一般图片资源文件下包含下列五个图片资源文件夹drawable-xxhdpi,drawable-xhdpi,drawable-hdpi,drawable-mdpi,drawable-ldpi drawable-xxhdpi,drawable-xhdpi,一般作为pad的图片资源，但也有例外小米4手机的分辨率较高应该用的就是drawable-xhdpi
转载
2024-04-22 22:18:10
12阅读
http://kevincao.com/2011/08/prepare-png-for-iphone-app/ 为了支持iPhone 4的视网膜屏，我们开发App时要准备两套大小的图片资源。一般情况下，设计师就只做好高分辨率的Layout，我们在切图的时候多存一个缩小的版本。切图的工作本来就繁琐，现在居然还增加了一倍工作量，实在难以忍受。所以今天我们就来探讨一下利用工具提高效率的做法。 说明：有一
转载
2023-10-02 10:51:26
118阅读
依据不同的资源位置切不同的图
转载
2017-06-27 11:39:00
235阅读
2评论
一直在想，APP有IOS和Android的区别，而这两者有根据手机屏幕的大小需要不同的尺寸规范，那么多的尺寸，一个个的去切图，可能我会累死吧，想想我在UI的路上还没走多远，可不能放弃，于是找了很多资料，也去问了一些大神，经过整理后知道了他们是如何进行轻松切图的。下面就将我整理的东西分享出来：一、哪些元素需要切出来完美的设计图终于出来了，但是设计图上面丰富的元素，究竟有哪些需要我们切图出来呢？
设
还在寻找自动标注切图的skrtch插件吗？今日小编推荐的蓝湖sketch插件Mac中文版是一款自动切图sketch插件，支持共享 Symbol、同步 Sketch Prototyping 及共享、自动标注与多倍切图、设计图在线评论、设计图历史版本管理、快速制作原型等功能于一身， 在Sketch插件栏中即可找到！ 蓝湖sketch插件 mac破解版功能介绍简单好
