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

定位你的網站CI形象。
& j1 ]! F. w4 z9 g    所謂CI，是借用的廣告術語。(CI是英文corporate identity的縮寫)，意思是通過視覺來統一企業的形象。現實生活中的CI策劃比比皆是，傑出的例子如：可口可樂公 司，全球統一的標誌，色彩和產品包裝，給我們的印象極為深刻。更多的例子如SONY,三菱，麥當勞等等。
+ L) a' @- u7 v1 g" z3 E' c5 D' D3 \
# x# o6 `1 ^2 `" t1 ~5 O5 m' a    一個傑出的網站，和實體公司一樣，也需要整體的形象包裝和設計。準確的，有創意的CI 設計，對網站的宣傳推廣有事半功倍的效果。在您的網站主題和名稱定下來之後，需要思考的就是網站的CI形象。
+ X# @  O9 p; k$ C( D0 \$ _
    有網友要問了：我不是學廣告專業的，CI對我來說可能太難了吧 不用擔心，阿捷自己也沒有學過設計專業哦。大家只要參考我的一些具體做法和經驗，很容易將自己網站的CI搞定

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

# u  @! m  z6 M5 |" M: O# ]    標誌可以是中文，英文字母，可以是符號，圖案，可以是動物或者人物等等。比如：soim是用soim的英文作為標誌，新浪用字母sina+眼睛作為標誌。標誌的設計創意來自你網站的名稱和內容。
; t1 c  l' D3 f7 A- A; ~4 k( K7 l" z6 A
    (1).網站有代表性的人物，動物，花草，可以用它們作為設計的藍本，加以卡通化和藝術化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鯊威體壇的籃球鯊魚。     
- C0 Q+ p4 O* u$ X% M- q
4 f0 u4 w9 n9 R! k' M    (2).網站有專業性的，可以以本專業有代表的物品作為標誌。比如中國銀行的銅板標誌，奔馳汽車的方向盤標誌。
; m2 K8 w+ r! z; ?8 x
    (3).最常用和最簡單的方式是用自己網站的英文名稱作標誌。採用不同的字體， 字母的變形，字母的組合可以很容易製作好自己的標誌。
% J' p+ d' w9 g) y" @+ Z5 C
+ Y1 d3 ~* e& y! Z9 R    2.設計網站的標準色彩。網站給人的第一印象來自視覺衝擊，確定網站的標準色彩是相當重要的一步。不同的色彩搭配產生不同的效果，並可能影響到訪問者的情緒。
, \, r. \( K: N
    「標準色彩」是指能體現網站型象和延伸內涵的色彩。舉個實際的例子就明白了：IBM的深藍色，肯得基的紅色條型，windows視窗標誌上的紅藍黃綠色塊，都使我們覺得很貼切，很和諧。如果將IBM改用綠色或金黃色，我們會有什麼感覺？
1 X* T( C; q9 W' ?/ R
    一般來說，一個網站的標準色彩不超過3種，太多則讓人眼花繚亂。標準色彩要用於網站的標誌，標題，主菜單和主色塊。給人以整體統一的感覺。至於其它色彩也可以使用，只是作為點綴和襯托，絕不能喧賓奪主。
0 t0 ?- v# Y* y8 j0 W% J/ }
) u7 C: l4 t5 ~3 z; q$ E+ m% [    一般來說，適合於網頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色。(註：關於色彩搭配的具體方法，我們會在本系列文章的第八篇介紹)。

    3.設計網站的標準字體。和標準色彩一樣，標準字體是指用於標誌，標題，主菜單的特有字體。一般我們網頁默認的字體是細明體。為了體現站點的「與眾不同」和特有風格，我們可以根據需要選擇一些特別字體。例如，為了體現專業可以使用粗仿細明體，體現設計精美可以用廣告體，體現親切隨意可以用手寫體等等。當然這些都是阿捷的個人看法，你可以根據自己網站所表達的內涵，選擇更貼切的字體。目前常見的中文字體有二三十種，常見的英文字體有近百種，網絡上還有許多專用英文藝術字體下載，要尋找一款滿意的字體並不算困難


    需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的PC裡沒有安裝你的特別字體，那麼您的辛苦設計製作便付之東流啦！
# f# N+ q8 b# c9 r* N
    4.設計網站的宣傳標語。也可以說是網站的精神，網站的目標。用一句話甚至一個詞來高度概括。類似實際生活中的廣告金句。例如：鵲巢的「味道好極了」；麥斯威爾的「好東西和好朋友一起分享」；Intel的「給你一個奔騰的心」。

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

0 g3 V& _/ |8 k+ ~    好了，看了以上的介紹，你應該對網站CI有了一個初步的概念。也許不是很明白，因為那些道理太抽像了，你可能需要一些實際的，更生動的例子。阿捷會在自己的主頁上同時修改補充一些實例。下一節，我們來討論「確定網站的欄目版塊」，歡迎您參與，謝謝！
- N- P- T% }8 _! d. m  X3 b0 M+ ?
- X0 H. f8 |1 X$ p3 i, j[ Last edited by 海之藍 on 2005-1-4 at 22:35 ]