表示“可离线使用”的图标

平面设计 图标 符号 象征主义
2022-02-09 06:18:01

我的应用程序有两个版本:

  • 在线:需要互联网连接才能正常运行
  • 离线:可以离线使用,例如在飞机上

问题:如何表示应用程序可以离线使用?

在野外看到的例子:

离线离线分体式避雷针

评论要求我的设备的连接/断开连接图标,你去:Material Design 连接/断开

4个回答

从字面上看。我不认为这些特别有说服力,但也许值得深思。

离线可用

图标需要与您的基本用例和平台相关联。假设该平台是一个移动设备并想象一个以用户为中心的信息亭应用程序,我将使用主题的变体:

  • 离线信息亭用户图标:信息亭版本或“离线”应用程序图标 32px 的信息亭版本
  • 还有一个需要wifi的图标:需要 Wifi 的版本的应用图标 32px 正方形的无线所需版本

我会通过修改不少于 33% 的图标来指示差异,但不超过 50% 以保持连续性,以保持信息清晰。添加颜色会有所帮助,但如果要求包括第 508 节的可访问性,则颜色是一个名义因素。

我认为您对书本图标与电源按钮的想法还不错。使用相同的概念,您可能会发现一些更简单且易于识别的小尺寸。

我的第一个想法是使用电池离线,即使它用于供电。在网站或应用程序上,这可能是有道理的,因为每个人在看到电池图标时都知道笔记本电脑或设备已拔下电源。所以也许你也可以使用这个想法。

作为其他示例,我发现了这些图标:

离线/在线图标

您可以使用笔记本电脑图标,也可以将连接符号移入和移出,表示它处于联机状态或脱机状态。或类似符号,只需添加众所周知的连接符号或电插头符号。

您也可以使用不同的颜色代码来更加强调图标的连接部分;例如,连接部分在离线时可能为浅灰色,在线时为彩色。

无论您选择什么,人们都会习惯这些符号。只要它在小尺寸时可见。


PS:这些图标不是我画的,如果你想使用它们,你需要购买它们或制作你自己的版本。它们中的大多数是来自股票图像站点的低分辨率文件,并且有些稍作修改。

你猜怎么了。我有一个绝妙的主意。

将以下文本绘制为图标:
“在线版本”和“离线版本”。

达达,问题解决了。请点赞。