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

定位你的網站CI形象。
3 P  P+ V  r5 r; v' K( P    所謂CI，是借用的廣告術語。(CI是英文corporate identity的縮寫)，意思是通過視覺來統一企業的形象。現實生活中的CI策劃比比皆是，傑出的例子如：可口可樂公 司，全球統一的標誌，色彩和產品包裝，給我們的印象極為深刻。更多的例子如SONY,三菱，麥當勞等等。

    一個傑出的網站，和實體公司一樣，也需要整體的形象包裝和設計。準確的，有創意的CI 設計，對網站的宣傳推廣有事半功倍的效果。在您的網站主題和名稱定下來之後，需要思考的就是網站的CI形象。

    有網友要問了：我不是學廣告專業的，CI對我來說可能太難了吧 不用擔心，阿捷自己也沒有學過設計專業哦。大家只要參考我的一些具體做法和經驗，很容易將自己網站的CI搞定
/ J# Z% r( Q! x6 Q7 x
    1.設計網站的標誌(logo).首先你需要設計製作一個網站的標誌(logo)。就如同商標一樣，logo是你站點特色和內涵的集中體現，看見logo就讓大家聯想起你的站點。注意：這裡的logo不是指88X31的小圖標banner,而是網站的標誌。
4 C0 ]3 _- r! A( p! Q
! }% ?% N/ q6 ^% ^    標誌可以是中文，英文字母，可以是符號，圖案，可以是動物或者人物等等。比如：soim是用soim的英文作為標誌，新浪用字母sina+眼睛作為標誌。標誌的設計創意來自你網站的名稱和內容。

! E* Y0 G1 q5 t" S8 B    (1).網站有代表性的人物，動物，花草，可以用它們作為設計的藍本，加以卡通化和藝術化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鯊威體壇的籃球鯊魚。     

8 J+ K1 p, H  ~+ i1 _5 F! A2 y    (2).網站有專業性的，可以以本專業有代表的物品作為標誌。比如中國銀行的銅板標誌，奔馳汽車的方向盤標誌。
8 v* ^2 f0 g, R# ]1 }' e
    (3).最常用和最簡單的方式是用自己網站的英文名稱作標誌。採用不同的字體， 字母的變形，字母的組合可以很容易製作好自己的標誌。

    2.設計網站的標準色彩。網站給人的第一印象來自視覺衝擊，確定網站的標準色彩是相當重要的一步。不同的色彩搭配產生不同的效果，並可能影響到訪問者的情緒。

$ ]$ h6 C& C7 S    「標準色彩」是指能體現網站型象和延伸內涵的色彩。舉個實際的例子就明白了：IBM的深藍色，肯得基的紅色條型，windows視窗標誌上的紅藍黃綠色塊，都使我們覺得很貼切，很和諧。如果將IBM改用綠色或金黃色，我們會有什麼感覺？
$ X  |+ |0 q+ {# |
% e) S1 _. Q3 n6 C/ \8 u7 Y    一般來說，一個網站的標準色彩不超過3種，太多則讓人眼花繚亂。標準色彩要用於網站的標誌，標題，主菜單和主色塊。給人以整體統一的感覺。至於其它色彩也可以使用，只是作為點綴和襯托，絕不能喧賓奪主。
1 U: B1 m: o" A( w
( W. v* I+ Z! h; Z8 \) v0 k7 z    一般來說，適合於網頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色。(註：關於色彩搭配的具體方法，我們會在本系列文章的第八篇介紹)。

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

$ {2 G0 d  z% N/ g& Z) x$ d
2 t$ f: Q! v7 Q4 F, t+ p( ^4 t+ \    需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的PC裡沒有安裝你的特別字體，那麼您的辛苦設計製作便付之東流啦！
, w) p' l! V4 N3 q+ M' n  Y
    4.設計網站的宣傳標語。也可以說是網站的精神，網站的目標。用一句話甚至一個詞來高度概括。類似實際生活中的廣告金句。例如：鵲巢的「味道好極了」；麥斯威爾的「好東西和好朋友一起分享」；Intel的「給你一個奔騰的心」。

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

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