iOS设计新手指导

http://www.cocoachina.com/newbie/basic/2013/1225/7607.html

由于有些开发者既做开发又做设计，我发现很多设计者们都对UI过渡，或是在iPhone以及iPad设计上的细节不同感到苦恼。在这个新手指导中，我会帮助你理清这些细节问题，介绍iOS和UI设计的概念。

 

---

 

界面

作为一个好的设计师，了解你的界面以及它的细节非常重要。我相信你已经见过不少像素低的图片被过大的界面拉大的恐怖景象。同样的，如果你对屏幕上像素的角色有所误解的话，那么，你的设计就会出现模糊，压扁，满是马赛克格子的情况。

 

iOS设备主要有两种形式：iPhone以及iPad。不过由于iPhone 5，iPad mini以及Retina屏的存在，情况有些复杂。最重要的不同在于设备是否是Retina屏。Retina屏的清晰度很高，好的设计在它上面会看上去更好。但是不幸的是如果设计上存在缺陷的话也会变的更明显。

 

Retina屏幕

最新的iPhone和iPad设备都使用了Retina屏幕，超高分辨率屏幕让人眼无法分辨出像素。Retina显示屏的像素密度高，比非Retina显示屏的像素数量多了4倍。这种高分辨率的显示让文字变得更加清晰，可以显示更清晰的细节。为Retina显示屏设计比较复杂，所以这一块非常重要。

 

 

Pixels

一个像素是屏幕上最小的计算单位。它代表了显示上的一个极小的方块。如果你一直放大屏幕，你就可以看到它们，以及块于块之间的间隔。

 

绝对没有宽度低于1px的线，0.4像素的直线是不存在的。

 

Points

我们使用Points（pt）作为一个绝对的测量尺寸，1 Point可以代表多个像素。比如以point来测量，iPad的分辨率都是一样的，iPhone以point来测量宽度也都是一样的。（编注：像素是相对大小，而point是绝对大小。）

 

你需要使用Point来思考设计，而不是使用像素。但是有一点很重要，每个Point可以由很多像素组成，所以这里会有一些多出的细节问题。

 

现在来看看这些设备的分辨率吧。你可以看到iPhone 3GS和iPhone 4像素分辨率上有很大的变化，但涉及到元素尺寸，它们是没有变化的。使用Point来思考设计在考虑物理尺寸（比如说手指的大小）和屏幕上的元素（比如说一个按钮）之间的互动的时候非常有用。