關於網站設計的思考[5/11]（轉）

確定網站的整體風格和創意設計

  p7 {( ~9 K. y# ]/ T; c  v9 V　　網站的整體風格及其創意設計是站長們最希望掌握，也是最難以學習的。難就難在沒有一個固定的程式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。當我們說："這個站點很cool，很有個性！"那麼，是什麼讓你覺得很cool呢？它到底和一般的網站有什麼區別呢？本文試圖用最簡明的語言來說明：
/ a# U$ \. s- _' [( I1.風格是什麼，如何樹立網站風格？
" c( h, `! Q, `! O5 R/ O2.創意是什麼，如何產生創意？
; z, P! `0 O1 D' u. l
' h( b! U7 a8 }. h* x& p2 u+ l●風格(style)是抽像的。是指站點的整體形象給瀏覽者的綜合感受。
這個「整體形象」包括站點的CI（標誌，色彩，字體，標語），版面佈局，瀏覽方式，交互性，文字，語氣，內容價值，存在意義，站點榮譽等等諸多因素。舉個例子：我們覺得網易是平易近人的，迪斯尼是生動活潑的，IBM是專業嚴肅的。這些都是網站給人們留下的不同感受。
; O$ G9 w" ~/ x$ d
3 D3 u: j" _/ D, w+ ]7 j風格是獨特的，是站點不同與其他網站的地方。或者色彩，或者技術，或者是交互方式，能讓瀏覽者明確分辨出這是你的網站獨有的。例如新世紀網絡(www.century.2000c.net)的黑白色,網易壁紙站的特有框架,即使你只看到其中一頁，也可以分辨出是哪個網站的。

風格是有人性的。通過網站的外表，內容，文字，交流可以概括出一個站點的個性，情緒。是溫文儒雅，是執著熱情，是活潑易變,是放任不羈。像詩詞中的「豪放派」和「婉約派」，你可以用人的性格來比喻站點。
9 k/ b+ e" b2 z5 V
0 |8 n! @3 i7 H8 z2 H有風格的網站與普通網站的區別在於：普通網站你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比如信息量大小，瀏覽速度快慢。但你瀏覽過有風格的網站後你能有更深一層的感性認識，比如站點有品位，和藹可親，是老師，是朋友。
; C: c3 G/ [8 |# ^
看了以上描述，你可能對風格是什麼可能依然模糊。其實風格就是一句話：與眾不同！
6 \$ L, L- u% r2 u: E3 R$ ^7 M
0 Q: |: R2 D5 w& s" @' P2 O如何樹立網站風格呢？我們可以分這樣幾個步驟：

# e9 S- j2 F9 ?: a! a第一，確信風格是建立在有價值內容之上的。一個網站有風格而沒有內容，就好比繡花枕頭一包草，好比一個性格傲慢但卻目不識丁的人。你首先必須保證內容的質量和價值性。這是最基本的，無須置疑。
, d1 o  \3 _# t# C4 v
第二，你需要徹底搞清楚自己希望站點給人的印象是什麼。可以從這幾方面來理清思路：
! d1 A( D" N+ ?# A; L2 R6 z4 m
9 y9 v% u( G, ^; T: V1.如果只用一句話來描述你的站點，應該是:_____________
2 t( R! O4 u6 t( G) C. }參考答案：
有創意，專業，有(技術)實力，有美感，有衝擊力
, Z' b0 F- V+ u+ M2.想到你的站點，可以聯想到的色彩是：________________
1 L) G2 T! x. V- e% R參考答案：
熱情的紅色，幻想的天蘭色，聰明的金黃色
7 p: @, r5 ~5 L/ t3.想到你的站點，可以聯想到的畫面是：________________
6 g9 P* x: e: S; E5 V( Q. F' h! J參考答案：
! \) t! _3 O* Q% N6 l. d一份早報，一輛法拉利跑車，人群擁擠的廣場，雜貨店
4.如果網站是一個人，他擁有的個性是：________________
參考答案：
思想成熟的中年人，狂野奔放的牛仔，自信憨厚的創業者
) c; a5 {4 b, n5 ^3 k# d& }- u' S5.作為站長，你希望給人的印象是：____________________
9 |7 G8 y8 H  S1 P6 m- f參考答案：
" f' O$ p! \4 P9 n# o( R- {- _敬業，認真投入，有深度，負責，純真，直爽，淑女
8 U! i$ H! U# n/ u5 o3 B; Y& q! n6.用一種動物來比喻，你的網站最象：__________________
4 t3 o7 e  V+ ^參考答案：
貓(神秘高貴)，鷹(目光銳利)，兔子(聰明敏感)，獅子(自信威信)
5 h+ G) q3 y9 O' X6 O0 k7.瀏覽者覺得你和其他網站的不同是：__________________
) w% v6 X* m/ G- m; I1 ~8 D& {參考答案：
可以信賴，信息最快，交流方便，
8.瀏覽者和你交流合作的感受是：______________________
參考答案：
, f% i! l% u# R- F7 H  ]! c師生，同事，朋友，長幼。
/ K3 a: o. P. Y: D
$ `/ z5 j. X; F2 e0 r; ?; K3 k你可以自己先填寫一份答案，然後讓其他網友填寫。比較後的結果會告訴你：你網站現在的差距，弱點及需要改進的地方。
, \- p+ L- X2 J1 G- O
6 S6 j' D9 {, |; T& }2 z. N第三，在明確自己的網站印象後，開始努力建立和加強這種印象。
經過第二步印象的的"量化"後，你需要進一步找出其中最有特色特點的東西，就是最能體現網站風格的東西。並以它作為網站的特色加以重點強化，宣傳。例如：再次審查網站名稱，域名，欄目名稱是否符合這種個性，是否易記。審查網站標準色彩是否容易聯想到這種特色，是否能體現網站的性格等等。具體的做法，沒有定式。我這裡提供一些參考：

1.將你的標誌logo,盡可能的出現在每個頁面上。或者頁眉，或者頁腳，或則背景。
2.突出你的標準色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用與標準色彩一致的色彩。
* _' t: W* }+ l, q& \; e3.突出你的標準字體。在關鍵的標題，菜單，圖片裡使用統一的標準字體。
( W% W9 h/ ?( l; ?! p4.想一條朗朗上口宣傳標語。把它做在你的banner裡，或者放在醒目的位置，告訴大家你的網站的特色是...
5.使用統一的語氣和人稱。即使是多個人合作維護，也要讓讀者覺得是同一個人寫的。
6.使用統一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。
$ F0 R& m! |7 |7 |  b7.創造一個你的站點特有的符號或圖標。比如在一句鏈接前的一個點，可以使用,.。☆※○◇□△→（區位碼裡自己參看）等等。雖然很簡單的一個變化，卻給人與眾不同的感覺，(為什麼我沒有想到呢？)
! ^$ K, T+ R( a2 V7 l! o8.用自己設計的花邊，線條，點
. Z, J$ r, S' [- t. _( g9.展示你網站的榮譽和成功作品。
10.告訴網友關於你的真實的故事和想法。
: I+ y+ L4 s4 P5 Z9 f
' n% `/ @8 G' U/ N/ k, D  s- _風格的形成不是一次定位的，你可以在實踐中不斷強化，調整，修飾，直到有一天，網友們寫信告訴你："我喜歡你的站點，因為它很有風格！"


5 b' g. w% N5 S. @/ X● 創意(idea)是網站生存的關鍵。這一點相信大家都已經認同。然而作為網頁設計師，最苦惱的就是沒有好的創意來源。

9 ^4 Q  w6 J, T* r% s  E% n9 ]5 N注意，這裡說的創意是指站點的整體創意，(因為這個創意而產生這個站點，或者相同的內容，推出的創意不同),網頁的平面設計創意我將在後面的版面佈局竅門裡介紹。
# C9 F1 [$ d+ g" a: F2 q* w
' F+ t) p3 A' {! v- c3 _3 Q創意到底是什麼，如何產生創意呢？
% @8 R  A4 K3 U8 E, {) X
7 C9 h: S  N, h& k$ C3 @創意是引人入勝，精彩萬分，出奇不意的；
創意是捕捉出來的點子，是創作出來的奇招....
這些講法都說出了創意的一些特點，實質上，

○創意是傳達信息的一種特別方式。

& B2 H* a2 R' e7 l  w8 {; D# I比如Webdesigner(網頁設計師)，我們將其中的E字母大寫一下: wEbdEsigEr，感覺怎麼樣，這其實就是一種創意！

創意並不是天才者的靈感，而是思考的結果。根據美國廣告學教授詹姆斯的研究，創意思考的過程分五階段：
' j' _9 B0 V8 ]0 q) R1.準備期--研究所搜集的資料，根據舊經驗，啟發新創意；
  W% t4 s' z4 ?/ v& b# {2.孵化期--將資料咀嚼消化，使意識自由發展，任意結合；
2 x3 \5 a' F7 E2 S" H3 L3.啟示期--意識發展並結合，產生創意；
# j& v% m& G/ {& [4.驗證期--將產生的創意討論修正；
* x- F1 e) H: f& h- B" \5.形成期--設計製作網頁，將創意具體化。
1 u" u- e, m; H0 r2 u: ~. {
○創意是將現有的要素重新組合。
9 W1 r% x2 e+ o% e  g3 n比如，網絡與電話結合，產生IP電話。從這一點上出發，任何人，包括你和我，都可以創造出不同凡響的創意。而且，資料越豐富，越容易產生創意。就好比萬花筒，筒內的玻璃片越多，所呈現的圖案越多。你如果有心可以發現，網絡上的最多的創意來自與現實生活的結合(或者虛擬現實)，例如在線書店，電子社區，在線拍賣。你是否想到了一種更好的創意呢？
% I5 W) I6 W9 r) w' T4 h
  T4 e) }5 Q8 h; A# M創意思考的途徑最常用的是聯想，這裡提供了網站創意的25種聯想線索：
8 _- e7 J5 x1 M+ I
1.把它顛倒 2.把它縮小 3.把顏色換一下 4.使它更長
5.使它閃動 6.把它放進音樂裡 7.結合文字音樂圖畫 8.使它成為年輕的
9.使它重複 10.使它變成立體 11.參加競賽 12.參加打賭
13.變更一部分 14.分裂它 15.使它羅曼蒂克 16.使它速度加快
17.增加香味 18.使它看起來流行 19.使它對稱 20.將它向兒童訴求
6 i' T/ K* ?& T21.價格更低 22.給它起個綽號 23.把它打包 24.免費提供
4 Q& R- N4 k& T! N25.以上各項延伸組合
-------------(轉載自樊志育《廣告製作》)

- U1 Z2 O$ @" U需要一提的是：創意的目的是更好的宣傳推廣網站。如果創意很好，卻對網站發展毫無意義，好比給奶牛穿高跟鞋，那麼，我們寧可放棄這個創意！

關於風格和創意，可以講得還有許多。感興趣的網友可以自己找一些廣告設計方面的書閱讀。希望本文能幫助您對網站的設計有一個更新的認識和提高。謝謝！

支持