过期域名预定抢注

 找回密碼
 免费注册

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

[複製鏈接]
發表於 2005-1-6 20:59:33 | 顯示全部樓層 |閱讀模式
確定網站的整體風格和創意設計/ Q, @* h7 [( E0 {8 c

7 m8 x' `  U; G9 {  網站的整體風格及其創意設計是站長們最希望掌握,也是最難以學習的。難就難在沒有一個固定的程式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網站。當我們說:"這個站點很cool,很有個性!"那麼,是什麼讓你覺得很cool呢?它到底和一般的網站有什麼區別呢?本文試圖用最簡明的語言來說明:0 `8 Y, q, Y# x3 K1 a" j
1.風格是什麼,如何樹立網站風格?( p( z+ e6 O* L5 i: t
2.創意是什麼,如何產生創意?
; i5 {" W, d# c+ h6 b- D8 w7 h/ Y7 X# s9 e
●風格(style)是抽像的。是指站點的整體形象給瀏覽者的綜合感受。
$ Q0 ]/ s- d- Q  P! _. Q& a: j2 g; Y這個「整體形象」包括站點的CI(標誌,色彩,字體,標語),版面佈局,瀏覽方式,交互性,文字,語氣,內容價值,存在意義,站點榮譽等等諸多因素。舉個例子:我們覺得網易是平易近人的,迪斯尼是生動活潑的,IBM是專業嚴肅的。這些都是網站給人們留下的不同感受。
7 g/ i' J& e- k$ h2 e. l
- ~, ^. s3 _4 L$ T6 r" [風格是獨特的,是站點不同與其他網站的地方。或者色彩,或者技術,或者是交互方式,能讓瀏覽者明確分辨出這是你的網站獨有的。例如新世紀網絡(www.century.2000c.net)的黑白色,網易壁紙站的特有框架,即使你只看到其中一頁,也可以分辨出是哪個網站的。8 C1 d5 E  z& ~& ]2 q- @
5 `" V5 |! x: a5 [- y5 U$ u# P
風格是有人性的。通過網站的外表,內容,文字,交流可以概括出一個站點的個性,情緒。是溫文儒雅,是執著熱情,是活潑易變,是放任不羈。像詩詞中的「豪放派」和「婉約派」,你可以用人的性格來比喻站點。
8 h* O2 V3 k; D* M) k$ o' S" @) B
有風格的網站與普通網站的區別在於:普通網站你看到的只是堆砌在一起的信息,你只能用理性的感受來描述,比如信息量大小,瀏覽速度快慢。但你瀏覽過有風格的網站後你能有更深一層的感性認識,比如站點有品位,和藹可親,是老師,是朋友。" F$ o' H1 k$ r  I+ x( d2 k
3 w3 R. s' Z  G  g  m& T4 g; @7 d3 v
看了以上描述,你可能對風格是什麼可能依然模糊。其實風格就是一句話:與眾不同!- M6 v  _8 j/ e- o) t$ b

, y" p6 J; J1 b, I" o# p如何樹立網站風格呢?我們可以分這樣幾個步驟:
' F2 g  d7 ?/ ^7 x2 l
, m- h1 y5 {, y2 z8 ~第一,確信風格是建立在有價值內容之上的。一個網站有風格而沒有內容,就好比繡花枕頭一包草,好比一個性格傲慢但卻目不識丁的人。你首先必須保證內容的質量和價值性。這是最基本的,無須置疑。1 P# U! v0 L" w) A+ B9 H6 q

3 a0 s6 h1 k0 U$ ~2 N; L第二,你需要徹底搞清楚自己希望站點給人的印象是什麼。可以從這幾方面來理清思路:
( N: n$ L, n5 t! {# G# G- E* x5 k. J/ V( u, `5 I# j9 E
1.如果只用一句話來描述你的站點,應該是:_____________
1 Y( q& x5 Q" e  o7 V* d; g- G: |參考答案:: ~" H% a' c& n5 K' r! p
有創意,專業,有(技術)實力,有美感,有衝擊力
6 O- M' E, {; X2.想到你的站點,可以聯想到的色彩是:________________! g2 B* d0 ^! v7 f6 F" {
參考答案:# D: Y6 e: P4 B! @* f
熱情的紅色,幻想的天蘭色,聰明的金黃色
$ E7 f! w. P, h% ~+ n' e3.想到你的站點,可以聯想到的畫面是:________________
# C+ q4 n' f1 N4 T3 H6 z3 {參考答案:
, v# O2 \3 a8 Y一份早報,一輛法拉利跑車,人群擁擠的廣場,雜貨店: i7 ]) O+ w( z3 N
4.如果網站是一個人,他擁有的個性是:________________: k7 i; l3 [4 V# l- }
參考答案:
& K* m+ d. y, x" J思想成熟的中年人,狂野奔放的牛仔,自信憨厚的創業者1 u+ h4 b( y- @0 C2 s
5.作為站長,你希望給人的印象是:____________________
) u0 X( `9 U6 d: }9 S1 a! C( X6 n參考答案:# r/ B8 j# ?; U- f2 r3 n& j$ b8 Y0 _
敬業,認真投入,有深度,負責,純真,直爽,淑女
5 G1 s2 u$ A* ]) U; o6.用一種動物來比喻,你的網站最象:__________________/ P2 u. F$ I% R4 w. v+ y$ T
參考答案:
5 i7 ?- E2 F. |( o0 c/ W貓(神秘高貴),鷹(目光銳利),兔子(聰明敏感),獅子(自信威信)
8 j7 S$ \) W8 k: ?' J7.瀏覽者覺得你和其他網站的不同是:__________________
) ?# q6 o3 g# k; j, [& B/ \0 B* ]8 g) |參考答案:
! ?  T! B( R2 w9 D" c可以信賴,信息最快,交流方便,
8 [# ]: W  }( i- `/ n+ g3 m+ A6 a8.瀏覽者和你交流合作的感受是:______________________5 G( L9 l* k! N, E  R# @6 D  R
參考答案:
: p0 K5 \( `8 P; C師生,同事,朋友,長幼。
( i! o$ e1 I+ z+ F$ s4 k, O! Y" Q) C9 |& E1 N5 N' y
你可以自己先填寫一份答案,然後讓其他網友填寫。比較後的結果會告訴你:你網站現在的差距,弱點及需要改進的地方。
: f9 W" o0 X; \
, ^% ^% \) R4 u6 w第三,在明確自己的網站印象後,開始努力建立和加強這種印象。7 v3 z. K; U) O  |% I, G1 c1 k
經過第二步印象的的"量化"後,你需要進一步找出其中最有特色特點的東西,就是最能體現網站風格的東西。並以它作為網站的特色加以重點強化,宣傳。例如:再次審查網站名稱,域名,欄目名稱是否符合這種個性,是否易記。審查網站標準色彩是否容易聯想到這種特色,是否能體現網站的性格等等。具體的做法,沒有定式。我這裡提供一些參考:! C1 }. Y! W( L9 `; V! p

8 o" U& @* c, u1.將你的標誌logo,盡可能的出現在每個頁面上。或者頁眉,或者頁腳,或則背景。
8 u- Z' h( A9 s2 x: a2.突出你的標準色彩。文字的鏈接色彩,圖片的主色彩,背景色,邊框等色彩盡量使用與標準色彩一致的色彩。) v0 x; K" ~/ A# b& A  y
3.突出你的標準字體。在關鍵的標題,菜單,圖片裡使用統一的標準字體。& Q5 [! B4 m5 R4 o0 W& J4 X, j
4.想一條朗朗上口宣傳標語。把它做在你的banner裡,或者放在醒目的位置,告訴大家你的網站的特色是...0 \! S- ?+ V; ?6 G: s7 m
5.使用統一的語氣和人稱。即使是多個人合作維護,也要讓讀者覺得是同一個人寫的。
: {* n. T. G* m0 z2 ^& }6.使用統一的圖片處理效果。比如,陰影效果的方向,厚度,模糊度都必須一樣。
7 q# `* z# g  J7.創造一個你的站點特有的符號或圖標。比如在一句鏈接前的一個點,可以使用,.。☆※○◇□△→(區位碼裡自己參看)等等。雖然很簡單的一個變化,卻給人與眾不同的感覺,(為什麼我沒有想到呢?)
, l1 a; x7 i4 b( p9 b4 }8.用自己設計的花邊,線條,點
" m3 Z9 F+ F; P! V$ o: S9.展示你網站的榮譽和成功作品。
3 C( T! ^! z7 s5 `( u+ _9 E* ?10.告訴網友關於你的真實的故事和想法。
1 W' m' b5 g  o! L' U
5 O6 V. `' i' L- b% [1 z) o風格的形成不是一次定位的,你可以在實踐中不斷強化,調整,修飾,直到有一天,網友們寫信告訴你:"我喜歡你的站點,因為它很有風格!"7 w* D* l' b1 c% c3 u1 B

; u  z( A0 c- j5 L+ `7 K2 f
/ I5 ]: Q5 m) n* X/ @; p, \: B2 O● 創意(idea)是網站生存的關鍵。這一點相信大家都已經認同。然而作為網頁設計師,最苦惱的就是沒有好的創意來源。( z5 W: E' }$ P- `% N

* e: z8 F% [, n1 {# F注意,這裡說的創意是指站點的整體創意,(因為這個創意而產生這個站點,或者相同的內容,推出的創意不同),網頁的平面設計創意我將在後面的版面佈局竅門裡介紹。
; @  |: I; P: B. u  L. X
! R0 v( r' {( X創意到底是什麼,如何產生創意呢?. b/ T2 t! m2 H8 N; y; v. \

# z  U& r+ I3 J/ S, O# s8 \1 A創意是引人入勝,精彩萬分,出奇不意的;
! n8 j! L- `) g, ]( {( i- I. D% b創意是捕捉出來的點子,是創作出來的奇招....
/ e) [3 f' U1 z; Q6 g這些講法都說出了創意的一些特點,實質上,- V$ D8 G9 z! M1 `

6 O& y! R$ _3 [8 l: [- ?○創意是傳達信息的一種特別方式。  z- P# `& A/ @5 U! w0 Z/ g( k
- W+ j, a" _) e3 s
比如Webdesigner(網頁設計師),我們將其中的E字母大寫一下: wEbdEsigEr,感覺怎麼樣,這其實就是一種創意!8 n+ r0 @5 e% N# S

& R4 `8 {6 M9 Z1 U* ?( J創意並不是天才者的靈感,而是思考的結果。根據美國廣告學教授詹姆斯的研究,創意思考的過程分五階段:
4 n" D) [* l' K+ k$ B  {1.準備期--研究所搜集的資料,根據舊經驗,啟發新創意;4 [3 {+ L; w8 }3 n5 e" {
2.孵化期--將資料咀嚼消化,使意識自由發展,任意結合;
* m# j) w0 h% A# k$ k7 ~( _4 D3.啟示期--意識發展並結合,產生創意;) t2 t) E1 K; g  |0 V+ h: T
4.驗證期--將產生的創意討論修正;2 ?* d$ W3 g) `% i
5.形成期--設計製作網頁,將創意具體化。
7 G- v* l6 ^1 M5 F" d- D$ D( V% G4 [& @* i
○創意是將現有的要素重新組合。! i9 a5 K) S8 g" U
比如,網絡與電話結合,產生IP電話。從這一點上出發,任何人,包括你和我,都可以創造出不同凡響的創意。而且,資料越豐富,越容易產生創意。就好比萬花筒,筒內的玻璃片越多,所呈現的圖案越多。你如果有心可以發現,網絡上的最多的創意來自與現實生活的結合(或者虛擬現實),例如在線書店,電子社區,在線拍賣。你是否想到了一種更好的創意呢?/ X! A( m3 I" Z) r& o# Q

; q' N+ ?2 e$ J創意思考的途徑最常用的是聯想,這裡提供了網站創意的25種聯想線索:
; H, S+ [6 }! L# p4 k4 z3 ?- t
9 C& a& V' O6 C9 ]" @# T8 v  i. L& D  D1.把它顛倒 2.把它縮小 3.把顏色換一下 4.使它更長
1 A8 O+ _: A$ a, u; B5.使它閃動 6.把它放進音樂裡 7.結合文字音樂圖畫 8.使它成為年輕的
' A2 E3 T1 f( P9 E4 n9.使它重複 10.使它變成立體 11.參加競賽 12.參加打賭
- X' T7 R; p; |8 ~  y& v13.變更一部分 14.分裂它 15.使它羅曼蒂克 16.使它速度加快: J6 P! S* t. L3 Q& ]5 f! |6 Q4 k
17.增加香味 18.使它看起來流行 19.使它對稱 20.將它向兒童訴求
# q" b* s4 [8 b21.價格更低 22.給它起個綽號 23.把它打包 24.免費提供
9 ?/ G8 Z) c. F- W9 [25.以上各項延伸組合
* L: t! c4 h+ W: j  V+ G( V- ]-------------(轉載自樊志育《廣告製作》)! t3 j* n3 I8 Q) X
" L; x5 d% s: \+ v9 m. i
需要一提的是:創意的目的是更好的宣傳推廣網站。如果創意很好,卻對網站發展毫無意義,好比給奶牛穿高跟鞋,那麼,我們寧可放棄這個創意!/ M7 [/ e* S. {. p
! Q  R2 _# ?& Q+ }" j/ H' k$ J
關於風格和創意,可以講得還有許多。感興趣的網友可以自己找一些廣告設計方面的書閱讀。希望本文能幫助您對網站的設計有一個更新的認識和提高。謝謝!
發表於 2005-1-7 10:06:42 | 顯示全部樓層
提示: 作者被禁止或刪除 內容自動屏蔽
回復 给力 爆菊

使用道具 舉報

發表於 2005-1-24 21:51:05 | 顯示全部樓層
提示: 作者被禁止或刪除 內容自動屏蔽
回復 给力 爆菊

使用道具 舉報

發表於 2005-2-3 22:53:41 | 顯示全部樓層
支持
回復 给力 爆菊

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 免费注册

本版積分規則

过期高净值品牌域名预定抢注

點基跨境 數位編輯創業論壇

GMT+8, 2025-4-5 22:49

By DZ X3.5

小黑屋

快速回復 返回頂部 返回列表