專注于互聯網服務

專業設計,網站建設,應用軟件開(kāi)發(fā),電子商務平台及商務應用系統開(kāi)發(fā).

網頁設計常用的Logo與Banner的尺寸規格以及相關基礎知識

2015-2-3 返回

一、120×120,這(zhè)種(zhǒng)廣告規格适用于産品或新聞照片展示。

二、120×60,這(zhè)種(zhǒng)廣告規格主要用于做LOGO使用。

三、120×90,主要應用于産品演示或大型LOGO。

四、125×125,這(zhè)種(zhǒng)規格适于表現照片效果的圖像廣告。

五、234×60,這(zhè)種(zhǒng)規格适用于框架或左右形式主頁的廣告鏈接。

六、392×72,主要用于有較多圖片展示的廣告條,用于頁眉或頁腳。

七、468×60,應用最爲廣泛的廣告條尺寸,用于頁眉或頁腳。

八、88×31,主要用于網頁鏈接,或網站小型LOGO。
看到别人說(shuō)

小一點的是88*31

大一點的好(hǎo)象是120*90

中等的是120*60

如果做一個站 是不是要出來3個不同大小的logo 提供以後(hòu)使用?

一般小logo的大小是88*31,一般banner的大小是468*60。

搜索了一下:

三、banner(廣告條)類型
幾種(zhǒng)國(guó)際尺寸的banner如下:468×60(全尺寸banner)、392×72(全尺寸帶導航條banner)、234×60(半尺寸 banner)、125×125(方形按鈕)、120×90(按鈕類型1)、120×60(按鈕類型2)、88×31(小按鈕)、120×240(垂直 banner),其中468×60的和88×31最多用,下面(miàn)就(jiù)常用的爲大家講解一下。
(1)468×60 全尺寸banner
雖然尺寸爲國(guó)際标準,但是在設計頁面(miàn)的時(shí)候,完全可以根據你的頁面(miàn)占用空間來制定banner廣告位和廣告條大小。
a、一個頁面(miàn)内不易超出兩(liǎng)個468×60 全尺寸banner。兩(liǎng)個條的時(shí)候,一般是上面(miàn)一個,下面(miàn)一個,如右圖所示。
b、設計banner配合頁面(miàn)的兩(liǎng)種(zhǒng)情況:單看banner很難看,但是放入網頁中,卻會(huì)使網頁設計豐富而炫目,一般也就(jiù)是468×60的banner 有這(zhè)本事(shì)了。還(hái)有設計的時(shí)候必須要考慮logo跟别站互換時(shí)如何更适合他人網頁的風格,所以該多做一些不同顔色不同情況的banner。
(2)88×31的banner
a、大家俗稱它爲logo。
b、好(hǎo)的banner也要符合網站的風格。經(jīng)常遇到一個很棒的banner點開(kāi)卻是很難看的主頁。雖然有被(bèi)欺騙的感覺,但是從行銷的角度講,它設計越好(hǎo),點擊率越高,也就(jiù)越成(chéng)功。
c、如右圖中,區域7内的一般的廣告條, 88×31 banner也可以用來豐富頁面(miàn)。這(zhè)樣(yàng)的情況很少見,值得注意。

附1:國(guó)際标準的網頁BANNER大小規格

橫幅廣告(Banner)
文件大小:gif:14K/swf:16K
廣告尺寸:468*60像素
廣告位置:頁面(miàn)頂部

按鈕廣告(Button)
文件大小:gif:6K/swf:8K
廣告尺寸:170*60/120*60像素
廣告位置:第一屏 第二屏
備注:觸發(fā)式LOGO,彈出圖片尺寸爲160*160 文件大小gif:9K/swf:12K

彈出窗口廣告(Pop up)
文件大小:gif:18K/swf:20K
廣告尺寸:360*300像素
廣告位置:第一屏

通欄廣告(Full collumn)
文件大小:gif:20K/swf:25K
廣告尺寸:770*100像素
廣告位置:第一屏 第二屏

流媒體(Flash layer)
文件大小:swf:25K
廣告尺寸:200*150像素
廣告位置:第一屏
形式:浏覽打開(kāi)頁面(miàn),該廣告放映8秒後(hòu)消失

畫中畫(PIP)
文件大小:gif:20K/swf:25K
廣告尺寸:360*300像素
廣告位置:新聞最終頁面(miàn)

浮動标識(Float box)
文件大小:gif/swf/flash<8k
廣告尺寸:80*80像素
廣告位置:第一屏右側

全屏收縮廣告 (Full screen)
文件大小:gif:20K
廣告尺寸:750*550像素
廣告位置:第一屏
形式:打開(kāi)浏覽頁面(miàn)前該廣告以全屏形式出現3-5秒,随後(hòu)消失

擎天柱(Sky-scraper)
文件大小:gif:15K/swf:17K
廣告尺寸:130*200像素
廣告位置:第一屏 第二屏

視頻廣告
文件大小:gif/swf/flash<8k
廣告尺寸:300*250像素
廣告位置:第一屏兩(liǎng)側

文字鏈接(Text link)
規格:不超過(guò)10個漢字
廣告位置:第一屏 第二屏
備注:文字鏈接長(cháng)度以不折行爲準

附2.網站的logo尺寸大小參考:

LOGO的國(guó)際标準規範

爲了便于INTERNET上信息的傳播,一個統一的國(guó)際标準是需要的。實際上已經(jīng)有了這(zhè)樣(yàng)的一整套标準。其中關于網站的LOGO,目前有國(guó)際标準規範

全尺寸banner爲468*60px,
半尺寸banner爲234*60px,
小banner爲88*31px
另外120*90,120*60也是小圖标的标準尺寸
每個非首頁靜态頁面(miàn)含圖片字節不超過(guò)60K,全尺寸banner不超過(guò)14K
由于網絡頁面(miàn)和顯示器目前的設定
LOGO大小規定爲88*31
而企業或者組織的LOGO通常不限定大小
至于Banner也是有相關尺寸規定的;

另:網站LOGO設計規範
LOGO的應用一直是CIS導入的基礎和最直接的表現形式,其重要性是不言而喻的,網絡标識的設計尤其如此。

一、标識的職能(néng):
作爲獨特的傳媒符号,标識(LOGO)一直成(chéng)爲傳播特殊信息的視覺文化語言。具信,最早的符合CIS精神的标識實例,是2433年前陪葬我國(guó)楚地的曾侯乙 的一隻戟上的"曾"字型圖标。無論從古時(shí)繁複的歐式徽标、中式龍文,到現代洗練的抽象紋樣(yàng)、簡單字标等都(dōu)是在實現著(zhe)标識被(bèi)标識體的目的,即:通過(guò)對(duì)标識的 識别、區别、引發(fā)聯想、增強記憶,促進(jìn)被(bèi)标識體與其對(duì)象的溝通與交流,從而樹立并保持對(duì)被(bèi)标識體的認知、認同,達到高效提高認知度、美譽度的效果。作爲時(shí) 代的前衛,網絡LOGO的設計,更應遵循CIS的整體規律并有所突破。

二、網絡LOGO設計的基本應用原理:
在網絡LOGO設計中極爲強調統一的原則。統一并不是反複某一種(zhǒng)設計原理,應該是將(jiāng)其他的任何設計原理如:主導性、從屬性、相互關系、均衡、比例、反複、 反襯、律動、對(duì)稱、對(duì)比、借用、調和、變異等設計人員所熟知的各種(zhǒng)原理,正确地應用于設計的完整表現。統一也可解釋爲,共通以上所述各原理,而更高、更概 括、更綜合的原理。構成(chéng)LOGO要素的各部分,一般都(dōu)具有一種(zhǒng)共通性及差異性,這(zhè)個差異性又稱爲獨特性,或叫(jiào)做變化,而統一是將(jiāng)多樣(yàng)性提煉爲一個主要表現 體,稱爲多樣(yàng)統一的原理。統一在各部分之中的要素中,有一個大小、材質、位置等具有支配全體的作用的要素,被(bèi)稱爲支配。精确把握對(duì)象的多樣(yàng)統一并突出支配 性要素,是設計網絡LOGO必備技術因素。

網絡LOGO所強調的辨别性及獨特性,導緻相關圖案字體的設計也要和被(bèi)标識體
的性質有适當的關聯,并具備類似風格的造型。記得最近EASTECHO的網友論壇重新開(kāi)張之時(shí),就(jiù)有小魔女對(duì)論壇的LOGO表示了異議,一個簡單印刷字體 的LOGO與浪子固有的獨特風格、精益求精的品質有較大背離,并與整個網站LOGO缺乏聯系,從而産生認知的歧義。不過(guò)作爲充斥英文LOGO的浪子網站, 做了中文LOGO嘗試,算個突破吧。網絡LOGO設計更應注重是一種(zhǒng)對(duì)事(shì)物張力的把握,在濃縮了文化、背景、對(duì)象、理念及各種(zhǒng)設計原理的基調上,實現對(duì)象 最沖動的視覺體現。也可以理解爲一種(zhǒng)最受制約的沖動,在任何方面(miàn)的張力不足的情況下,精心設計的LOGO常會(huì)因爲不理解、不認同、不現實、不前衛、不藝 術、不樸實等相互矛盾的理由而被(bèi)用戶拒絕或爲受衆排斥、遺忘。所以恰到好(hǎo)處的理解用戶及LOGO的應用對(duì)象,是少做無用功的不二法門。不考慮國(guó)情和用戶的 認識水平,對(duì)自身設計能(néng)力估計不足都(dōu)是要不得的。在國(guó)内給哪個賣計算機的老闆設計個$300萬的朗訊紅圈LOGO,很容易被(bèi)看作是騙錢的。

三、LOGO的表現形式:
作爲具有傳媒特性的LOGO,爲了在最有效的空間内實現所有的視覺識别功能(néng),一般是通過(guò)特示圖案及特示文字的組合,達到對(duì)被(bèi)标識體的出示、說(shuō)明、溝通、交流從而引導受衆的興趣、達到增強美譽、記憶等目的。表現形式的組合方式一般分爲特示圖案,特示字體,合成(chéng)字體。

1、特示圖案:
屬于表象符号,獨特、醒目、圖案本身易被(bèi)區分、記憶,通過(guò)隐寓、聯想、概括、抽象等繪畫表現方法表現被(bèi)标識體,對(duì)其理念的表達概括而形象,但與被(bèi)标識體關 聯性不夠直接,受衆容易記憶圖案本身,但對(duì)被(bèi)标識體的關系的認知需要相對(duì)較曲折的過(guò)程,但一旦建立聯系,印象較深刻,對(duì)被(bèi)标識體記憶相對(duì)持久。所以對(duì)持久 記憶要求高時(shí)應設計良好(hǎo)的特示圖案形象,較好(hǎo)的設計如蘋果公司的牙印蘋果,對(duì)圖案LOGO的面(miàn)向(xiàng)推廣的各種(zhǒng)要素都(dōu)把握的恰到好(hǎo)處,另外一些情況下,希望在 較短期限内建立形象的,還(hái)應該設計相應的吉祥物,以類似蘋果這(zhè)樣(yàng)耳熟能(néng)詳的概念,強化溝通和理解。在現代精神快餐的時(shí)代,朗訊的紅圈也在成(chéng)爲時(shí)尚。不過(guò)這(zhè) 類設計在國(guó)内還(hái)隻有設計公司的網站才能(néng)接收吧,但有線電視的一個最新的影視綜藝節目的LOGO就(jiù)出現了螺旋型的朗訊紅圈,可歎借鑒時(shí)大膽有餘,創意不足 了。

2、特示文字:屬于表意符号。在溝通與傳播活動中,反複使用的被(bèi)标識體的名稱或是其産品名,用一種(zhǒng)文字形态加以統一。涵義明确、直接,與被(bèi)标識體的聯系密 切,易于被(bèi)理解,認知,對(duì)所表達的理念也具有說(shuō)明的作用,但因爲文字本身的相似性易模糊受衆對(duì)标識本身的記憶,從而對(duì)被(bèi)标識體的長(cháng)久記憶發(fā)生弱化。所以特 示文字,一般作爲特示圖案的補充,要求選擇的字體應與整體風格一緻,應盡可能(néng)做全新的區别性創作。完整的LOGO設計,尤其是有中國(guó)特色的LOGO設計, 在國(guó)際化的要求下,一般都(dōu)應考慮至少有中英文雙語的形式,要考慮中英文字的比例,搭配、一般要有圖案中文、圖案英文、圖案中英文、及單獨的圖案、中文、英 文的組合形式。有的還(hái)要考慮繁體、其他特定語言版本等。另外還(hái)要兼顧标識或文字展開(kāi)後(hòu)的應用是否美觀,這(zhè)一點對(duì)背景等的制作十分必要,有利于追求符号擴張 的效果。閃客帝國(guó)及其前身的邊城浪子LOGO,都(dōu)有著(zhe)極好(hǎo)的設計,但都(dōu)沒(méi)有考慮中文,不過(guò)浪子好(hǎo)象一直對(duì)漢字的表現力如極小字體的缺乏、特性字體缺少等頗 不以爲然,也許導緻他怠于思考對(duì)中文的設計。這(zhè)對(duì)面(miàn)向(xiàng)國(guó)内網友的網站LOGO,不能(néng)不說(shuō)是一種(zhǒng)遺憾吧。

3、合成(chéng)文字:
是一種(zhǒng)表象表意的綜合,指文字與圖案結合的設計,兼具文字與圖案的屬性,但都(dōu)導緻相關屬性的影響力相對(duì)弱化,爲了不同的對(duì)象取向(xiàng),制作偏圖案或偏文字的LOGO,會(huì)在表達時(shí)産生較大的差異。如隻對(duì)印刷字體做簡單修飾,或把文字變成(chéng)一種(zhǒng)裝飾造型讓大家去猜。其綜合功能(néng)爲:
a.能(néng)夠直接將(jiāng)被(bèi)标識體的印象,透過(guò)文字造型讓讀者理解;
b.造型後(hòu)的文字,較易于使觀者留下深刻印象與記憶;

四、LOGO的設計
古代皇家的紋章,有條件通過(guò)反複的識别性展示使受衆了解其蘊涵的身份、地位、等級等屬性,可以被(bèi)設計的極盡繁複,但現代人對(duì)簡潔、明快、流暢、瞬間印象的 訴求,影響到标識的設計越來越追求一種(zhǒng)獨特的、高度的洗練,一些已在用戶群中産生了一定印象的公司、團體爲了強化受衆的區别性記憶及持續的品牌忠誠,通過(guò) 設計更獨特、更易被(bèi)理解的圖案來強化對(duì)既有理念的認同。一些老牌公司就(jiù)在積極更新标識,可口可樂的标識就(jiù)曾幾易其稿。而一些追求受衆快速認知的群體,就(jiù)會(huì) 強化對(duì)文字表達直接性的需求,通過(guò)采用文字特征明顯的合成(chéng)文字來表現,并通過(guò)現代媒體的大量反複來強化、保持易被(bèi)模糊的記憶。如INTEL的E字簡單位移 構成(chéng)的LOGO形式。

LOGO的設計中,大量的采用合成(chéng)文字的設計方式,如YAHOO,AMAZON等的文字LOGO和國(guó)内幾乎所有ISP,這(zhè)一方面(miàn)是網頁寸屏寸金的制 約,要求LOGO的尺寸要盡可能(néng)的小;另一方面(miàn)是由于這(zhè)些網站建設之初,一般缺乏優秀的形象設計師的參與,決策者多數爲技術類人員,對(duì)直截了當、簡潔明快 有種(zhǒng)直覺式的追求;而最主要的是網絡的特性決定了僅靠對(duì)LOGO産生短暫清晰的記憶,通過(guò)低成(chéng)本大量反複浏覽,既可産生需要圖形保持提升的那部分印象記 憶。所以網絡LOGO對(duì)于合成(chéng)文字的追求已漸成(chéng)網絡LOGO的一種(zhǒng)事(shì)實規範。随著(zhe)管理人員、設計人員,策劃人員的介入網絡,更加高效的LOGO設計亦得到 良好(hǎo)的探索。特别是一些設計網站對(duì)LOGO設計做了很多有意義的嘗試。如針對(duì)網站LOGO的數字特性探索LOGO的3D、動态表現方式等,其中比較共識的 做法是,爲保護LOGO作爲整體形象的代表,隻宜于在LOGO整體不做缺損性變形的條件下做動态變化,即隻成(chéng)比例放大、縮小、移動等,而不宜做翻滾、傾斜 等變化,以保證對(duì)被(bèi)标識體的嚴肅性的尊重,另外對(duì)既有LOGO制作3D的網絡LOGO,已經(jīng)成(chéng)爲越來越普遍網絡标識制作方案了。

五、LOGO的規範
設計LOGO時(shí),面(miàn)向(xiàng)應用的各種(zhǒng)條件作出相應規範,對(duì)指導網站的整體建設有著(zhe)極現實的意義。具體須規範LOGO的标準色、設計可能(néng)被(bèi)應用的恰當的背景配色 體系、反白、在清晰表現LOGO的前提下制訂LOGO最小的顯示尺寸,爲LOGO制訂一些特定條件下的配色,輔助色帶等方便制作.

公益廣告

登錄 參與評論

評論

暫無任何評論