一个ios的应用，我们把它从iTunes里面拖出来是一个ipa包，其实就是一个压缩包，可以手动将后缀名改为.zip， 解压出来就可以看到应用里面的资源文件，图片等，但是直接打开图片会发现是空白一片，不能预览。这是因为xcode在编译打包的时候会对资源文件中的png图片进行一些优化，所以解压出来的不能直接用。
xcode对图片进行优化是使用一个工具pngcr
转载
2023-08-26 23:29:21
75阅读
随着智能手机的不断运用，移动端ui设计成为大家关注的重点。而移动ui设计中，移动ui设计切图跟手机的使用密切相关。今天就让小编为大家介绍移动ui设计切图规范有哪些要求。移动ui设计切图规范1、切图资源尺寸必须为双数众所周知智能手机的屏幕大小都是双数值，比如iphone 7的屏幕分辨率是750*1334px。切图资源尺寸必须为双数是为了保证切图资源在工程师开发时是高清显示。因为1px是智能手机能够识
转载
2023-12-21 23:45:01
105阅读
http://kevincao.com/2011/08/prepare-png-for-iphone-app/ 为了支持iPhone 4的视网膜屏，我们开发App时要准备两套大小的图片资源。一般情况下，设计师就只做好高分辨率的Layout，我们在切图的时候多存一个缩小的版本。切图的工作本来就繁琐，现在居然还增加了一倍工作量，实在难以忍受。所以今天我们就来探讨一下利用工具提高效率的做法。 说明：有一
转载
2023-10-02 10:51:26
118阅读
一直在想，APP有IOS和Android的区别，而这两者有根据手机屏幕的大小需要不同的尺寸规范，那么多的尺寸，一个个的去切图，可能我会累死吧，想想我在UI的路上还没走多远，可不能放弃，于是找了很多资料，也去问了一些大神，经过整理后知道了他们是如何进行轻松切图的。下面就将我整理的东西分享出来：一、哪些元素需要切出来完美的设计图终于出来了，但是设计图上面丰富的元素，究竟有哪些需要我们切图出来呢？
设
Supporting Multiple Screens
首先和最后，还是先看好官方文档：http://developer.android.com/guide/practices/screens_support.html对应的翻译blog有牛人做了：Android屏幕适配全攻略(最权威的官方适配指导) android屏幕适配详解 屏幕级
转载
2024-08-07 10:02:54
36阅读
关于APP标注的知识和文章，网上有大把大把的！而且，老谭继续跟大家总结一下iOS的界面标注和Android界面标注的区别和相应的规范。也是回答某一些童鞋的想要知道iOS端和android的标注有什么区别。到底需要我们标注哪些内容呢？所有的APP界面标注总结起来就是：标文字，标图片，标间距，标区域；1、iOS端的界面标注规范：需要注意的：A：我们标注的尺寸是像素px，如果技术那边的实际运用到技术中的
转载
2023-08-09 16:09:38
175阅读
# 如何实现Android IDPI尺寸切图
在Android开发中，为了适应不同设备的屏幕尺寸，我们需要为应用设计多种尺寸的资源图像。IDPI（240 dpi）的图像是中等密度屏幕的标准，这篇文章将教你如何为Android应用进行IDPI尺寸切图。
## 整体流程
下面是实现IDPI尺寸切图的步骤：
| 步骤 | 描述 |
|--
原创
2024-10-05 05:27:39
15阅读
这是就不“100天挑战”的第35篇
交互体验设计师(UED)是为了解决问题而衍生出的职业，这句话在工作中的体会尤为明显。当一个流程业务层面是通顺的，但是使用起来特别奇怪或者展示非常不合理的时候，我们的开发首先想到的是找UED去合理化这个页面的布局，优化体验。
所以用户体验设计是解决问题的，而不是任凭自己想要什么样风格就去做什么。也就会有很多国民级应用不是最好看的，但确实是很好用的
关于切图命名的规范，我个人觉得关键是在于团队能够有一个统一的规则，所有成员严格遵守并且和所有开发全盘拉通，不然一切都是空谈。不同的团队使用的软件都不一样，如果经常使用sketch软件中Symbols 的同学，可能在命名的时候会考虑更多内容，但是照顾到还有很多同学在使用PS 作图，所以这里只介绍一种通用的命名规则，当然大家也可以根据自己的实际情况去制定，这里只提供一种方法与思路，仅供参考。一、为什么
转载
2024-01-16 06:23:28
94阅读
目前很多手机app设计师都在使用Cutterman工具进行切图，因为这个软件是国内的软件，切图也必将方便。也提供了3个平台的切图方式。最新的Cutterman切图插件如下图：IOS: 如果你是为Iphone设计界面，请使用ios标签，它能够为你生成符合ios系统的单/双倍图Android: 如果你是为Android设计界面，请使用Android标签，它能够生成符合Android
转载
2023-08-26 01:24:56
240阅读
这篇文章站在GUI设计师的角度概述了APP从项目启动到切片输出的过程，相当于工作流程的介绍。这里写的不是一种规范，只是一种工作方法，加上技术的更新是非常快的，大家在具体工作中，一定要灵活运用。这里我们只说IOS系统下的设计，至于Android，因为尺寸太多，涉及的东西比较乱。1Part 1 项目立项文件结构项目名称v1.0 -> 01_源文件psd 02_效果图jpg 0
转载
2024-05-27 23:22:35
64阅读
设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。设计切图的原则设计切图输出的目的是跟下游的工程师团队协同工作，那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求。其次切图输出应该尽可能的降低工程师的开发工作量，避免因切图输出而导致的不必要的工作量。最后输出的切图应当尽可能的压缩大小，以降低APP的总大小，提升用
转载
2023-11-23 09:51:56
167阅读
兔课网——初学UI设计如何快速的学会切图？设计切图的原则：设计切图输出的目的是跟下游的工程师团队协同工作，那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求。其次切图输出应该尽可能的降低工程师的开发工作量，避免因切图输出而导致的不必要的工作量。最后输出的切图应当尽可能的压缩大小，以降低APP的总大小，提升用户使用时的加载速度。所以切图输出应当做到切图精准、便与协同和
自从iPhone 6/6+出现后，iOS版上的APP界面设计尺寸又发生了翻天覆地的变化。让ios一下子跟安卓看齐了。进入了移动“杂屏”时代。 之前我们知道的，在移动app开发设计中，需要解决多种设备尺寸适配问题，过去只属于Android阵营的头疼事儿，只是很多设计师选择性地忽视android适配问题，只出一套iOS平台设计稿。 如今随着苹果发布两种新尺寸的大屏iPhone 6，iOS平台尺寸适配
转载
2023-12-04 14:52:54
153阅读
# iOS 切图
在开发iOS应用程序时，切图是一项非常重要的工作。切图是指将UI设计师提供的设计稿中的各种界面元素（如按钮、图标、背景等）切割成适合在iOS应用程序中使用的图片资源。正确地切图可以保证应用程序的界面效果更加精美和统一，提升用户体验。
## 切图的步骤
1. **获取设计稿**：首先，从UI设计师那里获取设计稿。设计稿通常以PSD、Sketch等格式提供，包括各种界面元素的尺
原创
2024-03-16 04:38:23
100阅读
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
535阅读
UI基础教程 – 原生App切图的那些事儿 移动APP切图是UI设计必须学会的一项技能，切图虽然简单，但还是有很多地方需要注意的，下面由tgideas的 LV主唱大人 跟大家讲讲原生App切图的那些事儿，对UI入门或需了解APP切图的设计师来说会有帮助哦。 如何切图？了解iphone界面的尺寸最小的分辨率是320×480，我们把这个尺寸定为基准界面尺寸（baseline），基准尺寸
转载
2023-10-14 22:19:24
165阅读
依据不同的资源位置切不同的图
转载
2017-06-27 11:39:00
235阅读
2评论
1、选择一种尺寸作为设计和开发基准定义一套适配规则，自动适配剩下两种尺寸特殊适配效果给出设计效果iphone5/5s/6/6plus的长宽比均为9:16
750/1080≈1334/1920≈0.68≈2/3
750x1.5=1125 1134x1.5=2001iphone6p有两种显示模式，标准模式分辨率为1242x2208，放大模式分辨率为1125x2001(iphone6的
转载
2023-12-23 14:20:14
165阅读
网络上已经有很多适配教程，可是看了半天总是半懂不懂。。最后还是要综合多个教程再动动脑子动动手，最好有程序大哥帮你试一下（这得有多大的福气） 如果有跟我一样情况的：1. 有人说用sketch自动导出多套尺寸切图和SVG矢量格式，表示没钱买MAC2. 有人说用切图神器cutman，表示用CC以上版本PS不支持
转载
2023-09-13 12:49:37
102阅读
