2022-12-29 分類: 網(wǎng)站建設(shè)
我們已經(jīng)說過,我們會再說一遍:建立一個美麗的網(wǎng)站,你不必成為一個熟練的編碼器或?qū)<覉D形設(shè)計師。網(wǎng)上有很多工具和資源可以幫助你創(chuàng)建一個網(wǎng)站,讓你的朋友、家人和客戶都認(rèn)為你雇傭了一個專業(yè)人士。
這里的一個資源,可以幫助您的網(wǎng)站從優(yōu)秀到卓越:圖標(biāo)。圖標(biāo)可以對你的整體設(shè)計增加了巨大的價值。所以在這篇文章中我將如何找到并輕松添加圖標(biāo)到您的網(wǎng)站。
為什么網(wǎng)站圖標(biāo)對你的設(shè)計很重要?
一個字:溝通。圖標(biāo)通過將訪問者的注意力吸引到最重要的內(nèi)容上,從而有助于傳達(dá)站點的主要消息。它們就像街道標(biāo)志,引導(dǎo)游客到他們需要去的地方。
一個簡單的電話圖標(biāo)可以讓客戶更快更容易地找到你的電話號碼。地圖的圖標(biāo)可以幫助某人快速找到你所在的商店所在地。一個購物車的圖標(biāo)會讓顧客結(jié)賬,更快地購買。
圖標(biāo)也有利于你的網(wǎng)站因為:
●它們很容易識別。如果一個新訪問者來到你的站點,圖標(biāo)將允許他們快速掃描和吸收內(nèi)容。
●他們看起來真棒!這已經(jīng)不是什么秘密的視覺效果,提高整體設(shè)計你的網(wǎng)站。圖標(biāo)讓你的頁面更好看幫助與可讀性同樣轉(zhuǎn)行做。
●他們普遍理解。它很容易創(chuàng)建一個多語種網(wǎng)站,但圖標(biāo)也給你的站點的主要信息利用,無論語言圖像理解溝通的好方法。
沒有圖標(biāo),這部分網(wǎng)站會看起來有點沉重的文字。
在上面的例子中,你可以看到一些簡單的圖標(biāo),提高整個網(wǎng)站的視覺信息。
你如何選擇正確的網(wǎng)站圖標(biāo)?
首先,不要太有創(chuàng)意的當(dāng)你選擇你的網(wǎng)站圖標(biāo)。如果你正在尋找一個圖標(biāo)來代表“搜索”使用放大鏡圖標(biāo)。如果你正在尋找一個圖標(biāo),回到你的主頁直接的人,用一個房子的圖標(biāo)。堅持嘗試和真正的偶像,是常見的用法,而不是創(chuàng)建自己的。
不是每一件你的網(wǎng)站內(nèi)容必須匹配一個明顯的圖標(biāo)。選擇一個圖像,最接近的意思是代表的內(nèi)容。它伴隨著一個圖標(biāo)的文本如果有任何歧義,也是一個很好的實踐。要記住的圖標(biāo),最重要的是,他們是為了補充你的內(nèi)容,而不是取代它。
另一件事時要考慮選擇一個圖標(biāo)關(guān)聯(lián)??杀氖牵慌_打字機、錄音機或磁帶可能是一些年輕聽眾的過時的表現(xiàn)。
如果您不確定您的圖標(biāo)是否準(zhǔn)確地表示了您的內(nèi)容,請運行可用性測試。這會告訴你如果有人理解你正確的路標(biāo)。
本網(wǎng)站網(wǎng)站成功使用圖標(biāo)來補充文本。它也使網(wǎng)站的一部分,通常是非常文本重,更具視覺吸引力。
正確使用圖標(biāo)的技巧
有四個關(guān)鍵因素記得使用圖標(biāo):
●大?。耗銜娼鸢l(fā)配置您的圖標(biāo)的大小而確保圖標(biāo)是不是太小了,他們是很難看到的,但也不能太大,他們壓倒一切。
●位置:使用列的文本排列圖標(biāo)是一個有組織的和強大的方式。根據(jù)你的網(wǎng)站布局,你會發(fā)現(xiàn)圖標(biāo)看起來最好的文本的左側(cè),在上方的文字,以下文字。無論你決定,把你所有的圖標(biāo)與文本相同的位置。
將所有圖標(biāo)放置在與文本相關(guān)的位置上。在上面的例子中,不一致的放置使讀起來更困難。
● 顏色:盡量堅持一種顏色來保持一個強有力的和大膽的外觀。一個好的開始的地方是使用一個顏色,在你的標(biāo)志或其他品牌。另外,記住顏色可以是一個非常強大的工具,并增強了行動的號召力。按照本指南討論心理學(xué)色彩選擇你的圖標(biāo)的顏色最好。
● 一致性:選擇的圖標(biāo),都有相似的外觀和感覺??纯慈绾位旌蠄D標(biāo)風(fēng)格會干擾漂亮的設(shè)計效果。
這是最好的使用是一致的風(fēng)格和顏色的圖標(biāo)。
在哪里可以找到免費的網(wǎng)站圖標(biāo)
有大量的圖標(biāo)庫,其中許多可以讓你使用設(shè)計良好的圖標(biāo)免費或歸因。我列出了下面的一些收藏夾。
注意:這些站點中的許多都允許您在許多不同的文件版本中下載圖標(biāo)。最好的結(jié)果和維護你的網(wǎng)站快速的加載時間,我們建議PNG。
iconmonstr
iconmonstr有近3000的網(wǎng)站圖標(biāo)選擇。
iconmonstr已接近3000的圖標(biāo),選擇你的網(wǎng)站。
這有什么好?
● 這是免費的。
● 您可以自定義圖標(biāo)的大小和顏色。
● 你可以搜索圖標(biāo)按類別。
什么不好的呢?
● 你不能保存自定義大小和顏色。如果您創(chuàng)建了一個圖標(biāo),調(diào)整大小和顏色,一定要使大小和顏色代碼的注意,你用以適用于未來的圖標(biāo)。
flaticon.com
flaticon.com有一個巨大的市場,免費的網(wǎng)站圖標(biāo)。
有一個巨大的市場flaticon.com免費網(wǎng)站圖標(biāo)。
有什么好?
● 你可以搜索圖標(biāo)類。
● 在網(wǎng)站上,你可以保存圖標(biāo)在“我的偶像”。這有助于在選擇過程中,可以很容易地回去找你喜歡的圖標(biāo)或已經(jīng)使用在您的網(wǎng)站上。
● 你可以下載icons城市規(guī)模。
什么不好的呢?
● flaticon.com是免費的但是有一點需要注意;你必須屬性的作者。如果你想讓你的網(wǎng)站免費的屬性,您必須購買一個包月套餐。
● 所有的圖標(biāo)都是黑色的。改變顏色,你將不得不修改自己的圖標(biāo),使用PS圖象處理軟件或其他設(shè)計方案。
flaticons.net
flaticons.net是尋找和定制圖標(biāo)的另一大來源。
flaticons.net是一個很好的資源,可以讓你自定義大小和顏色的圖標(biāo)。
有什么好?
● 這是免費的。
● 您可以自定義圖標(biāo)的大小和顏色。
● 你可以創(chuàng)建一個雙色圖標(biāo)自定義背景和圖標(biāo)的顏色。
● 你可以搜索一個圖標(biāo)或按類別瀏覽。
什么不好的呢?
● 像iconmonstr,你不能保存自定義大小和顏色。
筆記你可以復(fù)制一個顏色準(zhǔn)確的找到其“HEX碼”-這是一個數(shù)字值,標(biāo)識的顏色和確保你得到一個好的比賽。找到一個十六進(jìn)制編碼,使用插件colorzilla或滴管。這些工具可以搭配顏色的任何網(wǎng)站,包括你自己。
其他資源
尋找一些更獨特的嗎?嘗試搜索“免費矢量之類的網(wǎng)站圖標(biāo)”freepik.com或Behance,許多藝術(shù)家分享免費圖標(biāo)集。(“矢量”意味著你會在一個高質(zhì)量的格式,可以很容易地被放大或縮小的圖標(biāo)。這是網(wǎng)頁設(shè)計的標(biāo)準(zhǔn)。)
如果你想滿足你的品牌圖標(biāo),你可以打開99designs定制的圖標(biāo),在那里你可以得到適合你去精確查找。
如何添加一個圖標(biāo)到您的Jimdo網(wǎng)站
添加一個圖標(biāo)就是添加照片到Jimdo網(wǎng)站:使用照片元素。添加照片的元素,你想要的圖標(biāo),然后上傳的圖標(biāo)png文件。你可以調(diào)整大小和調(diào)整以下設(shè)置圖標(biāo)的位置。如果你想要的圖標(biāo),鏈接到另一個網(wǎng)頁或關(guān)閉您的網(wǎng)站,點擊鏈接圖標(biāo),選擇內(nèi)部鏈接和外部鏈接。
你可以很容易地添加一個圖標(biāo)到您的Jimdo網(wǎng)站使用圖片元素。
添加社會媒體圖標(biāo)
Jimdo,有兩種社會媒體元素。
1. 共享:你可以讓人們在自己的社交媒體賬戶使用共享按鈕元素分享你的內(nèi)容。了解更多關(guān)于如何在我們的幫助中心。
2. 你可以通過直接鏈接到你自己的社交媒體來鼓勵人們跟隨你。要做到這一點,你可以使用內(nèi)置的臉譜網(wǎng),推特,和谷歌+元素。或者你可以找到你自己的社交媒體圖標(biāo),并將它們上傳到上面說明的照片元素中。將每個圖標(biāo)的鏈接設(shè)置為相應(yīng)的帳戶(即將臉譜網(wǎng)圖標(biāo)鏈接到您的臉譜網(wǎng)帳戶)。
或者,您可以添加到您的網(wǎng)站通過跟隨按鈕安裝部件如Addthis個或POWr.io
結(jié)論:使用圖標(biāo)來提高你網(wǎng)站的可讀性和設(shè)計
SEO專家尼爾帕特爾建議為了保持您網(wǎng)站的訪問者的最重要因素之一是可讀性。圖標(biāo)是一個簡單而有效的方式使你的網(wǎng)站更具可讀性。記得要選擇一個圖標(biāo),清楚地傳達(dá)和補充文本和遵循的四個主要因素:大小,顏色,位置,和一致性。
本文題目:如何查找和使用免費的網(wǎng)站圖標(biāo)_成都網(wǎng)站建設(shè)_創(chuàng)新互聯(lián)
當(dāng)前鏈接:http://jinyejixie.com/news/226489.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站建設(shè)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容