iOS 7设计元素清单

分辨率和显示规格





App Icons
iOS 7最大的变化之一就是app icon使用了新的尺寸。苹果引进了网格系统，增加了在home屏幕上的icon大小，同时icon的形状也有改变。




圆角
之前的圆角现在已经被取代了。这种新的图形被Michael Flarup称作超级椭圆。由于苹果没有发布官方的模板，所以我们只得采用非官方模板，这些模板都多多少少复制了新icon的形状。我找到的最接近的版本是App Icon Temlate（下载：http://appicontemplate.com/）。




网格系统
苹果开发了一个具有黄金比例的网格系统，它可以帮助设计icon。但是，很多设计论坛 都被网格系统进行了批评，而且，看起来设计师们（甚至是苹果的设计师）都没有非常严格的遵循网格系统，所以，如果你的icon看起来更好的话，可以不要管网格系统了。



UI
iOS 7最大的变化当然是新的扁平化设计了。所有的阴影和坡度都没有了，同时设计元素的尺寸也有些许变化。



状态栏
状态栏的尺寸和iOS 6一样，但是外观还是有了些变化。你可以控制它的背景颜色来适配app的UI，或者可以使用默认的颜色主题（白色或黑色）。在很多默认的iOS 7app中，状态栏的外观可以和导航栏是紧密联系的。






导航栏
导航栏有一些标题文字，还有一些导航按钮。在水平模式下，导航栏的高度会缩小一些（到32pt），通过这样的方式来显示更多的内容。




Table Views
Table View现在是满屏显示了，不在用一些UI元素来分离表单。不同Table View分离的方式现在只有在table顶部显示的标题，用背景色的纹理和颜色区分。表单内的元素是有只有1px的线条分离开来，左边到屏幕的编辑是有15pt，内边距是15pt。




Icon的使用
尽管传统的填充了颜色的icon在iOS 7中也有广泛的使用，苹果还使用了很多只有轮廓，且厚度只有1pt，没有填充颜色的icon。现在正在使用的icon会有颜色，其他没有打开的app icon就只有轮廓。打开的app icon使用纯色填充，同时有些笔触会消失，有些笔触则会出现。








字体设计
Helvetica Neue仍然是iOS的默认字体，但是通常字体粗细都是使用细字体，而不是现在的常规或者加粗。而应该突出的文本是采用中等字体（例如导航栏的title）。当然，除了Helvetica Neue，还有很多种字体可以选择。你可以在这查看所有字体（http://iosfonts.com/）。整体来说，现在设计的字体有所增加。按钮现在就是彩色的字体显示。现在按钮不在有形状了。

 

转载：http://www.cocoachina.com/bbs/read.php?tid=152124