轻松团队协作：将UI图存放在SVN服务器 (将ui图放在svn服务器)

在开发一个软件或产品时，UI设计是至关重要的一步。UI设计旨在提高用户体验（UX），使其更易于使用。当涉及到团队项目时，在实现UI设计时需要确保所有人都能保持一致，尽管每个人都有自己的方法和见解。为了使项目的进展顺利，需要一种稳定、可靠的存储和协作方法。解决方案之一是使用SVN服务器将UI图存储在其中。

什么是SVN服务器？

SVN全称为Subversion，是一种开源版本控制工具，类似于Git。SVN的基本概念是在一个中央仓库中存储所有代码和文件，并控制不同版本之间的变化。SVN服务器允许您创建一个单独的仓库，其中包含整个项目的代码和文件，并让您和您的团队成员进行协作和共享。

为什么要将UI图存储在SVN服务器上？

将UI图存储在SVN服务器上有许多好处。以下是一些主要原因：

1.版本控制

将UI图存储在SVN服务器上可以保持版本控制。SVN有一个版本控制系统，使团队成员可以查看UI图的历史变更记录。即使某个成员误删除一个文件，也可以找回之前的版本。这也确保了在进行开发过程中逐步添加新功能时，已经经过测试的UI图还可以轻松访问。

2.共享资源

团队成员可以轻松地共享UI图。通过SVN服务器，成员可以在一个统一的平台上查看相同版本的UI图。这有助于提高沟通和理解，特别是当一位成员必须维护UI图时，他们可以及时了解其他成员所做的更改。

3.协作

SVN服务器在团队协作上也很有用。团队成员可以同时访问相同版本的UI图，无论其物理位置在何处。这消除了采取屏幕截图方式共享UI图的必要性。同时，SVN还有文件锁定功能，这有助于在单个人员编辑UI图时避免发生矛盾。

4.备份

SVN服务器将保留UI图的每个版本，根据需要轻松恢复文件。这有助于在团队成员删除UI图或者设备遇到故障时保持重要的数据安全。

如何将UI图存储在SVN服务器上？

将UI图存储在SVN服务器需要以下几个步骤：

1.安装SVN服务器

需要安装SVN服务器，并创建一个仓库来存储UI图。需要特别注意的是，SVN服务器上的所有团队成员都需要访问相同的编码和UI图。

2.创建文件夹结构

需要为UI图创建一个标准的文件夹结构，以便所有成员都可以轻松找到所需的UI图。可以将UI图存储在一个单独的文件夹之中，以便在SVN服务器上进行版本控制。

3.添加UI图到SVN服务器

将UI图添加到新创建的文件夹中，并提交到SVN服务器上。成员可以通过SVN服务器查看和访问UI图，并进行更改。需要确保在SVN服务器上使用合适的注释，这有助于更好地跟踪UI图的变化和历史记录。

4.保持同步

需要确保所有成员都了解如何访问UI图，以及如何将UI图转移到他们的电脑上。可以使用SVN服务器上的相应客户端实现此操作。

结论

将UI图存储在SVN服务器上是非常有利的，特别是在小团队和协作环境中。它提供了一种可靠的方式，可轻松共享、备份和协作，从而有助于确保整个项目的开发过程尽可能平稳。在使用SVN服务器时，确保将UI图存储在同一仓库中，使用合适的文件夹结构，添加有意义的注释，并定期进行备份。这将有助于确保UI图始终可用并提高整个项目的产品质量。

相关问题拓展阅读：

• iOS图像处理之UI,CG和CI
• UI界面创意图标要如何设计？

iOS图像处理之UI,CG和CI

UIImage虽然可以加载、显示各种格式的位图，甚至可以同时加载图片，接下来依次播放多张图片形成动画。但UIImage不能对图片进行缩放、旋转，不能”挖取”源图片的指定区域等，这些功能可借助Quartz 2D的CGImageRef来实现。UIImage与CGImageRef之间可以相互转换，CGImageRef并不是面向对象的API，也不是类，只是一个指针类型，Quartz 2D对CGImageRef的定义为：

CGImage和CGImageRef是用来重绘图形的类，它们在应用时是按照图像的像素矩阵来绘制图片的，它们可以用来处理bitmap。

系统会维护一个CGContextRef的栈，而UIGraphicsGetCurrentContext()会取栈顶的CGContextRef，正确的做法是只在drawRect里调用UIGraphicsGetCurrentContext()，因为在drawRect之前，系统会往栈里面压入一个valid的CGContextRef，除非自己去维护一个CGContextRef，否则不应该在其他地方取CGContextRef。

UIColor是UIKit中存储颜色信息的一个重要的类，一个UIColor对象包含了颜色和透明度的值，它的颜色空间已经针对iOS进行了优化。UIColor包含了一些类方法用于创建一些最常见的颜色，如白色，黑色，红色，透明色等，这些颜色的色彩空间也不尽相同（白色和黑色是kCGColorSpaceDeviceGray，红色的色彩空间是kCGColorSpaceDeviceRGB）。UIColor有两个重要的属性：一个是CGColor，一个是CIColor(5.0之后添加)。

CGColor主要用于CoreGaphics框架之中，CGColor其实是个结构体，而我们通常在使用的CGColor的时候使用的是它的引用类型CGColorRef。CGColor主要由CGColorSapce和Color Components两个部分组成，同样的颜色组成，如果颜色空间不同的话，解析出来的结果可能会有所不同。这就像我们在处理图片数据的时候，如果把RGBA格式当成BGRA格式处理的结果可想而知。在Quartz 2D中CGColor常用来设置context的填充颜色，设置透明度等。

CIColor主要用于和Core Image框架中其他类交互，比如CIFilter，CIContext以及CIImage。CIColor中颜色值的范围是0.0-1.0之间，0.0代表该颜色分量为最小值，1.0代棚团表改颜色分量为更大值。其中alpha值的范围也是0.0到1.0之间，0.0代表全透明，1.0代表完全不透明，CIColor的颜色分量通常都是没有乘以alpha值。可以使用initWithCGColor:函数，通过CGColor创建一个CIColor。其中传入的CGColorRef对象可以使任何任何颜色空间链高橘，但是Core Image框架会在传入filter kernel之前把所有的颜色空间转换到Core Image工作颜色空间。Core Image工作颜色空间使用三个颜色分量加上一个alpha分量组成(其实就是kCGColorSpaceDeviceRGB)。

UIColor的CGColor总是有效的，不管它是通过CGColor，CIColor，还是其他方法创建的，CGColor属性都总是有效的；但是CIColor属性就不总是有效的，只有当UIColor是通过CIColor创建的时候，它才是有效的，否则访问该属性将会抛出异常。

当UIColor使用CGColor初始化的时候，所有CGColorRef包含的信息，都会被原封不动的保留，其中就包括Color space，而且通过下面的小例子我们还可以看到如果使用CGColor初始化UIColor的时候，UIColor其实是直接保留了一份这个CGColorRef对象。

当使用CIColor来初始化一个UIColor的时候，再去访问UIColor的CGColor属性的时候，我们会发现

CGColor的color Space和设置CIColor的color space的是不完全一样的

，在这个过程念铅中CIColor会为我们做一个转换。使用kCGColorSpaceDeviceGray，kCGColorSpaceDeviceRGB，kCGColorSpaceDeviceCMYK三种颜色空间来初始化一个CIColor的时候，再去使用该CIColor去初始化一个UIColor，然后在去访问其CIColor属，CGColor属性，查看颜色空间并打印颜色信息。

通过运行程序，我们看出来，如果使用一个kCGColorSpaceDeviceGray的颜色空间的CGColor来初始化CIColor的时候，我们可以看到CIColor的色彩空间一直是kCGColorSpaceDeviceGray，通过访问UIColor的CIColor属性，我们可以看到其颜色空间仍然是kCGColorSpaceDeviceGray，但是当访问UIColor的CGColor属性的时候，通过打印可以发现其色彩空间已经转变成了kCGColorSpaceDeviceRGB空间了，而颜色值也正确的从原来的颜色空间转换到了新的颜色空间。

整个过程中CIColor，以及通过UIColor的CGColor和CIColor属性访问到的值，打印出来我们可以发现它们都是kCGColorSpaceDeviceRGB空间的。

当我们用一个CMYK颜色空间的CGColor来初始化CIColor的时候，CIColor的颜色空间依然是CMYK，但是颜色值已经转换成RGB的颜色值。当使用该CIColor创建一个UIColor的时候，我们再通过CIColor和CGColor属性打印信息的时候，我们会发现CIColor的色彩空间依然是CMYK，但是CGColor打印所得到的信息说明它已经被转换成RGB空间了。

关于创建一个CGColor

最常用的函数是CGColorCreate，该函数有两个参数：

该函数该返回一个新创建的CGColorRef，当我们不再使用该对象的时候使用CGColorRelease函数释放该对象。

获取CGColor的数据

在我们创建的时候传入两个重要的参数进去，当我们获取到了CGColorRef以后当然就可以拿到对应的ColorSpace以及Components。

之一个函数是获得CGColorRef的中包含的颜色组成部分的个数，第二个函数就是获取实际的颜色组成部分的数组。

判断两个颜色是否相等

不管UIColor使用CIColor，CGColor还是其他方式初始化的，其CGColor属性都是可用的。CoreGraphics中提供一个方法可以判断两个CGColor是否相等，因此我们可以通过判断两个UIColor是否相等。

例子中之一部分是判断两个白色的UIColor是否相等，虽然都是白色，但是颜色空间是不一样的。例子的第二部分简单的创建了两个RGB空间的UIColor，运行程序可以看出，这两种颜色是相同的。

UI界面创意图标要如何设计？

题中所指的创银握意图标是icon么？我的理解是页面中的icon，不知理解是否正确。

在icon设计上最重要的是功能理解，之后将功能转化为图形化的内容，icon要有较高的辨识度，方便用户在看到icon时就可快速理解该功能是用来做什么的。比如“银行卡”的icon，一般都会画一张卡片来表示。

就视觉风格而言，现阶段应用禅缺的App中，icon的表达类型可以分为下图几种：

1、扁平化面状icon；

2、2.5D立体型icon；

3、线性icon。

当然还有其他风格的icon，但基本是在这3种情况下延展而来的。

就icon而言，最重要的是要符合页面风格，也就是说，所有的icon风格都需要统一（支付宝的icon我记得以前应该是扁平化面状icon，但目前貌似有部分改动，应该还在迭代中，所以目前风格不是很统一）锋袭庆。

最后推荐一个网站：

iconfont（百度搜索阿里图库就可以找到，logo是一个小骷髅），里面有很多icon，微博账号可直接登录，可以下载svg格式的文件。

关于将ui图放在svn服务器的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。