當(dāng)您打開(kāi)了數(shù)十個(gè)站點(diǎn)時(shí),成都軟件制作的圖標(biāo)可以幫助您跟蹤不同的軟件。
軟件圖標(biāo)是與頁(yè)面標(biāo)題一起顯示在頁(yè)面選項(xiàng)卡上的圖標(biāo)。它們不僅可以幫助提高客戶瀏覽器中的可見(jiàn)度,還可以幫助加強(qiáng)您的品牌形象。
進(jìn)一步閱讀以了解什么是軟件圖標(biāo)、它們?nèi)绾斡绊慡EO、如何使用生成器制作軟件圖標(biāo)以及如何使用HTML將其添加到您的軟件。
軟件圖標(biāo)是代表品牌或軟件的瀏覽器圖標(biāo)。最常見(jiàn)于瀏覽器選項(xiàng)卡中軟件標(biāo)題旁邊的軟件圖標(biāo),也可以在地址欄、書(shū)簽列表、搜索引擎結(jié)果頁(yè)面(SERP)、工具欄、瀏覽器歷史記錄和網(wǎng)絡(luò)上的其他地方找到。
軟件圖標(biāo)不僅會(huì)影響用戶體驗(yàn)和品牌知名度,還會(huì)使您的軟件看起來(lái)更專業(yè)。
請(qǐng)注意,在移動(dòng)SERP中,Joy Us Garden和Easy to Grow Bulbs的軟件有花卉圖標(biāo),但The Succulent Sourc的軟件有一個(gè)灰色的地球。對(duì)于一個(gè)關(guān)于多肉植物的軟件來(lái)說(shuō),這沒(méi)有多大意義,是嗎?這是因?yàn)榈厍蚴前俣?Chrome為沒(méi)有自定義圖標(biāo)的軟件設(shè)置的默認(rèn)圖標(biāo)。
如果我快速瀏覽結(jié)果頁(yè)面,出于某些原因,我可能會(huì)決定在The Succulent Source上探索Joy Us Garden和Easy to Grow Bulbs 。
它們不僅首先出現(xiàn)在SERP中,而且它們的圖標(biāo)、URL、頁(yè)面標(biāo)題和元描述都表明它們是致力于所有植物的軟件。
現(xiàn)在,在桌面上的瀏覽器選項(xiàng)卡中想象這三個(gè)軟件。與The Succulent Source的默認(rèn)圖標(biāo)相比,記住Joy Us Garden和Easy to Grow Bulbs的自定義圖標(biāo)要容易得多。在大量打開(kāi)的選項(xiàng)卡中,我更有可能點(diǎn)擊返回帶有自定義圖標(biāo)的選項(xiàng)卡,并在這些軟件上花費(fèi)更多時(shí)間。
最后,假設(shè)我點(diǎn)擊了這些軟件中的每一個(gè)。在訪問(wèn)Joy Us Garden和Easy to Grow Bulbs時(shí),我立即注意到自定義圖標(biāo)是基于軟件的徽標(biāo)。后者的彩色標(biāo)志如下圖所示。您會(huì)認(rèn)出郁金香是他們的軟件圖標(biāo)。
這有助于加強(qiáng)他們的品牌形象,并使他們的軟件更令人難忘。
另一方面,在訪問(wèn)The Succulent Source時(shí),我將第一次看到他們的徽標(biāo)。他們可以通過(guò)匹配他們的標(biāo)志和軟件圖標(biāo)來(lái)提高他們的品牌一致性。
軟件圖標(biāo)的最佳尺寸是16x16 像素。這就是它們?cè)跒g覽器選項(xiàng)卡、地址欄和書(shū)簽列表中的顯示方式。理想情況下,您將創(chuàng)建多種尺寸的軟件圖標(biāo)。這樣您就可以在更大的屏幕上看到適當(dāng)縮放的版本,而不是16x16的版本。
雖然軟件圖標(biāo)不會(huì)直接影響您的搜索引擎排名,但它們確實(shí)會(huì)影響那些與您的軟件互動(dòng)的人在頁(yè)面上花費(fèi)的時(shí)間。
以這種方式考慮,如果您的客戶無(wú)法通過(guò)圖標(biāo)快速識(shí)別哪個(gè)選項(xiàng)卡是您的,他們就不太可能重新訪問(wèn)該頁(yè)面。
擁有一個(gè)獨(dú)特的標(biāo)志并將其用作您的軟件圖標(biāo)將使您的品牌形象處于客戶心中的最前沿。
選擇軟件圖標(biāo)時(shí),請(qǐng)確保沒(méi)有其他品牌具有類似徽標(biāo)。您可以通過(guò)反向圖像搜索您的徽標(biāo)來(lái)測(cè)試這一點(diǎn),看看其他品牌出現(xiàn)了什么。
確保您的軟件圖標(biāo)在顏色和外觀上都足夠獨(dú)特,以便消費(fèi)者可以輕松識(shí)別您的品牌。
軟件圖標(biāo)增加了訪問(wèn)者將您的頁(yè)面保存為書(shū)簽的可能性。這在搜索中有很多好處。如果用戶為您的軟件添加書(shū)簽, 百度會(huì)提升您的軟件并提高您的SEO排名。沒(méi)有軟件圖標(biāo)肯定會(huì)對(duì)您的排名產(chǎn)生負(fù)面影響,因?yàn)闆](méi)有軟件圖標(biāo)的書(shū)簽對(duì)用戶不友好。
此外,如果客戶想回顧您軟件上的文章或產(chǎn)品頁(yè)面,他們會(huì)轉(zhuǎn)到他們的歷史記錄。Favicons 出現(xiàn)在網(wǎng)絡(luò)搜索歷史中,通過(guò)幫助客戶快速識(shí)別過(guò)去的搜索來(lái)改善用戶體驗(yàn)。
現(xiàn)在我們了解了什么是軟件圖標(biāo)、它的用途和不同的大小,讓我們來(lái)看看如何制作一個(gè)。
您想使您的軟件圖標(biāo)易于識(shí)別并與您的品牌標(biāo)識(shí)保持一致。與其從頭開(kāi)始,不如以公司徽標(biāo)為基礎(chǔ)。
考慮在Fiverr或Upwork上聘請(qǐng)平面設(shè)計(jì)師來(lái)創(chuàng)建您的徽標(biāo),或使用Logo Crisp等工具來(lái)設(shè)計(jì)您自己的徽標(biāo)。
有了徽標(biāo)后,就該制作軟件圖標(biāo)了。
請(qǐng)記?。耗能浖D標(biāo)應(yīng)與徽標(biāo)的元素相匹配,但不必完全匹配。Favicons通常需要比品牌標(biāo)志更簡(jiǎn)單,因?yàn)樗鼈兊某叽绾苄 ?
像谷歌和Facebook這樣的公司在他們的軟件圖標(biāo)中使用他們公司的首字母,并使用與他們的標(biāo)志相同的配色方案。一些企業(yè)將其徽標(biāo)的倒置配色方案用于其軟件圖標(biāo),增加了更多的負(fù)空間。
如果您沒(méi)有平面設(shè)計(jì)或藝術(shù)背景,那么創(chuàng)建徽標(biāo)可能會(huì)讓人覺(jué)得力不從心。如果你選擇聘請(qǐng)平面設(shè)計(jì)師,一定要征求他們對(duì)配色方案、字體類型和整體形象的意見(jiàn)。
查看此博客,了解2023年品牌徽標(biāo)趨勢(shì)。
一旦你對(duì)你的標(biāo)志感到滿意,你就可以開(kāi)始制作你的圖標(biāo)了。不幸的是,這并不像將您的徽標(biāo)壓縮成16x16正方形然后收工那么簡(jiǎn)單。例如,您的徽標(biāo)可能包含文本,這些文本在縮小時(shí)將無(wú)法辨認(rèn)。
這就是為什么您想使用徽標(biāo)中最容易識(shí)別的部分并將其作為您的軟件圖標(biāo)的原因。Easy to Grow Bulbs通過(guò)從他們的標(biāo)志中取出郁金香并將其作為他們的圖標(biāo)來(lái)做到這一點(diǎn)。
要進(jìn)行此類更改,您可能需要使用IconEdit2等圖標(biāo)編輯軟件。使用大多數(shù)圖標(biāo)編輯軟件,您可以將多種尺寸添加到單個(gè)圖標(biāo)文件中。
一旦您對(duì)軟件圖標(biāo)圖像和尺寸感到滿意,您可以將文件保存為PNG或JPG格式并將其上傳到軟件圖標(biāo)生成器。
如何在HTML中添加軟件圖標(biāo)
創(chuàng)建軟件圖標(biāo)后,您必須告訴瀏覽器和其他網(wǎng)絡(luò)應(yīng)用程序在哪里可以找到它。為此,您必須在HTML文件的部分添加一行代碼。
假設(shè)您將 PNG文件保存為“favicon.ico”。然后,您可以在標(biāo)記之間的任意位置添加以下代碼片段:
請(qǐng)注意:您的軟件圖標(biāo)不必放在軟件的根目錄中——通常是這樣。如果您將其保存在其他位置,只需確保 href 屬性準(zhǔn)確無(wú)誤。因此,如果您將它保存到名為“images”的子文件夾中,那么您將輸入
現(xiàn)在假設(shè)您創(chuàng)建了多種軟件圖標(biāo)尺寸。您可以通過(guò)將每種尺寸的代碼行添加到HTML文件的部分來(lái)將它們?nèi)考虞d到您的軟件上。
軟件圖標(biāo)是軟件設(shè)計(jì)的重要元素。它們可以改善訪問(wèn)者體驗(yàn),增強(qiáng)您的品牌形象,并使您的軟件看起來(lái)更可信。
不要犯忽視它們的錯(cuò)誤——尤其是當(dāng)它們很容易創(chuàng)建和添加到您的站點(diǎn)時(shí)。您只需要一個(gè)免費(fèi)的圖標(biāo)生成器和對(duì)HTML的一些熟悉。
總的來(lái)說(shuō),為您的成都軟件制作圖標(biāo)是一項(xiàng)重要的工作。通過(guò)使用合適的圖標(biāo),您可以提高軟件的用戶體驗(yàn),增強(qiáng)其視覺(jué)效果,并吸引更多的用戶。
文章均為京上云專業(yè)成都軟件開(kāi)發(fā)公司,專注于成都軟件開(kāi)發(fā)服務(wù)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來(lái)自http://hyd365.cn/news/3990.html