關於網站設計的思考[2/11] (轉)

定位你的網站CI形象。
    所謂CI，是借用的廣告術語。(CI是英文corporate identity的縮寫)，意思是通過視覺來統一企業的形象。現實生活中的CI策劃比比皆是，傑出的例子如：可口可樂公 司，全球統一的標誌，色彩和產品包裝，給我們的印象極為深刻。更多的例子如SONY,三菱，麥當勞等等。
$ B: ?/ B1 y" M9 c
    一個傑出的網站，和實體公司一樣，也需要整體的形象包裝和設計。準確的，有創意的CI 設計，對網站的宣傳推廣有事半功倍的效果。在您的網站主題和名稱定下來之後，需要思考的就是網站的CI形象。

1 C- n9 @1 ]# K. x' \    有網友要問了：我不是學廣告專業的，CI對我來說可能太難了吧 不用擔心，阿捷自己也沒有學過設計專業哦。大家只要參考我的一些具體做法和經驗，很容易將自己網站的CI搞定

    1.設計網站的標誌(logo).首先你需要設計製作一個網站的標誌(logo)。就如同商標一樣，logo是你站點特色和內涵的集中體現，看見logo就讓大家聯想起你的站點。注意：這裡的logo不是指88X31的小圖標banner,而是網站的標誌。

% n6 S/ w! D* S9 i8 E    標誌可以是中文，英文字母，可以是符號，圖案，可以是動物或者人物等等。比如：soim是用soim的英文作為標誌，新浪用字母sina+眼睛作為標誌。標誌的設計創意來自你網站的名稱和內容。

' P2 M; u* K4 b# l8 ]3 {% G% X    (1).網站有代表性的人物，動物，花草，可以用它們作為設計的藍本，加以卡通化和藝術化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鯊威體壇的籃球鯊魚。     
/ p9 V. r7 Z+ O1 p- P
) |4 g$ c% ?; Y+ H; m4 M    (2).網站有專業性的，可以以本專業有代表的物品作為標誌。比如中國銀行的銅板標誌，奔馳汽車的方向盤標誌。
, O, q' _* ~8 d( m
    (3).最常用和最簡單的方式是用自己網站的英文名稱作標誌。採用不同的字體， 字母的變形，字母的組合可以很容易製作好自己的標誌。
/ T' z6 t# s' R0 q
    2.設計網站的標準色彩。網站給人的第一印象來自視覺衝擊，確定網站的標準色彩是相當重要的一步。不同的色彩搭配產生不同的效果，並可能影響到訪問者的情緒。

5 A2 c/ m7 z2 Q3 x$ |# x    「標準色彩」是指能體現網站型象和延伸內涵的色彩。舉個實際的例子就明白了：IBM的深藍色，肯得基的紅色條型，windows視窗標誌上的紅藍黃綠色塊，都使我們覺得很貼切，很和諧。如果將IBM改用綠色或金黃色，我們會有什麼感覺？

    一般來說，一個網站的標準色彩不超過3種，太多則讓人眼花繚亂。標準色彩要用於網站的標誌，標題，主菜單和主色塊。給人以整體統一的感覺。至於其它色彩也可以使用，只是作為點綴和襯托，絕不能喧賓奪主。

1 l5 d  B9 a3 C& m! r, Y! O) F8 T  k    一般來說，適合於網頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色。(註：關於色彩搭配的具體方法，我們會在本系列文章的第八篇介紹)。
* z5 H% O3 y  @4 ^' O
    3.設計網站的標準字體。和標準色彩一樣，標準字體是指用於標誌，標題，主菜單的特有字體。一般我們網頁默認的字體是細明體。為了體現站點的「與眾不同」和特有風格，我們可以根據需要選擇一些特別字體。例如，為了體現專業可以使用粗仿細明體，體現設計精美可以用廣告體，體現親切隨意可以用手寫體等等。當然這些都是阿捷的個人看法，你可以根據自己網站所表達的內涵，選擇更貼切的字體。目前常見的中文字體有二三十種，常見的英文字體有近百種，網絡上還有許多專用英文藝術字體下載，要尋找一款滿意的字體並不算困難
) @% C! W% T8 t
; W% ^6 L- N6 D; ^! z
* Q& k- `$ ?( o0 p4 W    需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的PC裡沒有安裝你的特別字體，那麼您的辛苦設計製作便付之東流啦！

8 G$ j9 Y, M( A0 h3 }    4.設計網站的宣傳標語。也可以說是網站的精神，網站的目標。用一句話甚至一個詞來高度概括。類似實際生活中的廣告金句。例如：鵲巢的「味道好極了」；麥斯威爾的「好東西和好朋友一起分享」；Intel的「給你一個奔騰的心」。

  ?2 `, M, |8 `    以上四方面：標誌，色彩，字體，標語，是一個網站樹立CI形象的關鍵，確切的說是網站的表面文章，設計並完成這幾步，你的網站將脫胎換骨，整體形象有一個提高。形象地說：你從一個土氣的農民轉變為一位西裝革履的白領人士。(注意：我們只是以平面靜態來設計CI,還沒有引入聲音，三維立體等因素。)

    好了，看了以上的介紹，你應該對網站CI有了一個初步的概念。也許不是很明白，因為那些道理太抽像了，你可能需要一些實際的，更生動的例子。阿捷會在自己的主頁上同時修改補充一些實例。下一節，我們來討論「確定網站的欄目版塊」，歡迎您參與，謝謝！
( \4 \3 e& M% [8 S1 G' b
. w" [; h; a# M" m[ Last edited by 海之藍 on 2005-1-4 at 22:35 ]