你有沒(méi)有注意到你每次上網(wǎng)時(shí)瀏覽器上的那個(gè)小圖標(biāo)?如果你還沒(méi)有,試著再看一看,你肯定會(huì)明白我們?cè)谡f(shuō)什么。它們確實(shí)是可愛(ài)的圖標(biāo),甚至看起來(lái)很棒,尤其是當(dāng)你打開(kāi)了這么多標(biāo)簽頁(yè)時(shí),它會(huì)和那些不同顏色的小圖標(biāo)并排放在那里,窺視著你。這些被稱為favicons。他們的存在不僅僅是為了上訴。所以,今天,我們將試著深入了解這些小圖標(biāo)。我們將知道這些是為了什么,如何設(shè)計(jì)和創(chuàng)建它們。您還將看到一些圖標(biāo)樣本。確實(shí)有一些人不知道favicons的價(jià)值,我們希望你能通過(guò)我們的帖子更好地理解這一點(diǎn)。讓我們從定義什么是favicon開(kāi)始。是什么圖標(biāo)?事實(shí)上,圖標(biāo)在你的日常電腦和互聯(lián)網(wǎng)使用中隨處可見(jiàn)。這些是代表網(wǎng)站的小圖標(biāo)。例如,如果您打開(kāi)一個(gè)站點(diǎn),您將在地址欄的url旁邊看到一個(gè)小圖標(biāo)。
Favicon是favorite和icon兩個(gè)單詞的組合。它最初是由微軟的ie瀏覽器支持的書(shū)簽功能,稱為收藏夾。圖標(biāo)通常是16×16像素,32×32像素或64×64像素大小的快捷圖標(biāo)。使用更大的圖標(biāo)尺寸,所以對(duì)視網(wǎng)膜用戶來(lái)說(shuō)會(huì)很好看。它會(huì)出現(xiàn)在瀏覽器的網(wǎng)站名稱旁邊,一旦你將其添加書(shū)簽,它也會(huì)出現(xiàn)在你的書(shū)簽列表中。嗯,favicons的第一個(gè)用途是根據(jù)它接收到的書(shū)簽數(shù)量來(lái)估計(jì)訪問(wèn)站點(diǎn)的流量。為什么需要圖標(biāo)?這些小圖標(biāo)重要嗎?這一次,我們將研究favicons的價(jià)值,以及它如何幫助網(wǎng)站所有者和用戶。我們將幫助您實(shí)現(xiàn)小圖標(biāo)的巨大價(jià)值。這表明,即使是很小的東西,不管它們有多小,仍然會(huì)產(chǎn)生巨大的影響。
1. 改善用戶體驗(yàn)。favicons的主要用途是改進(jìn)用戶體驗(yàn)。一旦您在瀏覽器上使用了許多選項(xiàng)卡,您就可以更容易地識(shí)別正在使用的站點(diǎn)。只要看一眼這個(gè)圖標(biāo),你就會(huì)知道你要打開(kāi)的是哪個(gè)網(wǎng)站,就像你的標(biāo)簽一樣。想象一下,如果你沒(méi)有一個(gè)圖標(biāo),你的瀏覽器會(huì)是什么樣子。它只是一個(gè)空白的頁(yè)面圖標(biāo)。想象一下,如果所有的網(wǎng)站都只是一些空白的小圖標(biāo),除了枯燥之外,你還需要花更多的精力來(lái)瀏覽你想要的網(wǎng)站。請(qǐng)閱讀為什么用戶體驗(yàn)設(shè)計(jì)對(duì)網(wǎng)站很重要。
2. 品牌。除了方便用戶使用,圖標(biāo)在品牌方面也很重要。你不會(huì)只是放置任何東西的favicon,但你會(huì)看到,你使用的favicon與你的品牌和你的網(wǎng)站有關(guān)。當(dāng)然,這將是你網(wǎng)站整體外觀的一部分,也是你如何向用戶展示你的品牌的一部分。大多數(shù)情況下,圖標(biāo)是基于標(biāo)識(shí)或標(biāo)識(shí)本身。我們將在下一段中對(duì)此進(jìn)行更多的研究。如果你正在設(shè)計(jì)一個(gè)圖標(biāo),你也可以檢查一下選擇品牌標(biāo)識(shí)顏色的技巧。
3. 看起來(lái)更專業(yè)。一個(gè)只有很小的空白圖標(biāo)的網(wǎng)站看起來(lái)既便宜又不專業(yè)。用戶會(huì)認(rèn)為它不值得訪問(wèn),也會(huì)認(rèn)為這個(gè)網(wǎng)站一點(diǎn)都不專業(yè)。所以,確保你的網(wǎng)站有一個(gè)圖標(biāo)。它會(huì)影響你網(wǎng)站的訪問(wèn)者。更容易在書(shū)簽中識(shí)別。如果你喜歡在你覺(jué)得有用的網(wǎng)站上做書(shū)簽,或者你認(rèn)為在未來(lái)幾天會(huì)對(duì)你有用,你就會(huì)注意到一個(gè)圖標(biāo)是多么有價(jià)值。
4. 查看你的書(shū)簽。如果你看到的只是文字而沒(méi)有任何圖標(biāo),這難道不是一件令人頭痛的事情嗎?這些圖標(biāo)將使您更容易地識(shí)別您想要查看的網(wǎng)站,而無(wú)需逐個(gè)檢查每個(gè)書(shū)簽條目。你的眼睛很容易被吸引到你訂閱的每個(gè)網(wǎng)站的小圖標(biāo)上。它節(jié)省時(shí)間。由于我們已經(jīng)提到了favicon提供了良好的用戶體驗(yàn),部分原因是用戶可以通過(guò)這些小圖標(biāo)節(jié)省時(shí)間。有了favicons,你可以很容易地點(diǎn)擊你想要的網(wǎng)站,因?yàn)樗霈F(xiàn)在你的書(shū)簽中(如果你做了書(shū)簽),你可以很容易地在你的標(biāo)簽中找到它,特別是如果你有很多開(kāi)放的網(wǎng)站。所以,與其一個(gè)一個(gè)地檢查,這個(gè)圖標(biāo)可以讓你確信你會(huì)在你要找的正確的網(wǎng)站上。
5 .設(shè)計(jì)師們喜歡儉省的工作方式以獲得更大的成就。用于桌面圖標(biāo)。一些網(wǎng)站使用他們的圖標(biāo)作為網(wǎng)站圖標(biāo)。這給了他們雙重目的。這也可以讓你很容易地識(shí)別它,如果你想使用它,特別是它的圖標(biāo)是相同的或類似于他們的標(biāo)志和favicon.