首页 » 博客 » 如何制作优秀的网站图标

如何制作优秀的网站图标

在为您的网站创建和设计图标时,需要考虑很多事情。尽管它很小而且简单,但它能够(并且应该)产生巨大的影响。确保制作出最好的图标非常重要,因为这是用户识别您品牌的方式。创建网站图标时请注意以下几点:

合理利用空间

有时,网站图标不能仅仅是公司徽标的较小版本。应该考虑您的网站图标的整体大小。您应该坚持使用 16px,因为所有浏览器都接受它(但您可以在下面找到其他示例)。

简单

尽管图标是您品牌的视觉形象,您仍希望您的设计尽可能地方便用户使用。最好的图标是最简单的图标。由于图标尺寸较小且所用形状简单,因此颜色对于吸引潜在消费者的注意力并脱颖而出非常重要。过多的细节只会让图标看起来混乱、肮脏。

品牌标识

您的网站图标是您品牌的视觉图标,因此它应该以视觉方式告诉用户您的业务代表什么。它会立即告诉他们您的品牌代表什么以及它的作用是什么。

尽管对于小型和简单的设计来说这很难做到,但请尝试发挥创造力。下面的例子展示了有创意的小图标的力​​量;一眼望去,你就能立即明白这个品牌代表什么,以及他们所代表的东西:

缩写

寻找完美的视觉效果可能对于您的业务而言并不切实际。解决此问题的常见方法是使用您的公司名称的首字母或缩写。您还可以选择使用公司名称的缩写。试玩几种不同的变奏,然后选择最适合您的变奏:

 

色彩协调

还必须考虑颜色的选择。对比色可以让眼  华裔美国人数据 睛更容易识别您的网站图标的形状和焦点。由于图标尺寸较小,您需要向用户清楚地展示您的公司,而颜色的使用非常重要。请记住,每个浏览器都略有不同。例如,有些具有灰色、黑色或白色背景,您的网站图标将放置在其上面。

每个浏览器的图标需要多大尺寸?

如上所述,通常建议使用 16px,因为它可以在所有浏览器上使用,但如果您想为每种可能的用途创建一个图标,请按照以下指南操作:

16px:适用于所有浏览器,可显示在地址栏、选项卡或书签视图中。

24px: Internet Explorer 9 中的固定网站

32px:Internet Explorer 中的新标签页、Windows 7+ 中的任务栏按钮和 Safari 中的“稍后阅读”侧边栏

57px:标准 iOS 主屏幕(iPod Touch、第一代 iPhone 至 3G)

72px: iPad 主屏幕图标

96px: Google TV 平台使用的图标

114px: iPhone 4+ 主屏 事实——人工智能如何提升业务绩效? 幕图标(视网膜显示屏标准尺寸的两倍)

128px: Chrome 网上应用店

195px: Opera 快速拨号

 

我应该使用什么格式的图标?

与过去的图标必须采用 Windows ICO 格式相比,现在有几种不同的格式可供选择。以下是对每种格式更深入的解释:

  • Windows ICO: ICO 是最广泛支持 电话线索 的文件。 ICO的优点是它可以包含多种分辨率和位深度,效果很好,对于Windows来说非常有用。 ICO 还为 Windows 7 Internet Explorer 任务栏提供了一个有用的 32 像素图标。它也是唯一不使用 <link> 元素的格式。
滚动至顶部