Material Design 中常见的 Notification 推送样式总结

阅读时长 5 分钟读完

随着移动互联网的发展,Notification 推送成为了移动应用中不可或缺的一部分。在 Material Design 中,Notification 推送也有着自己的一套设计准则。在本文中,我们将总结 Material Design 中常见的 Notification 推送样式。

主要元素

在 Material Design 中,Notification 推送通常包含以下几个主要元素:

标题

标题是 Notification 推送的重要组成部分,它能够准确、简洁地表达推送的主题和内容。

内容

除了标题之外,内容也是 Notification 推送中一个重要的元素。它通常会进一步描述推送中的细节或者提供更多的信息。

封面

在 Material Design 中,封面是可选的,但是它能够为 Notification 推送增加一些视觉元素。封面通常是一个图像或者一个图标。

操作

如果 Notification 推送需要用户采取某些行动,操作按钮会出现在 Notification 推送下方。

时间戳

时间戳能够指示 Notification 推送的时间,通常出现在 Notification 推送的右上角。

样式类型

Material Design 中常见的 Notification 推送样式有以下几种:

基本样式

基本的 Notification 推送样式包含了标题、内容、封面和时间戳。这是最为基础的 Notification 样式,也是大多数应用程序使用的样式。

大图样式

大图样式是基本样式的扩展,它增加了一个大图像素的封面。这样能够更加直观地为用户展示 Notification 推送中的内容。

-- -------------------- ---- -------
---------------------------------------------------
    ------------------------
    -----------------------
    -------------------------------------
    --------------------------
    ----------------------------------------------
        -----------------------------
        --------------------
    ------------------------------------

收件箱样式

收件箱样式是大图样式的进一步扩展,它允许开发者在单个 Notification 推送中展示多条消息。

-- -------------------- ---- -------
---------------------------------------------------
    ------------------- ------
    -----------------------
    -------------------------------------
    --------------------------
    -----------------------------------------
        --------------------
        -------------------
        -------------------------
        ---------------------------
        ----------------------------------
    ------------------------------------

应用程序覆盖样式

应用程序覆盖样式能够展示 Notification 推送的最新内容,并在 Notification 推送的顶部展示音量和播放控制。

总结

在 Material Design 中,Notification 推送也有着自己的一套设计准则。在应用程序中使用符合 Material Design 的 Notification 推送样式不仅能够提升用户体验,还能够增加应用程序的美观性。本文介绍了 Material Design 中常见的几种 Notification 推送样式,希望能够对开发者们有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64c4ccf883d39b48818376b0

纠错
反馈