導航:首頁 > 萬維百科 > 網頁設計最下面的標志

網頁設計最下面的標志

發布時間:2020-11-13 21:51:51

1、如何在網頁設計的標題便簽title上看到公司LOGO

方法是:找一個或者作一個ico文件,然後把文件的名字改為favicon.ico,像素大小為16*16,所使用的顏色不得超過16色,然後再把favicon.ico放到網站的根目錄下就行了。
這樣的話瀏覽器會不停的搜索網站的根目錄,只要它一發現了名字叫做favicon.ico 這個文件,就會將該圖標顯示在訪問者的地址欄和收藏夾列表中了。

另一種實現方法是在網頁HEAD標記中添加如下代碼:
<HEAD> <LINK REL=」SHORTCUT ICON」 HREF=」http://網站地址/favicon.ico」$amp;>amp;$lt;/HEAD> 使用這個做法的話,就不一定要把圖形文件放在網站的根目錄下面了,可以放在任何位置,甚至直接連結到其他網站上面的圖形文件也可以,而且圖形文件的文件 名也不一定要叫做 favicon.ico,可以自己隨便取。 不過要注意的是使用這個做法的話,只有在把有加入上面 HTML 語法的頁面加入書簽的時候才會有作用。

2、網頁設計怎麼定義頁面標簽上的小logo?如圖中紅圈圈出來的部分。

先設計你需要的logo,32*32像素的ico圖片,然後命名為:」favicon「,文件格式為:「.ico」。然後放在伺服器的根目錄下即可。比如百度的logo,這樣就可以找到:

在網頁後面輸入:favicon.ico,回車即可。

3、在網頁製作過程中,LOGO的標准尺寸為多少Pixels.

LOGO的國際標准規范
為了便於INTERNET上信息的傳播,一個統一的國際標準是需要的。實際上已經有了這樣的一整套標准。其中關於網站的LOGO,目前有國際標准規范

全尺寸banner為468*60px,
半尺寸banner為234*60px,
小banner為88*31px
另外120*90,120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K
由於網路頁面和顯示器目前的設定
網站LOGO大小規定為88*31
而企業或者組織的LOGO通常不限定大小
至於Banner也是有相關尺寸規定的;

另:網站LOGO設計規范
LOGO的應用一直是CIS導入的基礎和最直接的表現形式,其重要性是不言而喻
的,網路標識的設計尤其如此。
一、標識的職能:
作為獨特的傳媒符號,標識(LOGO)一直成為傳播特殊信息的視覺文化語言。
具信,最早的符合CIS精神的標識實例,是2433年前陪葬我國楚地的曾侯乙的一隻
戟上的"曾"字型圖標。無論從古時繁復的歐式徽標、中式龍文,到現代洗練的抽象紋
樣、簡單字標等都是在實現著標識被標識體的目的,即:
通過對標識的識別、區別、引發聯想、增強記憶,促進被標識體與其對象的溝通
與交流,從而樹立並保持對被標識體的認知、認同,達到高效提高認知度、美譽度的
效果。作為時代的前衛,網路LOGO的設計,更應遵循CIS的整體規律並有所突破。
二、網路LOGO設計的基本應用原理:
在網路LOGO設計中極為強調統一的原則。統一並不是反復某一種設計原理,應
該是將其他的任何設計原理如:主導性、從屬性、相互關系、均衡、比例、反復、反
襯、律動、對稱、對比、借用、調和、變異等設計人員所熟知的各種原理,正確地應
用於設計的完整表現。統一也可解釋為,共通以上所述各原理,而更高、更概括、更
綜合的原理。
構成LOGO要素的各部分,一般都具有一種共通性及差異性,這個差異性又稱為
獨特性,或叫做變化,而統一是將多樣性提煉為一個主要表現體,稱為多樣統一的原
理。統一在各部分之中的要素中,有一個大小、材質、位置等具有支配全體的作用的
要素,被稱為支配。精確把握對象的多樣統一並突出支配性要素,是設計網路LOGO
必備技術因素。
網路LOGO所強調的辨別性及獨特性,導致相關圖案字體的設計也要和被標識體
的性質有適當的關聯,並具備類似風格的造型。
記得最近EASTECHO的網友論壇重新開張之時,就有小魔女對論壇的LOGO表
示了異議,一個簡單印刷字體的LOGO與浪子固有的獨特風格、精益求精的品質有較
大背離,並與整個網站LOGO缺乏聯系,從而產生認知的歧義。不過作為充斥英文LOGO
的浪子網站,做了中文LOGO嘗試,算個突破吧。
網路LOGO設計更應注重是一種對事物張力的把握,在濃縮了文化、背景、對象、
理念及各種設計原理的基調上,實現對象最沖動的視覺體現。也可以理解為一種最受
制約的沖動,在任何方面的張力不足的情況下,精心設計的LOGO常會因為不理解、
不認同、不現實、不前衛、不藝術、不朴實等相互矛盾的理由而被用戶拒絕或為受眾
排斥、遺忘。所以恰到好處的理解用戶及LOGO的應用對象,是少做無用功的不二法
門。不考慮國情和用戶的認識水平,對自身設計能力估計不足都是要不得的。在國內
給哪個賣計算機的老闆設計個$300萬的朗訊紅圈LOGO,很容易被看作是騙錢的。
三、網路LOGO的表現形式:
作為具有傳媒特性的LOGO,為了在最有效的空間內實現所有的視覺識別功能,
一般是通過特示圖案及特示文字的組合,達到對被標識體的出示、說明、溝通、交流
從而引導受眾的興趣、達到增強美譽、記憶等目的。
表現形式的組合方式一般分為特示圖案,特示字體,合成字體。
1、特示圖案:
屬於表象符號,獨特、醒目、圖案本身易被區分、記憶,通過隱寓、聯想、概括、
抽象等繪畫表現方法表現被標識體,對其理念的表達概括而形象,但與被標識體關聯
性不夠直接,受眾容易記憶圖案本身,但對被標識體的關系的認知需要相對較曲折的
過程,但一旦建立聯系,印象較深刻,對被標識體記憶相對持久。
所以對持久記憶要求高時應設計良好的特示圖案形象,較好的設計如蘋果公司的
牙印蘋果,對圖案LOGO的面向推廣的各種要素都把握的恰到好處,另外一些情況下,
希望在較短期限內建立形象的,還應該設計相應的吉祥物,以類似蘋果這樣耳熟能詳
的概念,強化溝通和理解。
在現代精神快餐的時代,朗訊的紅圈也在成為時尚。不過這類設計在國內還只有
設計公司的網站才能接收吧,但有線電視的一個最新的影視綜藝節目的LOGO就出現
了螺旋型的朗訊紅圈,可嘆借鑒時大膽有餘,創意不足了。
2、特示文字:屬於表意符號。在溝通與傳播活動中,反復使用的被標識體的名稱
或是其產品名,用一種文字形態加以統一。涵義明確、直接,與被標識體的聯系密切,
易於被理解,認知,對所表達的理念也具有說明的作用,但因為文字本身的相似性易
模糊受眾對標識本身的記憶,從而對被標識體的長久記憶發生弱化。
所以特示文字,一般作為特示圖案的補充,要求選擇的字體應與整體風格一致,
應盡可能做全新的區別性創作。
完整的LOGO設計,尤其是有中國特色的LOGO設計,在國際化的要求下,一
般都應考慮至少有中英文雙語的形式,要考慮中英文字的比例,搭配、一般要有圖案
中文、圖案英文、圖案中英文、及單獨的圖案、中文、英文的組合形式。有的還要考
慮繁體、其他特定語言版本等。另外還要兼顧標識或文字展開後的應用是否美觀,這
一點對背景等的製作十分必要,有利於追求符號擴張的效果。
閃客帝國及其前身的邊城浪子LOGO,都有著極好的設計,但都沒有考慮中文,
不過浪子好象一直對漢字的表現力如極小字體的缺乏、特性字體缺少等頗不以為然,
也許導致他怠於思考對中文的設計。這對面向國內網友的網站LOGO,不能不說是一
種遺憾吧。
3、合成文字:
是一種表象表意的綜合,指文字與圖案結合的設計,兼具文字與圖案的屬性,但
都導致相關屬性的影響力相對弱化,為了不同的對象取向,製作偏圖案或偏文字的
LOGO,會在表達時產生較大的差異。如只對印刷字體做簡單修飾,或把文字變成一
種裝飾造型讓大家去猜。其綜合功能為:
a.能夠直接將被標識體的印象,透過文字造型讓讀者理解;
b.造型後的文字,較易於使觀者留下深刻印象與記憶;
四、網路LOGO的設計
古代皇家的紋章,有條件通過反復的識別性展示使受眾了解其蘊涵的身份、地位、
等級等屬性,可以被設計的極盡繁復,但現代人對簡潔、明快、流暢、瞬間印象的訴
求,影響到標識的設計越來越追求一種獨特的、高度的洗練,一些已在用戶群中產生
了一定印象的公司、團體為了強化受眾的區別性記憶及持續的品牌忠誠,通過設計更
獨特、更易被理解的圖案來強化對既有理念的認同。一些老牌公司就在積極更新標識,
可口可樂的標識就曾幾易其稿。
而一些追求受眾快速認知的群體,就會強化對文字表達直接性的需求,通過採用
文字特徵明顯的合成文字來表現,並通過現代媒體的大量反復來強化、保持易被模糊
的記憶。如INTEL的E字簡單位移構成的LOGO形式。
網路LOGO的設計中,大量的採用合成文字的設計方式,如YAHOO,AMAZON
等的文字LOGO和國內幾乎所有ISP,這一方面是網頁寸屏寸金的制約,要求LOGO
的尺寸要盡可能的小;另一方面是由於這些網站建設之初,一般缺乏優秀的形象設計
師的參與,決策者多數為技術類人員,對直截了當、簡潔明快有種直覺式的追求;而
最主要的是網路的特性決定了僅靠對LOGO產生短暫清晰的記憶,通過低成本大量反
復瀏覽,既可產生需要圖形保持提升的那部分印象記憶。所以網路LOGO對於合成文
字的追求已漸成網路LOGO的一種事實規范。
隨著管理人員、設計人員,策劃人員的介入網路,更加高效的LOGO設計亦得到
良好的探索。特別是一些設計網站對LOGO設計做了很多有意義的嘗試。如針對網站
LOGO的數字特性探索LOGO的3D、動態表現方式等,其中比較共識的做法是,為
保護LOGO作為整體形象的代表,只宜於在LOGO整體不做缺損性變形的條件下做
動態變化,即只成比例放大、縮小、移動等,而不宜做翻滾、傾斜等變化,以保證對
被標識體的嚴肅性的尊重,另外對既有LOGO製作3D的網路LOGO,已經成為越來越
普遍網路標識製作方案了。
五、網路LOGO的規范
設計LOGO時,面向應用的各種條件作出相應規范,對指導網站的整體建設有著
極現實的意義。具體須規范LOGO的標准色、設計可能被應用的恰當的背景配色體系、
反白、在清晰表現LOGO的前提下制訂LOGO最小的顯示尺寸,為LOGO制訂一些
特定條件下的配色,輔助色帶等方便製作.

4、網頁設計中LOGO上面的R表示什麼?

R表示該logo是注冊商標的意思。

5、如何在網頁標題欄上顯示網站logo

我們經常在打開某個網站的時候,會發現它的地址欄前面有個個性圖標,而且在將網址添加到收藏夾的時候,前面也會有個個性圖標。這個東西太好玩了,是怎麼做出來的呢?

第一步,准備一個圖標製作軟體。
首先您必須了解所謂的圖標(Icon)是一種特殊的圖形文件格式,它是以.ico 作為擴展名。普通的圖像設計軟體無法使用這種格式,所以您需要到下載一個ico圖標工具,本站常用軟體既有,推薦強大的Microangelo,可以方便的製作ico圖標.漢化修正版下載地址:http://www.skycn.com/soft/2478.html

第二步,確定「收藏夾」圖標的規格。
在收藏夾里出現的是16*16;所使用的顏色最好成績不要超過16色。(為了清晰),如果你不清楚可以在C盤查找*.ico格式的圖標,應該能在IE緩存里找到那些網站的圖標,你可以打開這些圖標就可以知道該用什麼格式的了,跟人家的一樣就行。

第三步,設計一個屬於您自己的圖標。
你可以將您的網站的LOGO做成一個縮圖或者另外設計一個別具特色的圖案來作為「收藏夾」圖標。總之,它一定要是屬於您自己的,並且能很好的代表您的網站的風格和個性。然後將這個圖標文件命名為:favicon.ico。可以製作的醒目些。

今天我就不製作了,有這方面興趣或特長的朋友可以自己製作一下試試。我就用一個本機上的圖標文件改一下吧。從本機上搜索一個文件,復制到桌面。用Microangelo打開,修改成16*16,使用256色吧,另存為favicon.ico。

最後,只需要將這個圖標文件(favicon.ico)上傳到您的網站所在的伺服器的根目錄下。(也就是你的主頁index.html所在的那個文件夾)您不需要對您的網頁文件作任何的修改,IE5會自動的不停的搜索您的網站的根目錄,只要它一發現了favicon.ico 這個文件,就會將該圖標顯示在訪問者的地址欄和收藏夾列表中了。

如果您希望為不同的頁面設置不同的「收藏夾」圖標,那麼您就需要在該網頁文件的HEAD部分加入下面的內容:
<link rel=\"shortcut icon\" href=\"http://www.net/myicon.ico\">

注意:該圖標的路徑一定要使用絕對路徑。

還有一點需要說明的是:有些WEB站點的主機伺服器不支持圖標文件格式,那我們就沒辦法了。

6、css+div製作網頁時怎麼讓最上面的logo那一行與網頁上面沒有間隔

瀏覽器有一些默認的內置樣式:比如頁面頂部或者四周的間距,就是你描述的這種「有個空回」的現象。

這種答情況, 你要在你的CSS文件的最頂部,添加一行:
html, body { margin:0; padding:0 }

這樣就不會有空格了。

7、html如何在瀏覽器標簽顯示網站logo?

這個小LOGO叫做網頁圖標或者收藏夾圖標,不用修改html文件。

一般的規格為32×32、48×48、64×64、128×128,用PS做一個,然後改名為favicon.ico,一定要擴展名也改,然後用FTP軟體上傳到網站的根目錄替換原來的就可以了。

Favicon是favorites icon的縮寫,亦被稱為website icon(網頁圖標)、page icon(頁面圖標)或urlicon(URL圖標),Favicon是與某個網站或網頁相關聯的圖標。

(7)網頁設計最下面的標志擴展資料

製作Favicon.ico的方法相當簡單:

第一步,利用圖形工具創建2個反映網站主題的256色的小圖片,1個為32×32像素、另一個為16 ×16像素。需要注意的是,調色板要選用「Windows 默認調色板」,不然,在最終的效果展示中圖形可能會發生迥異於您初衷的顏色上變化。

在很多關於Favicon.ico的說明中,常見到要求圖片為16色的說法,應該說這類說法大大過時,在早期如Windows 95時期,16色的Favicon.ico可能是個穩妥的選擇,保證其在大多數情況下正常使用,但現在,完全不存在那類限制,16色只能使圖標的展示效果大大降低。

第二步,使用如Image2Ico之類的小程序即可將2張圖片轉換到一個Icon文件中。也可以通過可以在線製作收藏夾圖標的網站來製作,不過,需要注意的是,這個網站要求圖片源文件格式為Pic。

參考資料網路--Favicon

與網頁設計最下面的標志相關的知識