IOS 12设计规范(8-4)内容视图:精选(Collections)

8.4    精选(Collections)

精选页面可以有序地管理理一系列列内容,例如一组照片,是可定制且在高度视       觉化的布局中进行呈现。由于精选页面并不是一个严格的线性布局,因此它特别适合显示那些尺⼨不一的图像。通常,精选页面更适合展示照片内容。 为了能够直观的区分类目,可以选择性地实现背景和其他装饰性视图。

IOS12设计规范

精选支持丰富的交互和动画。默认情况下,你可以通过点击来进行选择,通过长按进行编辑,还可以使用滑动操作来滚动视图。如果你的 App 有其它需求, 你可以添加更多的手势来自定义这些操作。在精选页面内,“插入”、“删    除”、“重新排序” 等操作都支持动画效果,同样,你也可以自定义照片演示 的幻灯片效果(批量选择照片后在事件弹窗中可以启用幻灯片)。

在标准或网格布局够用时避免使用全新的设计方式:精选页面应该提高用户    体验,而不是让页面本身成为用户关注的焦点,让用户更容易地找到所需内容, 因为过于复杂的操作会让用户丧失兴趣。应该在内容周围保持适当的留白,使  布局更整洁防⽌止相互叠加。

考虑使用表格排列的方式而不是文本集合:在可滚动列表中查看和消化内容会更简单有效。

请谨慎使用动态化布局:精选页面的布局可以随时更改。如果你决定要动态 地调整精选页面的布局,请确保其中的变化是有意义而且容易被用户理解的, 缺乏动机的布局变化会给用户带来不符合预期且难以使用的印象。如果由于 布局的变化而导致用户丢失当前的关注点或所处的场境, 用户会觉得你的 App 已经失控了。

文章转载请注明出处,并需展示来源网址!:淘盒子 » IOS 12设计规范(8-4)内容视图:精选(Collections)

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏