我們已經(jīng)說(shuō)過(guò)，我們會(huì)再說(shuō)一遍：建立一個(gè)美麗的網(wǎng)站，你不必成為一個(gè)熟練的編碼器或?qū)＜覉D形設(shè)計(jì)師。網(wǎng)上有很多工具和資源可以幫助你創(chuàng)建一個(gè)網(wǎng)站，讓你的朋友、家人和客戶都認(rèn)為你雇傭了一個(gè)專業(yè)人士。

這里的一個(gè)資源，可以幫助您的網(wǎng)站從優(yōu)秀到卓越：圖標(biāo)。圖標(biāo)可以對(duì)你的整體設(shè)計(jì)增加了巨大的價(jià)值。所以在這篇文章中我將如何找到并輕松添加圖標(biāo)到您的網(wǎng)站。

為什么網(wǎng)站圖標(biāo)對(duì)你的設(shè)計(jì)很重要？

一個(gè)字：溝通。圖標(biāo)通過(guò)將訪問(wèn)者的注意力吸引到最重要的內(nèi)容上，從而有助于傳達(dá)站點(diǎn)的主要消息。它們就像街道標(biāo)志，引導(dǎo)游客到他們需要去的地方。

一個(gè)簡(jiǎn)單的電話圖標(biāo)可以讓客戶更快更容易地找到你的電話號(hào)碼。地圖的圖標(biāo)可以幫助某人快速找到你所在的商店所在地。一個(gè)購(gòu)物車的圖標(biāo)會(huì)讓顧客結(jié)賬，更快地購(gòu)買。

圖標(biāo)也有利于你的網(wǎng)站因?yàn)椋?/p>

●它們很容易識(shí)別。如果一個(gè)新訪問(wèn)者來(lái)到你的站點(diǎn)，圖標(biāo)將允許他們快速掃描和吸收內(nèi)容。

●他們看起來(lái)真棒！這已經(jīng)不是什么秘密的視覺(jué)效果，提高整體設(shè)計(jì)你的網(wǎng)站。圖標(biāo)讓你的頁(yè)面更好看幫助與可讀性同樣轉(zhuǎn)行做。

●他們普遍理解。它很容易創(chuàng)建一個(gè)多語(yǔ)種網(wǎng)站，但圖標(biāo)也給你的站點(diǎn)的主要信息利用，無(wú)論語(yǔ)言圖像理解溝通的好方法。

沒(méi)有圖標(biāo)，這部分網(wǎng)站會(huì)看起來(lái)有點(diǎn)沉重的文字。

在上面的例子中，你可以看到一些簡(jiǎn)單的圖標(biāo)，提高整個(gè)網(wǎng)站的視覺(jué)信息。

你如何選擇正確的網(wǎng)站圖標(biāo)？

首先，不要太有創(chuàng)意的當(dāng)你選擇你的網(wǎng)站圖標(biāo)。如果你正在尋找一個(gè)圖標(biāo)來(lái)代表“搜索”使用放大鏡圖標(biāo)。如果你正在尋找一個(gè)圖標(biāo)，回到你的主頁(yè)直接的人，用一個(gè)房子的圖標(biāo)。堅(jiān)持嘗試和真正的偶像，是常見(jiàn)的用法，而不是創(chuàng)建自己的。

不是每一件你的網(wǎng)站內(nèi)容必須匹配一個(gè)明顯的圖標(biāo)。選擇一個(gè)圖像，最接近的意思是代表的內(nèi)容。它伴隨著一個(gè)圖標(biāo)的文本如果有任何歧義，也是一個(gè)很好的實(shí)踐。要記住的圖標(biāo)，最重要的是，他們是為了補(bǔ)充你的內(nèi)容，而不是取代它。

另一件事時(shí)要考慮選擇一個(gè)圖標(biāo)關(guān)聯(lián)?？杀氖?，一臺(tái)打字機(jī)、錄音機(jī)或磁帶可能是一些年輕聽(tīng)眾的過(guò)時(shí)的表現(xiàn)。

如果您不確定您的圖標(biāo)是否準(zhǔn)確地表示了您的內(nèi)容，請(qǐng)運(yùn)行可用性測(cè)試。這會(huì)告訴你如果有人理解你正確的路標(biāo)。

本網(wǎng)站網(wǎng)站成功使用圖標(biāo)來(lái)補(bǔ)充文本。它也使網(wǎng)站的一部分，通常是非常文本重，更具視覺(jué)吸引力。

正確使用圖標(biāo)的技巧

有四個(gè)關(guān)鍵因素記得使用圖標(biāo)：

●大?。耗銜?huì)玩金發(fā)配置您的圖標(biāo)的大小而確保圖標(biāo)是不是太小了，他們是很難看到的，但也不能太大，他們壓倒一切。

●位置：使用列的文本排列圖標(biāo)是一個(gè)有組織的和強(qiáng)大的方式。根據(jù)你的網(wǎng)站布局，你會(huì)發(fā)現(xiàn)圖標(biāo)看起來(lái)最好的文本的左側(cè)，在上方的文字，以下文字。無(wú)論你決定，把你所有的圖標(biāo)與文本相同的位置。

將所有圖標(biāo)放置在與文本相關(guān)的位置上。在上面的例子中，不一致的放置使讀起來(lái)更困難。

● 顏色：盡量堅(jiān)持一種顏色來(lái)保持一個(gè)強(qiáng)有力的和大膽的外觀。一個(gè)好的開(kāi)始的地方是使用一個(gè)顏色，在你的標(biāo)志或其他品牌。另外，記住顏色可以是一個(gè)非常強(qiáng)大的工具，并增強(qiáng)了行動(dòng)的號(hào)召力。按照本指南討論心理學(xué)色彩選擇你的圖標(biāo)的顏色最好。

● 一致性：選擇的圖標(biāo)，都有相似的外觀和感覺(jué)?？纯慈绾位旌蠄D標(biāo)風(fēng)格會(huì)干擾漂亮的設(shè)計(jì)效果。

這是最好的使用是一致的風(fēng)格和顏色的圖標(biāo)。

在哪里可以找到免費(fèi)的網(wǎng)站圖標(biāo)

有大量的圖標(biāo)庫(kù)，其中許多可以讓你使用設(shè)計(jì)良好的圖標(biāo)免費(fèi)或歸因。我列出了下面的一些收藏夾。

注意：這些站點(diǎn)中的許多都允許您在許多不同的文件版本中下載圖標(biāo)。最好的結(jié)果和維護(hù)你的網(wǎng)站快速的加載時(shí)間，我們建議PNG。

iconmonstr

iconmonstr有近3000的網(wǎng)站圖標(biāo)選擇。

iconmonstr已接近3000的圖標(biāo)，選擇你的網(wǎng)站。

這有什么好？

● 這是免費(fèi)的。

● 您可以自定義圖標(biāo)的大小和顏色。

● 你可以搜索圖標(biāo)按類別。

什么不好的呢？

● 你不能保存自定義大小和顏色。如果您創(chuàng)建了一個(gè)圖標(biāo)，調(diào)整大小和顏色，一定要使大小和顏色代碼的注意，你用以適用于未來(lái)的圖標(biāo)。

flaticon.com

flaticon.com有一個(gè)巨大的市場(chǎng)，免費(fèi)的網(wǎng)站圖標(biāo)。

有一個(gè)巨大的市場(chǎng)flaticon.com免費(fèi)網(wǎng)站圖標(biāo)。

有什么好？

● 你可以搜索圖標(biāo)類。

● 在網(wǎng)站上，你可以保存圖標(biāo)在“我的偶像”。這有助于在選擇過(guò)程中，可以很容易地回去找你喜歡的圖標(biāo)或已經(jīng)使用在您的網(wǎng)站上。

● 你可以下載icons城市規(guī)模。

什么不好的呢？

● flaticon.com是免費(fèi)的但是有一點(diǎn)需要注意；你必須屬性的作者。如果你想讓你的網(wǎng)站免費(fèi)的屬性，您必須購(gòu)買一個(gè)包月套餐。

● 所有的圖標(biāo)都是黑色的。改變顏色，你將不得不修改自己的圖標(biāo)，使用PS圖象處理軟件或其他設(shè)計(jì)方案。

flaticons.net

flaticons.net是尋找和定制圖標(biāo)的另一大來(lái)源。

flaticons.net是一個(gè)很好的資源，可以讓你自定義大小和顏色的圖標(biāo)。

有什么好？

● 這是免費(fèi)的。

● 您可以自定義圖標(biāo)的大小和顏色。

● 你可以創(chuàng)建一個(gè)雙色圖標(biāo)自定義背景和圖標(biāo)的顏色。

● 你可以搜索一個(gè)圖標(biāo)或按類別瀏覽。

什么不好的呢？

● 像iconmonstr，你不能保存自定義大小和顏色。

筆記你可以復(fù)制一個(gè)顏色準(zhǔn)確的找到其“HEX碼”-這是一個(gè)數(shù)字值，標(biāo)識(shí)的顏色和確保你得到一個(gè)好的比賽。找到一個(gè)十六進(jìn)制編碼，使用插件colorzilla或滴管。這些工具可以搭配顏色的任何網(wǎng)站，包括你自己。

其他資源

尋找一些更獨(dú)特的嗎？嘗試搜索“免費(fèi)矢量之類的網(wǎng)站圖標(biāo)”freepik.com或Behance，許多藝術(shù)家分享免費(fèi)圖標(biāo)集。（“矢量”意味著你會(huì)在一個(gè)高質(zhì)量的格式，可以很容易地被放大或縮小的圖標(biāo)。這是網(wǎng)頁(yè)設(shè)計(jì)的標(biāo)準(zhǔn)。）

如果你想滿足你的品牌圖標(biāo)，你可以打開(kāi)99designs定制的圖標(biāo)，在那里你可以得到適合你去精確查找。

如何添加一個(gè)圖標(biāo)到您的Jimdo網(wǎng)站

添加一個(gè)圖標(biāo)就是添加照片到Jimdo網(wǎng)站：使用照片元素。添加照片的元素，你想要的圖標(biāo)，然后上傳的圖標(biāo)png文件。你可以調(diào)整大小和調(diào)整以下設(shè)置圖標(biāo)的位置。如果你想要的圖標(biāo)，鏈接到另一個(gè)網(wǎng)頁(yè)或關(guān)閉您的網(wǎng)站，點(diǎn)擊鏈接圖標(biāo)，選擇內(nèi)部鏈接和外部鏈接。

你可以很容易地添加一個(gè)圖標(biāo)到您的Jimdo網(wǎng)站使用圖片元素。

添加社會(huì)媒體圖標(biāo)

Jimdo，有兩種社會(huì)媒體元素。

1. 共享：你可以讓人們?cè)谧约旱纳缃幻襟w賬戶使用共享按鈕元素分享你的內(nèi)容。了解更多關(guān)于如何在我們的幫助中心。

2. 你可以通過(guò)直接鏈接到你自己的社交媒體來(lái)鼓勵(lì)人們跟隨你。要做到這一點(diǎn)，你可以使用內(nèi)置的臉譜網(wǎng)，推特，和谷歌+元素?；蛘吣憧梢哉业侥阕约旱纳缃幻襟w圖標(biāo)，并將它們上傳到上面說(shuō)明的照片元素中。將每個(gè)圖標(biāo)的鏈接設(shè)置為相應(yīng)的帳戶（即將臉譜網(wǎng)圖標(biāo)鏈接到您的臉譜網(wǎng)帳戶）。

或者，您可以添加到您的網(wǎng)站通過(guò)跟隨按鈕安裝部件如Addthis個(gè)或POWr.io

結(jié)論：使用圖標(biāo)來(lái)提高你網(wǎng)站的可讀性和設(shè)計(jì)

SEO專家尼爾帕特爾建議為了保持您網(wǎng)站的訪問(wèn)者的最重要因素之一是可讀性。圖標(biāo)是一個(gè)簡(jiǎn)單而有效的方式使你的網(wǎng)站更具可讀性。記得要選擇一個(gè)圖標(biāo)，清楚地傳達(dá)和補(bǔ)充文本和遵循的四個(gè)主要因素：大小，顏色，位置，和一致性。

本文題目：如何查找和使用免費(fèi)的網(wǎng)站圖標(biāo)_成都網(wǎng)站建設(shè)_創(chuàng)新互聯(lián)
當(dāng)前鏈接：http://www.rwnh.cn/news/226489.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)