移动设计联盟 | UI设计平台 - MobileUI莫贝网

标题: Apple Watch界面设计规范(6) - 布局 [打印本页]

作者: xcolor 时间: 2014-11-27 15:26
标题: Apple Watch界面设计规范(6) - 布局

并排放置的按钮数量要控制好。当并排放置按钮时，使用图标来代替标题文案。一行不要放置3个以上，否则按钮的尺寸将会太小，很难被点到。

完整利用左右两个边缘之间的全部空间。Apple Watch的边缘斜面会在界面内容周围制造出可视的边距，所以你不需要再在内容与界面边缘之间添加留白了。不过要注意，硬件设备上的边缘斜面是无法在iOS模拟器当中呈现的。

使用相对位置来布局界面元素。同一套界面可能会在不同规格的Apple Watch上显示，所以使用相对位置来布局元素能令其根据需要而伸缩，使屏幕空间得到更合理的利用。

布局时优先使用左对齐。界面中的元素应该按照自上而下、自左向右的顺序排布。将元素以界面左边缘进行左对齐可以确保有足够的扩展空间来完整的展示内容。

文字按钮要使用全屏宽度。要将显示标题文字的按钮设计为全屏宽度，以确保标题文字能完整呈现。

通过情境菜单来呈现次级操作。不要将全部的功能按钮都放在界面当中默认展示出来，那些低频操作可以收到情境菜单当中。

屏幕尺寸

应用界面所呈现的内容在不同规格的Apple Watch当中应该保持一致。在设计布局时，要使界面元素可以自如的伸缩，以便充分利用不同规格的屏幕空间。

如果需要，可以为不同规格的屏幕提供不同的图形资源。如果一套图形素材在两种规格的屏幕中效果都不错，那么就使用这一套；否则可以提供两种不同尺寸的图形资源。

本文来自Beforweb.com由C7210自发翻译，

欢迎光临移动设计联盟 | UI设计平台 - MobileUI莫贝网 (http://un.mobileui.cn/)