网络上已经有很多适配教程，可是看了半天总是半懂不懂。。最后还是要综合多个教程再动动脑子动动手，最好有程序大哥帮你试一下（这得有多大的福气） 如果有跟我一样情况的：1. 有人说用sketch自动导出多套尺寸切图和SVG矢量格式，表示没钱买MAC2. 有人说用切图神器cutman，表示用CC以上版本PS不支持
转载
2023-09-13 12:49:37
102阅读
关于切图命名的规范，我个人觉得关键是在于团队能够有一个统一的规则，所有成员严格遵守并且和所有开发全盘拉通，不然一切都是空谈。不同的团队使用的软件都不一样，如果经常使用sketch软件中Symbols 的同学，可能在命名的时候会考虑更多内容，但是照顾到还有很多同学在使用PS 作图，所以这里只介绍一种通用的命名规则，当然大家也可以根据自己的实际情况去制定，这里只提供一种方法与思路，仅供参考。一、为什么
转载
2024-01-16 06:23:28
94阅读
切图是开发无法使用代码直接实现的元素，是UI设计师的重要产出成果和交付物。切图看似简单，实则也有超级多的专业细节需要了解，以及各种方法来提高切图效率。本文将全面介绍UI设计怎么切图所需要的所有知识。本文大纲：UI设计切图是什么？切图是前端还是美工？UI设计切图规范UI设计如何切图给开发？有哪些切图软件可以切图？界面中哪些元素需要切图？UI设计切图是什么？切图是UI设计中的一个重要步骤，通过将开发不
这篇文章站在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的总大小，提升用户使用时的加载速度。所以切图输出应当做到切图精准、便与协同和
# iOS 切图
在开发iOS应用程序时，切图是一项非常重要的工作。切图是指将UI设计师提供的设计稿中的各种界面元素（如按钮、图标、背景等）切割成适合在iOS应用程序中使用的图片资源。正确地切图可以保证应用程序的界面效果更加精美和统一，提升用户体验。
## 切图的步骤
1. **获取设计稿**：首先，从UI设计师那里获取设计稿。设计稿通常以PSD、Sketch等格式提供，包括各种界面元素的尺
原创
2024-03-16 04:38:23
100阅读
自从iPhone 6/6+出现后，iOS版上的APP界面设计尺寸又发生了翻天覆地的变化。让ios一下子跟安卓看齐了。进入了移动“杂屏”时代。 之前我们知道的，在移动app开发设计中，需要解决多种设备尺寸适配问题，过去只属于Android阵营的头疼事儿，只是很多设计师选择性地忽视android适配问题，只出一套iOS平台设计稿。 如今随着苹果发布两种新尺寸的大屏iPhone 6，iOS平台尺寸适配
转载
2023-12-04 14:52:54
153阅读
在iOS开发的过程中，切图工具的使用显得尤为重要。切图工具不仅影响设计师的工作效率，也直接关系到开发者实现 UI 细节的准确性。下面将对这一主题进行详细阐述，涉及切图工具的背景、抓包方法、报文结构、交互过程以及相关协议对比等内容。
### 协议背景
早在2010年，苹果公司推出了iOS 4，标志着移动应用开发的新时代。在此背景下，切图环节逐渐成为设计和开发过程的重要组成部分。随着iOS UI设
一直在想，APP有IOS和Android的区别，而这两者有根据手机屏幕的大小需要不同的尺寸规范，那么多的尺寸，一个个的去切图，可能我会累死吧，想想我在UI的路上还没走多远，可不能放弃，于是找了很多资料，也去问了一些大神，经过整理后知道了他们是如何进行轻松切图的。下面就将我整理的东西分享出来：一、哪些元素需要切出来完美的设计图终于出来了，但是设计图上面丰富的元素，究竟有哪些需要我们切图出来呢？
设
Swift学习记录（Xcode12+SwiftUI）IOS简单登陆页面demo=第一次在CSDN发布文章，想到一年前自己学习ios开发时踩的各种坑，国内博客各种不完整，国外博客视频无奈英语水平低，遇到的问题不是很能理解，所以就想着趁着公司开发APP的机会，就写一个页面拿来写博客，也可以当作自己的一个学习记录吧。开发环境介绍开发环境的话是iMac（Retina 4K，2017）+ MacOS Big
转载
2024-09-14 08:36:54
53阅读
UI基础教程 – 原生App切图的那些事儿 移动APP切图是UI设计必须学会的一项技能，切图虽然简单，但还是有很多地方需要注意的，下面由tgideas的 LV主唱大人 跟大家讲讲原生App切图的那些事儿，对UI入门或需了解APP切图的设计师来说会有帮助哦。 如何切图？了解iphone界面的尺寸最小的分辨率是320×480，我们把这个尺寸定为基准界面尺寸（baseline），基准尺寸
转载
2023-10-14 22:19:24
165阅读
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阅读
在做ios版本设计的时候，尺寸有3种，分别是：320*480、640*960、640*1136；这时我们要以一种尺寸为基准，那这个基准尺寸是640px*960px，设计图完成之后就开始切图了，我拿我之前设计的一张图为例子讲解下： 当看到上边这张设计图的时候，我们首先分析下应该给技术切哪些图（为了避免以后少改动，建议切图之前最好和技术先沟通下，怎么切）；1、底部栏目的icon和背景：&nb
什么是点9图？.9图也就是.9.png；其实就是png图片 这是安卓开发里面的一种特殊的图片 早期的设计风格都比较写实，在处理一些按钮或可拉伸图标以及气泡对话框和主题设计的时候png图片在拉伸后边角就会出现失真模糊的情况；安卓开发中便出现了.9图这种处理方式；我们可以知道.9.png其实就是png图片处理的啦；和png不同的区别在于.9可以拉伸那么做完png如何去切呢？有两种方式1、将png图
从2011年开始接触APP，到现在为止也做了几个了，发现了一个共同点就是和每一个技术搭档切图的时候，会遇到不同的问题，因为技术的水平高低有限，所以他们要求你给切图的时候也会不一样，针对切图后来我总结了一套规律分享给大家，希望互相学习~一.android版在做android版本设计的时候，尺寸有很多种，这时我们要以一种尺寸为基准，那这个基准尺寸是480px*800px，设计图完成之后就开始切图了，我
转载
2023-09-26 07:49:05
164阅读
在目前主流的界面设计切图工具中，ui设计师们都比较喜欢使用Cutterman工具进行切图，因为这款切图工具是国内研制的，一方面体现中国设计师的爱国，另一方面，这款切图工具自身的功能使用起来非常方便，并且有个平台的切图方式。新版cutterman的插件新功能如下： IOS: 如果你是为Iphone界面设计，请使用ios标签，它能够为你生成符合ios系统的单/双倍图Android
转载
2024-02-19 13:02:50
111阅读
关于iOS App的切图 HOME ABOUT GUESTBOOK CATEGORIES TAGS LINKS SUBSCRIBE 图形用户界面中的图形有两种实现方式，一种是用代码画出来，比如Quartz 2D技术，狠一点有OpenGL ES，另一种则是使用图片。 代码画的方式比较耗费程序员脑力,CPU或GPU; 图片则耗费磁盘空间,会增加app的体积.一般的app我
转载
2024-07-30 12:44:42
81阅读
一、前言
切图作为美工出图的最后一步，向来都是令人头疼的工作，其工作内容繁琐枯燥，但又必不可少。同时，作为IOS开发者，我们往往需要为程序准备两 套图片资源，以应对低清屏和Retina屏的不同需求，随之而来的是切图工作量的成倍增加。今天为大家推荐一款Mac下的切图小工具——Slicy，以上 烦恼皆可得到妥善的解决。
软件特性：
转载
2024-01-11 13:08:29
63阅读
关于iPhone6/6+适配问题一直有争议，今天小编专门为大家整理了相关的有效方案，希望对大伙儿有帮助！ 移动app开发中多种设备尺寸适配问题，过去只属于Android阵营的头疼事儿，只是很多设计师选择性地忽视android适配问题，只出一套iOS平台设计稿。随着苹果发布两种新尺寸的大屏iPhone 6，iOS平台尺寸适配问题终于还是来了，移动设计全面进入“杂屏”时代。看看下
转载
2023-07-24 14:22:01
71阅读
