iOS11人机交互指南-视图-10：分栏视图 Split Views
分栏视图管理两个并排的内容窗格显示，主窗格中的常驻内容和辅窗格中的相关信息。每个窗格可以包含各种元素，包括导航栏、工具栏、标签栏、表格、集合、图像、地图和自定义视图。分栏视图通常与可过滤内容一起使用。主窗格显示过滤器类别列表，所选类别的过滤结果将显示在辅窗格中。如果应用需要，主窗格可以覆盖辅窗格，并且在不使用时可以隐藏屏幕。这在设备处于纵向方向时特别有用，因为它允许在辅窗格中查看内容的空间更大。
默认情况下，分割视图将三分之一的屏幕用于主窗格，三分之二用于辅窗格。当然也可以平均分配。根据内容选择适当的布局拆分，确保窗格显示平衡。避免创建比主窗格窄的辅窗格。
虽然辅窗格内容可以更改，但它应始终对应主窗格中可清晰识别的选择。有助于用户了解窗格之间的关系。
如果在分栏视图的两个窗格中放置导航，会使用户难以辨别两个窗格之间的关系。
当主窗格处于屏幕外时，用户从屏幕侧边向内滑动即可呼出主窗格。如果该手势被占用，请确保提供一个按钮在导航栏中显示窗格。
写给设计师看的iOS11人机交互规范
本文大部分为读书笔记，小部分为自己的思考。
自iOS7发布以来，不知不觉中我们已经适应了\”扁平化设计\”，而那些梦幻的光影、优美的材质、迷人的纹理好像离开我们很久了（其实也不过三四年时间）。这已经深深地改变了整个移动端设计——设计师们可以专注于动效和内容，而不是错综复杂的视觉细节。如今超写实设计（Skeuomorphic）越来越少见，取而代之的是迷人的渐变、细腻的投影和无处不在的卡片。
在2007年iOS 刚发布的时候，人们对于触控的智能手机是完全陌生的。所以那时候苹果公司引入了强有力的隐喻——直白模拟现实的设计，来教育用户。比如系统内置的iBook程序。
但是当人们越来越熟悉智能手机的时候，这种强有力的隐喻会让人觉得过于直白，过于累赘。 超写实设计是一种包容性较低的设计，它的设计隐喻性过于直白，越来越不适应内容大爆炸的移动互联网时代了。 随着移动端承载的内容越来越多，所有的设计都应该让位于内容。
iOS的整个设计围绕着三个核心理念：清晰、遵从、深度。
让事情变的显而易见，可交互部分（如按钮、链接等）应该是不言自明的。字体的大小要合适，间距要合理，以便于阅读。你的内容需要清晰指出你的软件是什么的？能干什么？
标题应该与内容产生良好的对比。标题字体大小建议使用34pt及以上，内容字体大小建议使用17-19pt。根据经验中文字体大小可以比英文适当减少1-2个pt。文本要与其他元素对齐，以便现成流程的视觉流线。iOS11多使用 左对齐 （向安卓靠拢？）和 居中对齐 。
图标不应该表意不清！而是要让用户一看就懂。文字搭配图标是最佳的方式，因为再明显的图标也没有文字来表达的准确。在一个软件里，同一个图标不应代表2个或多个意思，因为这会让用户感到困惑。
为了应对不同分辨率的屏幕，你应该使用矢量化设计。
iOS11内置部分应用使用面性填充图标代替了原本的线性图标，图标中的线条，也有原本的1pt改为了2pt。
每一个页面都应该明白无误地表示它到底是什么。品牌标识应该最小化的，你应该清楚铭记 你的APP是你们的一个产品，而不是你们企业VI的一部分 。
如果页面中有图片，建议选取高质量的素材和干净背景，外加清晰的标题。
颜色是有意义的。在UI设计中红色代表破坏性行为，绿色代表肯定行为，蓝色代表链接，灰色代表非激活状态。不要混淆使用颜色，比如把绿色用于退出登陆按钮（破坏性行为）。
按钮应该是易于点击的，它们的大小应该在30-60pt之间，最佳尺寸为44pt。如果你的APP有点击查看图片的功能，请确保包含缩放功能，最好加入双击缩放功能。随着iOS设备的屏幕越来越大，利用滑动手势轻松导航到前一个屏幕的功能是非常有必要的。如果你的页面内容很多，导致页面很长，建议加入双击Status bar回到顶部功能。
横屏模式我们常见于iPad等设备中。苹果公司建议在6P和iPhone X上使用横屏模式。你可以在Sketch中尝试使用自动布局设计，而Xcode也早在Storyboard中加入了Auto Layout和Size Class。 技术改变世界，技术提升效率。
你的内容才应该是屏幕的主角，其他事物都是次要的。你应该使用界面设计元素衬托你的内容，而不是去干扰它。
你的用户界面应该直达审美核心。每当你添加一个元素，就问问自己“这个有必要的吗？” 如果你的APP是游戏或需要特别主题，趋向于使用沉重的纹理，3D效果和多重阴影。如果不是，你应该专注于功能性颜色，和谐的渐变和优美的排版。
你的内容应该占据整个屏幕，把内部要素最大化。避免在同一个的滑动区域，使用多种不同形式手势操作，以允许更多的空间用来交互。
你应该使用突出的颜色来显示某个元素是可点击的或者需要高亮的。如果你选不好主题颜色，那就选蓝色吧，因为它是最安全的颜色。你如果是初学者，建议使用浅灰色背景/白色背景搭配黑色文字来开始设计，这个方案拥有极好的对比度和可读性。
由于用户界面的简化和对内容的关注，文本内容将占据整个屏幕的50-90％。因此，你需要选择一个漂亮并的字体，并设置字重和颜色，以期有漂亮的视觉感受和最佳的阅读体验。为了让你的设计易于理解和贴合iOS系统，推荐使用默认的旧金山字体（苹方字体）。因为苹果公司在所有的内置程序都使用了它。
使用负空间，让视觉焦点放在内容上。你看到的越少，你就越能专注于一些事情。留白也给予整个版面呼吸的空间。不要使用太多的结构层级，不要让你的视觉元素霸占你的屏幕。建议使用8pt网格模式设计，这是移动端的最佳网格设计模式。
深度也许是最难理解的一部分。这是一个非常抽象的概念，但同时又是非常有力量的和独一无二的。深度的灵感来自于任何事物之间都有上下关系和场景过度。在现实世界中，当你从一个房间走道另一个房间，你会体会到距离感和发展过程。这也是你不会迷路的原因。
iOS最令人兴奋和感到独特的地方就是动画。每个页面的过度，从主页面到文件夹页面，再到App页面，其中充满了深度的隐喻。
为了防止背景对你内容清晰性的干扰，所以产生了背景模糊。背景模糊不仅允许你保持背景原本颜色，并且把焦点聚焦于前景内容。当然背景模糊也不是一种虚构的发明，它同样来自于我们的现实世界。比如当你盯着一样东西看的时候，其他事物就变的模糊不清了。
动画不仅可以从一个屏幕转换到另一个屏幕，还可以为你的设计增添愉悦性和乐趣。它是提升你的app品质的一个重要却常被忽略的因素。通知比较明显，当背景中有大雨的时候，天气比较好理解。
虽然鼓励使用动画，但不应该过度。它们应该服务于你的内容、功能目标以及视觉引导。
随着iOS设备的屏幕越来越大，返回按钮的位置已经太高了，拇指不易触及。所以，虽然不如可见按钮那么明显，但手势可以作为可见交互模式的一种补充。
3D Touch允许用户快速访问应用程序内外的选项。类似于你Mac上的快捷键，它其实是一个高级功能，所以它不应该独有，即你的用户在没有使用它的情况下也能完整使用的你的APP。
因为手机使用环境的复杂性和多样性，声音在APP中应该被最低限度地使用。不过你可以设置特别的通知声音，让其“未闻其人先闻其声”，为你的APP形成品牌/产品特色。
iOS 11使用又大又黑的标题。因为随着iPhone P和iPhone X的出现，屏幕越来越大，屏幕空间变的充裕，现在出现大的标题才合理并且有意义。大字体的另一个原因是可访问性，随着智能手机对全社会的渗透，智能手机已经不是年轻人的专利了，苹果公司需要让iPhone顾及各个年龄段。在辅助功能中，允许用户设置字体的大小。在iOS 11中，所有的苹果的内置程序都支持这个功能，希望越来越多的第三方APP支持这个功能。
更大的屏幕意味着更多的使用空间。在小屏幕的iPhone上嵌套容器（卡片），对于局促的屏幕空间来说是奢侈的，不合理的。但是当iPhone X和P系列出现的时候，情况就完全不同了。把通知栏、选项卡、导航，通过卡片的形式来更好地组织起来，可以让你更加方便的浏览。圆角的卡片使内容看起来更有触感和温润感。你可以使用模糊的背景和阴影来为设计添加深度敢和上下关系。
是什么原因导致一开始面向极客的又黑又酷的iPhone和iOS变成如今的模样。我个人的理解苹果的设计逻辑是以下这样的。
设计背后的原因：移动端信息爆炸、使用人群的扩大、屏幕尺寸多样化和大屏化、普通用户成长为高级用户、软件功能越来越复杂
如何做：包容性设计模式、自动布局、优化信息结构、可调节字体大小、防迷失设计、易读的文本
最后输出的设计：扁平化设计、专场动画、卡片化设计、优美的版式、美丽的字体、大标题
参考文献：
Meng to -《designCode2》
Apple -《iOS Human Interface Guidelines》
iOS11人机交互指南——无障碍辅助功能
本文翻译自iOS11苹果系统的人机交互官方指南，原文链接：
iOS 为视力、听力受损者及其他残疾用户提供了强大的辅助功能。许多基于UIKit框架制作的应用可以轻松访问，为所有人提供相同优质的体验并吸引更多的人使用您的应用。
为图片、图标及其他界面元素提供可替换的文本标签。 这些文本标签在屏幕上是看不见的，但它们可以通过画外音清晰地描述屏幕上的内容，方便视觉障碍用户的使用。
响应辅助功能的表现。 如果你的应用使用UIKit作为用户界面，文字和交互元素应当自适应辅助功能的表现，比如字体加粗和放大。当用户开启“减少动态效果”(Reduce Motion)等辅助功能时，你的应用应能够及时响应。用户自定义的字体应当和系统字体的辅助功能表现保持一致。
测试你的应用程序是否适应辅助功能。 除了文本和动效的变化，辅助功能还可以改变屏幕对比度、倒置颜色、降低透明度等。启用这些设置，并观察你的APP会发生什么变化。
包含隐藏字幕（ closed captions）和音频描述。 隐藏字幕让有听力障碍的用户可以看到视频中的对话和其他音频。音频描述为有视觉障碍的用户提供屏幕内容的口头叙述。
更多信息请看 iOS Accessibility 和 Accessibility Programming Guide for iOS .
苹果11按键介绍
苹果11功能介绍如下：
1、相机
iPhone 11的相机能拍摄广角和超广角的照片，支持“多尺度色调映射”，可根据位置处理不同的高光。人像模式也可以拍摄宠物。另外该机型还加入了全新的夜景模式，可以在暗光下拍摄出出色亮度和纯净度的照片。iPhone11的前后摄像头均能以60fps的帧率拍摄4K视频。支持剪辑视频，剪辑视频可以像拍摄和编辑照片一样 。
2、剪辑视频
iPhone11 的前后摄像头能以60fps的帧率拍摄4K视频。超广角摄像头具有四倍的取景范围，可拍摄小狗追咬飞盘这样的动态画面。在拍摄演出照片时，当放大画面时，声音也会随之拉近。可以像编辑照片一样剪辑视频。
3、A13 仿生芯片
iPhone 11标配A13仿生芯片，A13仿生的运行方式高效节能，电池续航可以更久。
4、屏幕
iPhone 11的显示屏可通过调节白平衡来与周围环境光色温相适配。支持轻点或抬起唤醒。
5、网络
iPhone 11系列三款新品均支持双卡双待，支持nano-SIM卡，不兼容现有的micro-SIM卡。据介绍，用户可在设置中选择数据和语音SIM卡。使用双卡要求使用两项移动通信服务（可能包括关于漫游的限制规定）。不支持同时使用两项CDMA移动通信服务。仅部分运营商支持双VoLTE。需遵守特定的限制条件。
6、空间互联
iPhone 11具备空间感知能力，可感应附近其他配备U1芯片的Apple设备，并准确判断出彼此的位置关系，通过空间互联与人共享文件，只需用iPhone 11对准其他iPhone，对方就会出现在列表最上方。
7、防水性能
iPhone11可防溅、抗水、防尘，在受控实验室条件下测试，iPhone 11效果在IEC 60529标准下达到 IP68 级别（在最深2米的水下停留时间最长可达30分钟）。
8、面部验证
iPhone 11面容ID可登录app、访问账号，以及使用Apple Pay支付。面容ID不会存储或分享照片。当发送iMessage信息或者进行FaceTime通话时，数据会被加密。地图app则只会指引方向，不会泄露行踪。
9、充电
iPhone 11支持18W快速有线充电。将iPhone 11放在任意Qi认证充电器上，就能自动无线充电 。
哪些原因会造成iPhone11手机home按键失灵？
home按键彻底失灵导致这种情况的原因有很多，首先最常见的就是手机使用时间久了，按键内部的硬件老化从而导致无法使用或者进灰卡住了。软件的冲突也会导致的home键失灵，最常见的是越狱后deb插件导致按键失灵。手机系统异常也会导致这种情况，这种情况比较少见并且更新系统一般就可以恢复正常。
2. Home键失灵有可能是被灰垢卡住了，轻弹Home键。过了一阵子后可能会出现白色污垢，继续弹弹弹，直到污垢减少就可以恢复正常了。
3. 软件的问题的话可以打开任意一款App，按住电源开关几秒钟，直到屏幕出现滑动关机的指示。放开电源键但不要滑动关机，按压Home键几秒，直到屏幕回到桌面。这样你就已经重新调整了Home键，应该可以正常使用了。
iOS11人机交互指南-视觉-04：颜色 Color
颜色可以提示交互，赋予活力，并提供视觉的连续性，明确状态信息，增强数据可视化。系统的配色方案可以作为应用参考，无论在浅色或者深色的背景中，这些颜色都很明快并易于组合使用。
重要信息的用色应谨慎选择，要凸显其重要性。例如，当红色被用作表示非关键信息时，用红色三角形告知用户有一个关键问题就不太有效。
使用协调的颜色来提升使用体验，而不是让用户特别集中注意力或分散注意力。如果使用粉色作为应用主色调，其它用色应与粉色协调。
色彩的微妙使用是强化品牌的好方法。
在笔记中，交互元素为黄色；在日历中，交互元素是红色。在确定产品主色后，请确保其他用色与之协调。
如果互动和非互动元素用色相同，用户很难得知哪里可以点击。
插图的改变，有时会让附近颜色发生变化，保持视觉上的连续性，防止界面元素太过抢眼或无法辨别。例如，地图的道路颜色在使用地图模式时使用浅色，但在卫星模式下会切换到深色方案。前面有半透明元素（例如工具栏）时，颜色也可能会发生变化。
根据室内氛围、时间、天气等情况，室内外照明都有很大差异。应用在现实使用中，设计时的颜色并不总是看起来一致。在多个照明条件下预览应用，包括在阳光明媚的室外环境下，如有必要了解颜色显示方式，调整颜色，以便在大多数环境中提供最佳的观看体验。
True Tone Display 显示技术能根据周围环境色温，智能调整屏幕显示效果。专注于阅读、照片、视频和游戏的应用可以通过适应风格来加强或削弱这种效果。
盲人难以区分红色和绿色（含灰度颜色），或者从橙色区分出蓝色。避免使用这些颜色组合作为区分两种状态的唯一方法。可以使用红色方块和绿色圆圈，而不是使用红色和绿色圆圈来表示离线和在线。一些图像编辑软件包含检测色盲是否试用工具。
在某些文化中，红色有危险的含义；而在另一些文化怯怯相反。确保应用中的用色传达了正确的含义。
应用中的色彩对比度不足会使内容难以阅读。例如，图标和文字可能与背景相融。在线色彩对比计算器可以准确分析应用中的颜色对比度情况，确保符合最佳标准：7：1 为最优，4.5：1 为最低要求。
iOS 上的默认色彩空间是标准 sRGB。要确保颜色与此颜色空间正确匹配，请确保图片包含嵌入的颜色配置文件。
iOS 设备的广色域屏幕支持 Display P3 色彩空间，颜色比 sRGB 更丰富，更饱满。因此使用 P3 色彩空间的照片和视频更加逼真，视觉数据和状态指示更具冲击力。适当时，使用 P3 颜色配置文件（每通道16位），并以 .png 格式导出图像。请注意，需要支持 P3 颜色配置文件的显示器才能设计相匹配的颜色。
一般来说，P3 颜色空间和图片倾向于在 sRGB 设备中使用，有时很难区分其中的差异。但 P3 颜色的渐变效果在 sRGB 上会出现色带。为了避免这些问题，可以在 Xcode 的资源目录中提供不同色彩标准的图像，确保色彩还原度。
根据需要进行调整，以确保在两种类型的屏幕上同时预览视觉效果。
评论0