如何查找和使用免費(fèi)的網(wǎng)站圖標(biāo)_成都網(wǎng)站建設(shè)_創(chuàng)新互聯(lián)

2022-12-29    分類: 網(wǎng)站建設(shè)

我們已經(jīng)說過,我們會(huì)再說一遍:建立一個(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)可以對你的整體設(shè)計(jì)增加了巨大的價(jià)值。所以在這篇文章中我將如何找到并輕松添加圖標(biāo)到您的網(wǎng)站。

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

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

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

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

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

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

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

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

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

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

首先,不要太有創(chuàng)意的當(dāng)你選擇你的網(wǎng)站圖標(biāo)。如果你正在尋找一個(gè)圖標(biāo)來代表“搜索”使用放大鏡圖標(biāo)。如果你正在尋找一個(gè)圖標(biāo),回到你的主頁直接的人,用一個(gè)房子的圖標(biāo)。堅(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ī)或磁帶可能是一些年輕聽眾的過時(shí)的表現(xiàn)。

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

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

正確使用圖標(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)看起來最好的文本的左側(cè),在上方的文字,以下文字。無論你決定,把你所有的圖標(biāo)與文本相同的位置。

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

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

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

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

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

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

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

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

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

iconmonstr

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

iconmonstr

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

這有什么好?

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

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

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

什么不好的呢?

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

flaticon.com

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

免費(fèi)網(wǎng)站圖標(biāo)

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

有什么好?

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

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

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

什么不好的呢?

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

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

flaticons.net

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

自定義大小和顏色的圖標(biāo)

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)頁設(shè)計(jì)的標(biāo)準(zhǔn)。)

如果你想滿足你的品牌圖標(biāo),你可以打開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)頁或關(guān)閉您的網(wǎng)站,點(diǎn)擊鏈接圖標(biāo),選擇內(nèi)部鏈接和外部鏈接。

網(wǎng)站使用圖片元素

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

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

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

1. 共享:你可以讓人們在自己的社交媒體賬戶使用共享按鈕元素分享你的內(nèi)容。了解更多關(guān)于如何在我們的幫助中心。

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

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

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

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

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

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

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

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

廣告

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

微信小程序開發(fā)