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

定位你的網站CI形象。
2 ]) c  F) t6 \    所謂CI，是借用的廣告術語。(CI是英文corporate identity的縮寫)，意思是通過視覺來統一企業的形象。現實生活中的CI策劃比比皆是，傑出的例子如：可口可樂公 司，全球統一的標誌，色彩和產品包裝，給我們的印象極為深刻。更多的例子如SONY,三菱，麥當勞等等。
; Y* f" g; d& M9 N& N
    一個傑出的網站，和實體公司一樣，也需要整體的形象包裝和設計。準確的，有創意的CI 設計，對網站的宣傳推廣有事半功倍的效果。在您的網站主題和名稱定下來之後，需要思考的就是網站的CI形象。
$ |- L; [9 U9 S4 `, V# l2 t( b
    有網友要問了：我不是學廣告專業的，CI對我來說可能太難了吧 不用擔心，阿捷自己也沒有學過設計專業哦。大家只要參考我的一些具體做法和經驗，很容易將自己網站的CI搞定
. F( j- e, y4 n, a& n
    1.設計網站的標誌(logo).首先你需要設計製作一個網站的標誌(logo)。就如同商標一樣，logo是你站點特色和內涵的集中體現，看見logo就讓大家聯想起你的站點。注意：這裡的logo不是指88X31的小圖標banner,而是網站的標誌。

    標誌可以是中文，英文字母，可以是符號，圖案，可以是動物或者人物等等。比如：soim是用soim的英文作為標誌，新浪用字母sina+眼睛作為標誌。標誌的設計創意來自你網站的名稱和內容。
0 q; L' n5 K1 ^
    (1).網站有代表性的人物，動物，花草，可以用它們作為設計的藍本，加以卡通化和藝術化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鯊威體壇的籃球鯊魚。     

3 @( g/ {: {& R8 H: \& Y    (2).網站有專業性的，可以以本專業有代表的物品作為標誌。比如中國銀行的銅板標誌，奔馳汽車的方向盤標誌。
( i1 S) ^: P# i7 p
  x9 c3 B: @' t/ a' K    (3).最常用和最簡單的方式是用自己網站的英文名稱作標誌。採用不同的字體， 字母的變形，字母的組合可以很容易製作好自己的標誌。
: o- l/ J% D" t8 ~9 ~
3 G& @. G9 m# y# N, c    2.設計網站的標準色彩。網站給人的第一印象來自視覺衝擊，確定網站的標準色彩是相當重要的一步。不同的色彩搭配產生不同的效果，並可能影響到訪問者的情緒。

7 O+ q8 I5 e7 G0 A$ a    「標準色彩」是指能體現網站型象和延伸內涵的色彩。舉個實際的例子就明白了：IBM的深藍色，肯得基的紅色條型，windows視窗標誌上的紅藍黃綠色塊，都使我們覺得很貼切，很和諧。如果將IBM改用綠色或金黃色，我們會有什麼感覺？

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

9 r# x7 O. b8 k0 Z    一般來說，適合於網頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色。(註：關於色彩搭配的具體方法，我們會在本系列文章的第八篇介紹)。

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


. ^! P( A1 c* @4 M2 [/ r8 e5 a    需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的PC裡沒有安裝你的特別字體，那麼您的辛苦設計製作便付之東流啦！
% c/ v& f! L8 x
    4.設計網站的宣傳標語。也可以說是網站的精神，網站的目標。用一句話甚至一個詞來高度概括。類似實際生活中的廣告金句。例如：鵲巢的「味道好極了」；麥斯威爾的「好東西和好朋友一起分享」；Intel的「給你一個奔騰的心」。
+ I1 x; E$ S9 K0 A
    以上四方面：標誌，色彩，字體，標語，是一個網站樹立CI形象的關鍵，確切的說是網站的表面文章，設計並完成這幾步，你的網站將脫胎換骨，整體形象有一個提高。形象地說：你從一個土氣的農民轉變為一位西裝革履的白領人士。(注意：我們只是以平面靜態來設計CI,還沒有引入聲音，三維立體等因素。)
1 o- t/ M6 {, `. D" l
5 V* l/ @, Y6 \, A! k5 I    好了，看了以上的介紹，你應該對網站CI有了一個初步的概念。也許不是很明白，因為那些道理太抽像了，你可能需要一些實際的，更生動的例子。阿捷會在自己的主頁上同時修改補充一些實例。下一節，我們來討論「確定網站的欄目版塊」，歡迎您參與，謝謝！
: j3 Y( i) o. h. o% b# m
[ Last edited by 海之藍 on 2005-1-4 at 22:35 ]