2021-01-09 分類: 網(wǎng)站建設(shè)
網(wǎng)站設(shè)計(jì)必須兼?zhèn)鋵?shí)用性和藝術(shù)性才能稱得上是成功的網(wǎng)站設(shè)計(jì)。我們平時(shí)在互聯(lián)網(wǎng)上沖浪的時(shí)候,經(jīng)常會看到有些網(wǎng)站的URL地址前有一個(gè)很特別、很別致的個(gè)性化小圖標(biāo),這個(gè)小圖標(biāo)像網(wǎng)站的Logo一樣,不僅能夠幫助人們對網(wǎng)站的風(fēng)格和定位形成一個(gè)感性的認(rèn)識,還在某種程度上影響訪客對網(wǎng)站設(shè)計(jì)的整體觀感。因此,為網(wǎng)站創(chuàng)建一個(gè)定制的小圖標(biāo)是很有必要的,它可以讓瀏覽者在收藏你的網(wǎng)站的時(shí)候,把這個(gè)小圖標(biāo)也收藏進(jìn)去,并形成對你網(wǎng)站的深刻印象。
這些小圖標(biāo)通常出現(xiàn)在收藏夾里,或者網(wǎng)站瀏覽器的搜索框里。這些小圖標(biāo)就是我們所說的favicon。下面,我們就來介紹一下如何為你的網(wǎng)站設(shè)計(jì)作品創(chuàng)建這樣一個(gè)定制的圖標(biāo),相信,在使用了這種圖標(biāo)之后,你的網(wǎng)站在用戶體驗(yàn)方面的得分將會大有改觀的。
設(shè)計(jì)網(wǎng)站圖標(biāo)的圖案
使用繪圖工具,設(shè)計(jì)一個(gè)大小為16 x 16像素的圖片。這個(gè)圖片看上去會顯得很小,所以試著設(shè)計(jì)幾個(gè)不同的版本直到找到最適合你的網(wǎng)站的那一個(gè)。
然后將圖片用256色或更少色的GIF或BMP格式保存下來。如同網(wǎng)站圖片一樣圖標(biāo)文件需要在電腦屏幕上顯示,所以它們不會完全顯示成百上萬種顏色。盡管如此但是,如果一個(gè)圖標(biāo)文件只適合在Windows內(nèi)顯示,那么應(yīng)該用256種顏色而不是網(wǎng)站標(biāo)準(zhǔn)的216種顏色。
將其轉(zhuǎn)化為一個(gè)圖標(biāo)
在制作了一個(gè)令自己滿意的圖形后,你需要將其轉(zhuǎn)化為圖標(biāo)格式。事實(shí)上有很多圖標(biāo)編輯器,可以幫助你實(shí)現(xiàn)那些看似復(fù)雜的功能。作為圖片軟件向?qū)У奶K.切斯頓曾經(jīng)列出了一些比較好用的工具,我們可以任意選用。目前,很多網(wǎng)站設(shè)計(jì)者都選擇使用IconForge。一定要記住,我們要將文件存儲為favicon.ico.格式。
發(fā)布圖標(biāo)
發(fā)布圖標(biāo)是很簡單的, 把它上傳到想要收藏的相同的文件夾內(nèi)就可以了。
事實(shí)上,如果你愿意,你可以為每一個(gè)不同的頁面設(shè)計(jì)不同的圖標(biāo),或者在很多文件夾里調(diào)用同一個(gè)圖標(biāo)。如果要這么做,你要為每個(gè)你想添加有關(guān)favicon的HTML文件頭部添加一個(gè)鏈接。例如:[blockquote] [/blockquote]
Favicons 顯示位置
在你的網(wǎng)站上放置一個(gè)favicon.ico文件后,它顯示的位置可能不是那么明顯。Favicon 顯示的位置主要有三個(gè):
1.網(wǎng)站瀏覽器的收藏夾或者書簽里
2.網(wǎng)站瀏覽器的地址欄里,在URL旁邊
3.網(wǎng)站瀏覽器的TAB條內(nèi)。
在上傳你的圖標(biāo)后,要測試一下上傳后圖標(biāo)的效果,你需要清楚cache,然后再瀏覽你曾經(jīng)添加favicon的頁面。如果它沒有顯示在你的tab條或者地址欄內(nèi),將網(wǎng)站收藏一下,然后再查看一下你的收藏夾。如果它可以顯示的三個(gè)位置都沒有顯示的話,檢查一下你的瀏覽器版本,看它是否支持favicons,然后檢查一下你的圖標(biāo)文件,確保圖標(biāo)文件確實(shí)是一個(gè)圖標(biāo)文件。
網(wǎng)頁標(biāo)題:網(wǎng)頁設(shè)計(jì)是如何設(shè)計(jì)圖標(biāo)
文章位置:http://m.rwnh.cn/news/96586.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、域名注冊、外貿(mào)網(wǎng)站建設(shè)、服務(wù)器托管、營銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(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)
猜你還喜歡下面的內(nèi)容