Human Interface Guidelines —— Collections

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

Collections

Human Interface Guidelines链接:Collections

Collections

一个collection管理一组有序的内容,例如一组照片,并以可定制且高度可视的布局呈现。 

由于collection不强制执行严格的线性格式,因此它特别适合显示规格不同的项目。 一般来说,collection是对图像内容的理想展示方式。 可以选背景和其他装饰性view轻易的在视觉上区分项目的子集。

·Collections支持交互与动画

默认情况下,您可以点击进行选择,长按进行编辑,轻扫以滚动。如果您的app需要它,可以添加更多手势来执行自定义操作。在collection中,插入,删除或重新排序项目都可以启用动画,并且还支持自定义动画。

·当标准行或网格布局足够时,避免自创全新的设计

一个collection应该增强用户体验,而不是成为关注的中心。我们需要使选择一个项目非常容易。如果很难点击collection中的物品,人们会感到沮丧,并在达到他们想要的内容之前失去兴趣。在内容周围使用足够的padding以保持布局干净并防止内容重叠。

·对于文本展示,考虑使用table而不是collection

在可滚动列表中,查看文本信息通常更简单和更高效。

·更改动态布局时需谨慎

Collection的布局可随时更改。如果您在人们查看collection并与之互动时动态更改布局,请确保更改有意义且易于追踪路径。无动机的布局更改可能会使app看起来不可预测且难以使用。如果由于布局变化导致文本找不到,人们可能会觉得app不在掌控中。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程

前端开发者常用的 9个JavaScript 图表库

英文: Anton Shaleynikov 译文:葡萄城控件 www.cnblogs.com/powertoolsteam/p/top-9-javascri...

39650
来自专栏Jerry的SAP技术分享

分享一个开源的JavaScript统计图表库,40行代码实现专业统计图表

这可能是史上最简单易用的开源统计图表绘制库了。柱状图,饼状图,点状图等等您能想到的类型全部支持。

24930
来自专栏IMWeb前端团队

QQ天气H5-前端完整解析

前言: 什么是手Q天气 手Q天气是在手Q 6.0版本以上新增的功能,页面会展现当天的气温情况,已经五天温度折线图以及24小时温度图表等。 并且为了更好的交互效果...

1.5K90
来自专栏Material Design组件

Human Interface Guidelines — Navigation

19430
来自专栏HT

HT图形组件设计之道(四)

在《HT图形组件设计之道(二)》我们展示了HT在2D图形矢量的数据绑定功能,这种机制不仅可用于2D图形,HT的通用组件甚至3D引擎都具备这种数据绑定机制,此篇我...

21150
来自专栏Material Design组件

Human Interface Guidelines — Interface Essentials

16370
来自专栏我有一个梦想

UE4新手编程之创建空白关卡和添加碰撞体

让我们接着上次继续学习UE4引擎,今天我们学习下怎样创建空白的关卡以及添加碰撞物体。 一. 创建空白关卡 1) 点击文件 -> 新建关卡(或者按快捷键Ctrl+...

31090
来自专栏闰土大叔

在没有DOM操作的日子里,我是怎么熬过来的(终结篇)

前言 在我写终结篇的日子里,Vue版本稳定在2.9.1。当我摸清Vue的脉络之后,以一个爬坑无数的亲历者的身份,谈谈我在MVVM时代里遇到的那些事儿。 接下来,...

367130
来自专栏陈满iOS

iOS图形处理概论:OpenGL ES,Metal,Core Graphics,Core Image,GPUImage,Scene Kit (3D) ,Sprite Kit (2D),OpenCV

对于刚接触iOS图形相关框架的小白,有一些图形框架在字面上和功能上非常容易混淆。这里旨在总结一下各种框架,区分它们的概念和功能,以作日后进一步细分学习的指引。因...

41430
来自专栏大史住在大前端

一统江湖的大前端(1)——PPT制作库impress.js

impress.js 是一款基于 css-3D 和 css动画 、受到高逼格PPT原型工具 prezi 启发而开发的演示文稿制作库,github上星星高达33k...

16530

扫码关注云+社区

领取腾讯云代金券