全新apple ios设计规范指南.pdfVIP

2016年全新A pple iOS设计规范指南 ！ 　　iOS推出很多年 ，已经升 到iOS9 ！现在Apple还推出了一款全新的字体苹方 （san francisco ），3D Touch和iPad 分屏多任务。在Xcode中 ，你会发现堆栈视图(Stack Views) ，它会让您的工作更轻松。Apple比以往任何时候都更多建 议使用 自适应布局 ，从而使您的设计成果轻松跨多设备。 自适应布局和多任务 　　随着越来越多设备的推出 ，要处理各种版本的分辨率 ，让工作变的越繁琐 ，因此适应布局出现至关重要。现在使用 Sketch或Xcode之类的工具 ，可以让你的设计变的更灵活。 　　下面动态图是演示iPhone如何适应iPad Pro的布局变化。可以发现是用户界面功能扩展 ，而不是单纯比例放大。比 如在对于较大的屏幕iPad和iPhone6 Plus ，在横向模式中 ，左边导航将显示 ，而不是选项卡栏。 苹方字体San Francisco 　　随着iOS9和酋长石 （El Capitan ）系统的发布 ，默认字体改为苹方 ，这是 由Apple公司开发的。我建议您观看视频 ， 了解它是如何影响iOS的设计。 苹方字体Tracking 　　iOS会 自动调整的苹方字体大小tracking值 ，这确保了字体容易阅读。在20pt以上 ，苹方用户界面正常显示 ，否则使 用苹方UI文本。虽然这些tracking值只能在 Photoshop中得到应用 ，但这里有Sketch的转换公式。 　　使用Sketch插件可以快速调整字符间距值。 　　 http:// /s/ 1dF0lctF 3D Touch 　　在iOS9中有一个重要的新功能是3D Touch ，人们可以快速访问您的应用程序的内部和外部的选项。 P 和Px 　　第一次推出iPhone时 ，这两个单位都是一样 ：1pt等于1px。然后当视网膜屏到来 ，1pt成为2px。因此现在正确算法 是iPhone4,5,6=@2x, iPhone6Plus=@3x。 iPhone分辨率 　　iPhone有4个主要的分辨率 ：320x480pt （4 ）、320x568pt （5 ）、375x667pt （6 ）、414x736pt （6P ）布局不是 整体缩放 ，而是扩大的基础上的分辨率。例如 ，导航栏只调整宽度 ，但保持相同的高度。它里面的元素保持不变。 　　iPhone6Plus的横向模式是唯一像iPad的iPhone。换句话说 ，左导航将会出现 ，更换标签栏的布局。 iPad分辨率 　　而iPad有两个主要分辨率 ：768×1024pt （iPad ），1024 ×1366pt （iPad Pro ） 　　iPad 2的新功能 ：Slide Over、Split View。 ，Slide Over可以从侧边调用出另外一个应用 ，同时在屏幕上展示。 　　Split View ：一个屏幕 ，做两件事 ！你终于可以在一个屏幕上同时打开两个应用 ，一边处理表格一边编辑文档 ；一边 浏览网页一边刷朋友圈 ；一边浏览照片一边在图翼网看设计教程…… APP图标 　　图标是用户看到您的APP第一件事。它会出现在主屏幕上 ，App Store商店中, spotlight搜索和设置里。 　　iPhone不再支持@1x ，所以你不必生成它。APP图标现在只需要使用 ：@2x、@3x。有3种类型 ：应用程序图 标 ，Spotlight搜索和设置。而iPad使用 ：@1x、@2x。 超椭圆 　　从iOS7开始 ，已经从简单的圆角转变到一个超椭圆形。 图标网格 　　Apple使用黄金分割在它们的一些图标上。这让图标保持良好的比例 ，同时确保了美感。虽然这是一个很好的规范 ， 但它不是严格要求。甚至Apple在很多图标上也省略了它。 颜色 　　iOS的使用鲜艳的色彩衬托出按键。这些颜色倾向于在 白色或黑色背景很好地工作。请记住 ，配色应该简洁为主 ，这 样感知力更强。粗略地说 ，只有 10-20％的部分设计时应该有颜色 ，不然太抢眼 ，容易忽视主要 内容。 　　iOS的经常使用的中性色彩作为背景和菜单区域。在 白色背景 ，使用黑色文字 ，使文本能够舒适的阅读。用淡蓝色按 钮中让操作功能脱颖而出。 按钮和字体大小 　　一般的规范是按钮用44pt、小文字用12pt、正文文本用17pt和标题用20pt +。 间距和对齐方式 　　一般的规范最低要求8pt空 白或边距。这将有足够留白空间 ，使得布局更容易扫描和文本更具可读性。而且在此基础 上 ，UI元素应对齐 ，文本应该