Material Design学习笔记 (6)

    2)如果列表的主操作是做导航作用的,那么就不要使用icon。列表它本身以及它的上下文就已经可以让用户明白这个列表的用处是什么。

    3)次要操作以及信息应该放在标题的右边,次要操作通常要和主要操作分开单独可点击,因为越来越多的用户希望每个图标都能触发一个动作。

    4)不推荐的做法:导航列表控制

      通常情况下,列表本身的内容就已经隐含了导航信息,因此,列表里面就不需要额外的图标。

6.tabs

      使用 tabs 将大量关联的数据或者选项划分成更易理解的分组,可以在不需要切换出当先上下文的情况下,有效的进行内容导航和内容组织。仅管 tab 的内容让人自然的联想到导航(例如:道路选项可以切换地图的视图,搜索结果引导到其他网站),但 tabs 本身并不是用来导航的。Tabs 也不是用于内容切换或是内容分页的。

    

Material Design学习笔记

      1)Tab 特性

        *Tabs 应该显示在一行内。

        *Tabs 不应该被嵌套。也就是说,一个 tab 里的内容不应包含另一组 tabs。

        *一组 tabs 至少包含 2 个 tab 并且不多于 6 个 tab。

        *Tabs 控制的显示内容的定位要一致。

        *Tab 中当前可见内容要高亮显示。

        *Tabs 应该归类并且每组 tabs 中内容顺序相连。

        *保持 tabs 和他们的内容相邻,可以明确两者间的关系,距离太远会让人误解。

      2)Tab 的内容

        即使是两个 tabs 之间,tab 中呈现的内容可以有很大的差别。比如,不同年份的 tab 组合或者是不同类型的设置。一组 tabs 中的所有内容应该互相关联并且在同一个主题下(例如:设置、指南),但是每个 tab 又是相互独立的。Tab 标签应该逻辑的组织相关内容,并提供有意义的区分。Tab 标签可能是图标或者文字并且不能省略。避免进行跨 tab 的内容比较。如果一个跨 tab 的内容比较是有必要的,那么也许应该换一种内容的组织和呈现方式。

七、模式 1.数据格式

   1)关于时间, 使用大写的 AM 或 PM 区分时段, 用空格与时间分隔开:10:00 AM

   2)如果时间戳正好是当日, 也通常不要要显示例如 "今天", 星期几或日期. 保持 "小时:分钟 AM/PM" 的时间显示格式:11:51 AM

  3)如果是当前年份内某日, 显示缩写日期:Jul 14

  4)如果不是当前年度份某日, 显示缩写日期和年份:Jul 14, 2012

  5)如果显示一个时间段, 用两边没有空格的短破折号分隔开.

          8:00 AM–12:30 PM           Jan 6–Feb 2

  6)如果时间段的开始和结束都在当前年份, 则不必显示年. 否则, 在开始和结束时间都要添加年份: Dec 6, 2013–Jan 2, 2014

  7)当时间段同处于上午或下午, 只需要在结束时间处添加 AM/PM: 8:00–10:30 AM

2.空状态

  空状态发生于一个常规内容页面不能显示时。可能是一个没有条目的列表,或者一个没有返回结果的搜索。虽然这些情况不是典型的,但也是展示良好设计以避免用户失望或者困惑的好机会。

  1)显示空状态(避免完全空的内容

    最基本的空状态显示一个非交互的图片和文本标语。

    使用一个图片:

相对于背景来说,显得巧妙和素净。

以一个生动的方式传达应用的目的和意图,就像你的应用图标

    包含一个标语:

有积极的语气

与你的品牌一致

传达应用的意图,而不需要可操作

Material Design学习笔记

  2)***匹配

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjyfs.html