自从iOS 7的发布,APP设计人员和APP开发人员将需要调整自己的视觉语言来匹配的iOS的新的“扁平化”的设计。除了网格系统,图标和常用元素,排版和图像学的维度已经在许多方面更新的苹果。加上2013年12月份苹果公司发布了通告。要求开发者向App Store应用店提交的所有应用程序,包括新应用和应用更新,在明年2月1日前必须针对iOS7 APP 优化。
详细阅读:2014年苹果公司将全面普及iOS7 APP和全套iOS7 GUI规范下载
在此,网站模版网(www.genban.org)决定也适应苹果公司的发展,从单纯的以价值为基础的表有关的设计元素的大小对一个简单的iOS7设计尺寸指南或是有价值的APP设计小炒报,应该可以帮助让你加快对iOS 7的应用程序设计。
1、iOS7的分辨率和显示规格尺寸大全
iOS7设计APP图标尺寸规范(应用程序图标)
其中一个在iOS的7最大的变化是新的维度和用于应用程序图标的视觉语言。苹果推出了网格系统,增加了图标的大小一般在主屏幕上,也掩盖图标具有不同的形状。
iOS7设计网格系统
苹果开发的黄金比例的网格系统,可用于大小和对齐元素对你的图标是正确的。不管怎样,网格模板得到很多批评由设计界,就像设计师(甚至苹果设计师)不继网格系统很严格。自由的感觉如果你的图标看起来更好,不考虑新的网格系统打破规则。
iOS7设计用户界面的设计规范
在iOS 7最大的变化是所有新的平的用户界面设计语言在整个操作系统使用。而几乎所有的渐变和阴影从UI元素删除,常用的设计元素的大小,在某些情况下,也改变了。
状态栏
而在状态栏的大小是一样的iOS6的,其内容的外观稍有改变。您可以控制背景颜色,以匹配您的应用程序设计的外观或使用默认颜色主题(白色和黑色)。在很多默认的iOS 7的应用程序时,状态栏在视觉上的导航栏连接没有任何分离。
导航栏
导航栏通常包括一个标题,以及基本的导航和操作按钮(如返回上一视图,创建,编辑,等等)。 在横向的导航栏的高度通常是缩水位(到32点),以允许显示更多的内容在它下面。
表跟视图
表(或列表),所使用的显示器的整个宽度,现在不是由一个容器,该容器由彼此分离的表不再包围。 不同的表视图之间的唯一的视觉分离是其中的主要应用背景纹理/颜色的顶部出现在桌子上(从以前的iOS版本未知)的头条新闻。 一个表内的数据项都以简单1px的线,它具有15PT的一个边缘到屏幕的左侧,但是直接连接与屏幕右侧的分离。 每个项目都有15PT的内部填充到两侧。
iOS7设计常用字体设计规范
Helvetica Neue字体仍是iOS的默认字体,但是普通的文本通常是现在显示在光的脸,而不是定期或粗体。应该显得更突出的文字通常会显示在介质表面(如在导航栏的标题)。当然,还是有很多可以做的,而不是Helvetica Neue字体使用替代字体的面孔。一般而言(并且可能是因为光的字体面的增加使用的)的字体大小增加为大多数设计元素。
让我们回顾iOS6APP界面设计指南|APP界面设计师必备信息图
2013年,APP界面设计已经越来越受到大家的关注和热捧!作为一个接触APP界面设计的老鸟,网站设计师们。一定得记住:用户体验设计放在首位! 信息图:移动端APP设计指南 APP界面设计指南|APP界面设计师必备信息图 扩展阅读: 苹果iphone APP界面设计尺寸官方版