表示时间跨度的图标

平面设计 图标 界面设计 信息图形 信息设计
2022-02-21 05:03:02

我有一个带有日期和注释列表的移动应用程序界面:

  • 9 月 5 日 - 不再具有传染性
  • 9月6日 - 可以返校
  • ...
  • 9 月 9 日 - 恢复正常

现在,我使用省略号来表示天数之间的间隔,或音符之间的时间间隔。我看到的问题是,这通常用于指示用户可以点击“更多”信息,并且用户正在尝试这样做。我也看到其他图标的问题:

  • 时钟:指示时间本身,而不是时间跨度
  • 沙漏:表示等待

我可以用什么来说明几天时间的流逝?

3个回答

可能是这样的?

在此处输入图像描述

或这个

在此处输入图像描述

或这个

在此处输入图像描述

“计时器”图标也可以反映时间跨度

在此处输入图像描述

只是想法...

顺便说一句,我不建议用图标表示确切的时间量,例如:1h、1d、2d 等。图形应该只代表含义,例如“经过的时间”。

编辑:重新阅读此内容,特别是问题是用户试图点击以获取更多信息 -任何图标都可能看起来像一个可以按下的按钮。几乎按照定义,图标旨在吸引注意力并看起来像功能性的东西:而你想要看起来像背景的东西。

因此,鉴于此,我认为它必须看起来像一条连接线——背景和结构,而不是前景。像这样的东西怎么样

[NOTE]---|-|---[NOTE]---|---[NOTE]---|-|-|-|-|---[NOTE] 

...但是垂直线(每天一条)非常细并且靠近,所以没有太大的差距?

这个建议背后的原则是:要携带信息但看起来不像按钮或交互点,它必须携带信息同时看起来像背景结构的一部分,而不是前景。它必须是人们瞥过去的东西,而不是人们被吸引直接看的东西。


原始答案:如果它看起来像一个图标是可以的(因此,可能像一个按钮)......

由于您专门查看日期,因此您可以使用两种常见的约定:

  • 电影,电视,漫画等中经常使用的东西来表示过去的日子:在日历上划掉日子,混合......
  • ...那种常见的、熟悉的日历图标(取自名词项目):

在此处输入图像描述

...但当然,您需要明确指出,重点是日子的流逝,而不是日历本身。您可以绘制一个日历,以便日历本身可以清楚地识别但背景,而划掉的日子是前景,如下所示:

在此处输入图像描述

根据您拥有的空间大小,您可能会使用不同的图标来显示更短和更大的时间流逝:

在此处输入图像描述

......但不要得意忘形!把事情简单化。

在此处输入图像描述

![您可以尝试这种类型或停止时钟类型或钟形图标..但呈现它就像不可点击..我会按照你呈现的方式......