【编者按】细节决定成败,这句话不知从何而来。最终它成为一句“成功学”励志名言。就网站设计而言,细节不决定成败,但是很多的细节可能影响成败。为此,我们就网站设计细节进行讨论。该篇,我们看看网站图标。
什么是网站图标?有何用?怎么做?
很多人可能没注意,当我们打开网站的时候,在浏览器的标签上,或者是在收藏夹中,有的企业网站有图标,有的网站没图标。这个图标,就是网站图标。
什么是网站图标?
网站图标国内称之为ICON,英文全称是favicon。favicon是一个16x16像素的小图标,用于web浏览器,代表一个网站或网页。favicons通常显示在web浏览器顶部的选项卡上,但是它们也可以在浏览器的书签栏、历史记录等等中找到。在某些情况下,比如在谷歌Chrome上,它们甚至会出现在浏览器的主页上。换句话说,favicon是你网站的图标,或者是一个用来识别你的网站的视觉标记。
那么,这么小的一个图标有什么用呢?
网站图标的作用
尽管图标的尺寸很小,但它们对任何网站都非常重要,可以提高用户体验、品牌和专业度。
用户体验——网站图标为访客提供了令人难忘的视觉提示,增强了用户体验。它们帮助用户轻松地在浏览器和书签栏等不同应用程序之间定位网站的选项卡,使用户更容易以及反复访问网站。
品牌——对于一个真正有凝聚力的品牌,重要的是不要忽略哪怕是最微小的细节。网站图标有助于企业网站的品牌可见性,将你的风格和语言扩展到网站之外和浏览器中。
专业性——网站图标为你的网站增加合法性和专业性,使它看起来敏锐、安全以及专业。
如何做网站图标?
谁来做——网站图标制作不是一个复杂的工作,你可以将其写入建站公司的合同中。当然,你也可以使用一些免费工具,自己制作一个网站图标交给建站公司。
大小——创建图标的最佳大小是16x16像素,这是最常用的显示大小。然而,它们有时也会出现更大的尺寸中(例如32x32像素)。
文件格式——网站图标首选文件格式是JPEG或PNG。
透明度——如果你的设计背景是透明的,一定要将你的文件保存为PNG格式,并进行透明设置。
网站图标设计注意事项
简单:图标的小尺寸要求你的设计要精确。避免过多的细节,如小线条、纹理或阴影。相反,图标应该清晰和简单就足够了。
统一:图标应该包括了你的企业品牌LOGO或者是品牌文化,当然,图标设计需要参考企业LOGO的色彩方案。
文字:如果想在收藏夹中显示品牌名称,把字体限制在一到三个字符。
测试:图标将显示在不同的颜色背景下,这取决于浏览器。因此,在完成设计之前,一定要在灰色、白色和黑色的背景上测试图标。