如果网站没有徽标,网站的图标可以基于什么?

平面设计 网站设计 标识 品牌推广 网站图标
2022-02-25 18:04:51

网站图标是显示在浏览器标签栏中站点名称旁边的小图标。通常,这些基于网站的徽标(或运行该网站的公司/实体的徽标),是徽标的缩小版本或简化变体,因为网站图标需要在低分辨率下工作,缩小到 16x16 像素。我感兴趣的是以下问题:当网站没有徽标时,网站图标可以基于什么?

我看到了几种可能性:

  • 把它放在外面。
  • 使用空白或单色图标,或渐变。
  • 使用一些适合网站目的的通用图标。
  • 使用网站所有者或域名的缩写。但是很难容纳超过 2~3 个清晰可读的字母。
  • 以上几点的一些组合。

然而,所有这些可能性似乎都是通用的,如果一个人应用通常的标志看起来的质量标准,特别是要求标志是独特的和具有高识别价值的要求,那么所有这些可能性都会失败。当然,可以说缺少徽标表明缺少品牌/CI。但是,一个网站可以在没有徽标的情况下具有独特性和精心设计,而网站图标是在某些情况下显示的网站的唯一元素(例如,在浏览器的收藏夹栏中,或者如果网站是保存到智能手机的主屏幕)。因此,在这些情况下,没有图标或通用图标可能是有害的。

这就是为什么我想了解一些关于设计适合网站内容的网站图标的方法,即如果网站图标不在网站徽标上,网站图标可以基于什么?显然,favicon 应该与内容相关,但我相信 favicon 填充的目的与 logo 不同(如上所述),因此可以以不同的方式处理。

如果没有“更好的方法”并且答案将是简单地设计一个徽标,即使它仅用作图标,我也欢迎讨论/评估我上面列出的选项的答案。

如果您有任何没有徽标但具有良好图标的网站示例,或者具有徽标但具有不基于该徽标的漂亮图标的网站示例,那么也将受到欢迎。

2个回答

在我遇到的没有徽标的网站中,大多数根本没有网站图标(或者网站创建者/主机默认设置的网站图标)。那些确实使用与其服务相关的通用图标或仅使用没有现实世界意义的通用图标。甚至还有专门用于通用网站图标的网站,您可以查看它们。

我通过查找本地企业网站列表找到了一个示例(因为它们不太可能有徽标):

对于个人网站,使用一两个名字的首字母是相当普遍的。

当我为我的个人网站遇到这个问题时,它让我认为我应该在页面上放置一些视觉上更有趣的东西。因此,我查看了一些旧代码项目,并将其中的一个修改为不那么分散注意力的东西。一旦我这样做了,我就在我的网站上使用了它(并对其进行了动画处理)并使用了一个较小的版本作为favicon

我为我最近的站点更新做了类似的事情,截取了页面的屏幕截图,只启用了设计中最突出的部分(Z),尺寸为方形。它也恰好是我名字的第一个字母,因此它与上述两个建议相匹配。


最终取决于你的内容是什么。实际设计要使用的徽标可能是一个很好的理由。有关这方面的更多信息,您可能会看到好的徽标具有哪些技术/客观品质?或其他问题标签。

伙计,这个问题困扰着我,部分原因是我目前正在研究图形和媒体设计中的标志和图形。所以我拿了两本关于平面和媒体设计的学术书籍,我只是想通过自己的方式来解决问题。我们开始吧,我将从标志的基础知识开始:

标志

通过标志进行交流的优点和缺点是什么?

好处:

  • 无需语言即可理解
  • 节省空间
  • 用户节省时间

缺点:

  • 可能国际上不同的含义
  • 意义必须部分学习

标志的分类有哪些?

图标:符号是意义的相似性
索引:符号不是意义的相似性,而是与之相关的
符号:符号与意义没有直接关系

这些类别的示例

自动扶梯:图标自动扶梯标志

无通过方式:符号没有通过路标志

WC:索引厕所标志

衣帽间:索引衣帽间标志

什么是象形图?

用于信息的非语言交流的简单、精简的标志。

标志和印章有什么作用?

它们是区分公司或组织的标志。

有两种类型的图标,对吧?哪个是哪个?

有图标作为用户界面中使用的图形符号,还有描述符号含义的图标。

象形图

什么是象形文字?

象形图是简单、精简的标志,具有刺激性。它们必须易于辨认、记忆和理解,无需解释。

象形文字背后的历史是什么?

我们需要一种国际语言的路标。我们需要找到适用于所有国家的最重要的交通需求的明确和独特的标志。

Werner Graeff,1923 年。今天平凡而明显的路标世界在象形图发展的开始就存在。

象形文字的分类有哪些? 标志性象形图:基于对物体或情况的描述。
符号象形图使用符号符号,其含义是通过约定定义的。
混合象形图:标志性象形图和象征象形图的混合形式。

现代象形文字的特点是什么?

  • 相同的布局。
  • 相同的尺寸表示。
  • 统一、简单的造型。
  • 明确的图画陈述。
  • 逻辑和常见的颜色使用。
  • 独立于文化环境。
  • 在国际上清晰易懂。

图标

图标的演变
具有图形用户界面的 PC 的发明带来了称为图标的象形图。

这个图标的定义是什么?
图标是作为用户界面一部分的象形图。

图标的设计标准是什么?

  • 快速和明确的可识别性。
  • 独立于语言和文化。
  • 作为用户界面的一部分需要很少的空间。
  • 应用程序的所有图标都应具有统一且无误的设计。
  • 必须考虑标准。

图标是如何起草的?

  • 定义其用途和目的。
  • 描述受众并注意其先验知识。
  • 收集想法。
  • 素描图标。
  • 与观众一起测试草图。
  • 使用合适的软件创建图标。

图标的目的是什么?

精心设计的图标支持电子系统的可用性。为使用适用性而设计的系统可以提高客户满意度,尤其是当系统的功能、安全性、图像和图形都完美匹配时。

标志和图章

标志的种类有哪些?

  • 字形(印章)
  • 单词字符
  • 字母标志
  • 数字
  • 以上的组合

什么是徽标?

logo这个词起源于希腊语,可以翻译成“有意义”的词。徽标始终充当识别和沟通的角色。徽标可以由字母、数字、图像或这些的任意组合组成。许多徽标前景图形元素,因为这些元素很容易被观众回忆起来。想想苹果、可口可乐、麦当劳、IBM。

标志的作用是什么?

为了识别和交流,一个标志必须有别于其他标志,因此,必须有别于其他公司。徽标必须留在消费者的记忆中,并且在很大程度上是在不知不觉中存储的。
徽标的存在和存在是公司被视为品牌的必要条件。大多数人不仅将徽标与产品或标签联系起来,而且通常还会将情感感知联系起来。此外,公司的外观必须与其品牌产品相匹配。


以下是应用这些知识的方法:

说了这么多,我觉得我现在可以更清楚地讨论你的问题了。如果一个网站图标不是一个标志,那么它可以是什么标志呢?从这里提供的关于这个主题的信息来看,一个网站图标可以是

  • (语言)图标
  • 一个符号
  • 一个索引
  • 一个标志性的象形图
  • 一个象征性的象形图
  • 混合象形图
  • 一个用户界面图标

它仍然不是一个标志,从而满足了我对如何回答你有趣的问题和你的前提的好奇。谢谢你让我整理我的知识。最后,你最终会设计一个标志,但是,考虑到标志是什么以及标志是如何起草和设计的这些定义,你真的不是。

以下是其他设计师如何回答您的问题的一些示例。

PS:关于Transmission Repair Georgia,他们确实有一个标志:自己寻找他们只是出于某种原因选择不在他们的网站上使用它。???