網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是站長(zhǎng)們最希望掌握，也是最難以學(xué)習(xí)的。難就難在 沒(méi)有一個(gè)固定的程式可以參照和模仿。給你一個(gè)主題，任何兩人都不可能設(shè)計(jì)出完全 一樣的網(wǎng)站。當(dāng)我們說(shuō)：這個(gè)站點(diǎn)很cool，很有個(gè)性！那么，是什么讓你覺(jué)得很cool 呢？它到底和一般的網(wǎng)站有什么區(qū)別呢？本文試圖用最簡(jiǎn)明的語(yǔ)言來(lái)說(shuō)明：

　　1.風(fēng)格是什么，如何樹(shù)立網(wǎng)站風(fēng)格？

　　2.創(chuàng)意是什么，如何產(chǎn)生創(chuàng)意？

●風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。

這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志，色彩，字體，標(biāo)語(yǔ)），版面布局，瀏覽方 式，交互性，文字，語(yǔ)氣，內(nèi)容價(jià)值，存在意義，站點(diǎn)榮譽(yù)等等諸多因素。

舉個(gè)例子：

我們覺(jué)得網(wǎng)易是平易近人的，迪斯尼是生動(dòng)活潑的，IBM是專(zhuān)業(yè)嚴(yán)肅的。這些都是網(wǎng)站給人們留下的不同感受。

風(fēng)格是獨(dú)特的，是站點(diǎn)不同與其他網(wǎng)站的地方?；蛘呱?，或者技術(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。

風(fēng)格是有人性的。通過(guò)網(wǎng)站的外表，內(nèi)容，文字，交流可以概括出一個(gè)站點(diǎn)的個(gè)性， 情緒。是溫文儒雅，是執(zhí)著熱情，是活潑易變,是放任不羈。象詩(shī)詞中的“豪放派”和“婉 約派”，你可以用人的性格來(lái)比喻站點(diǎn)。

有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：普通網(wǎng)站你看到的只是堆砌在一起的信息， 你只能用理性的感受來(lái)描述，比如信息量大小，瀏覽速度快慢。但你瀏覽過(guò)有風(fēng)格的 網(wǎng)站后你能有更深一層的感性認(rèn)識(shí)，比如站點(diǎn)有品位，和藹可親，是老師，是朋友。

看了以上描述，你可能對(duì)風(fēng)格是什么可能依然模糊。其實(shí)風(fēng)格就是一句話(huà)：與眾不同！

如何樹(shù)立網(wǎng)站風(fēng)格呢？我們可以分這樣幾個(gè)步驟：

第一，確信風(fēng)格是建立在有價(jià)值內(nèi)容之上的。

一個(gè)網(wǎng)站有風(fēng)格而沒(méi)有內(nèi)容，就好比繡花 枕頭一包草，好比一個(gè)性格傲慢但卻目不識(shí)丁的人。你首先必須保證內(nèi)容的質(zhì)量和價(jià)值性。這是最基本的，無(wú)須置疑。

第二，你需要徹底搞清楚自己希望站點(diǎn)給人的印象是什么。可以從這幾方面來(lái)理清思路：

1.如果只用一句話(huà)來(lái)描述你的站點(diǎn)，應(yīng)該是_____________

參考答案：
有創(chuàng)意，專(zhuān)業(yè)，有(技術(shù))實(shí)力，有美感，有沖擊力

2.想到你的站點(diǎn)，可以聯(lián)想到的色彩是：________________

參考答案：
熱情的紅色，幻想的天蘭色，聰明的金黃色

3.想到你的站點(diǎn)，可以聯(lián)想到的畫(huà)面是：________________

參考答案：
一份早報(bào)，一輛法拉利跑車(chē)，人群擁擠的廣場(chǎng)，雜貨店

4.如果網(wǎng)站是一個(gè)人，他擁有的個(gè)性是：________________

參考答案：
思想成熟的中年人，狂野奔放的牛仔，自信憨厚的創(chuàng)業(yè)者

5.作為站長(zhǎng)，你希望給人的印象是：____________________

參考答案：
敬業(yè)，認(rèn)真投入，有深度，負(fù)責(zé)，純真，直爽，淑女

6.用一種動(dòng)物來(lái)比喻，你的網(wǎng)站最象：__________________

參考答案：
貓(神秘高貴)，鷹(目光銳利)，兔子(聰明敏感)，獅子(自信威信)

7.瀏覽者覺(jué)得你和其他網(wǎng)站的不同是：__________________

參考答案：
可以信賴(lài)，信息最快，交流方便

8.瀏覽者和你交流合作的感受是：______________________

參考答案：
師生，同事，朋友，長(zhǎng)幼。

你可以自己先填寫(xiě)一份答案，然后讓其他網(wǎng)友填寫(xiě)。比較后的結(jié)果會(huì)告訴你：你網(wǎng)站現(xiàn) 在的差距，弱點(diǎn)及需要改進(jìn)的地方。

第三，在明確自己的網(wǎng)站印象后，開(kāi)始努力建立和加強(qiáng)這種印象。

經(jīng)過(guò)第二步印象的的量化后，你需要進(jìn)一步找出其中最有特色特點(diǎn)的東西，就是最能 體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化，宣傳。例如：再次審查網(wǎng)站 名稱(chēng)，域名，欄目名稱(chēng)是否符合這種個(gè)性，是否易記。審查網(wǎng)站標(biāo)準(zhǔn)色彩是否容易聯(lián)想到 這種特色，是否能體現(xiàn)網(wǎng)站的性格等等。具體的做法，沒(méi)有定式。我這里提供一些參考：

1.將你的標(biāo)志logo,盡可能的出現(xiàn)在每個(gè)頁(yè)面上?；蛘唔?yè)眉，或者頁(yè)腳，或則背景。

2.突出你的標(biāo)準(zhǔn)色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用 與標(biāo)準(zhǔn)色彩一致的色彩。

3.突出你的標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題，菜單，圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。

4.想一條朗朗上口宣傳標(biāo)語(yǔ)。把它做在你的banner里，或者放在醒目的位置，告訴大家 你的網(wǎng)站的特色是...

5.使用統(tǒng)一的語(yǔ)氣和人稱(chēng)。即使是多個(gè)人合作維護(hù)，也要讓讀者覺(jué)得是同一個(gè)人寫(xiě)的。

6.使用統(tǒng)一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。

7.創(chuàng)造一個(gè)你的站點(diǎn)特有的符號(hào)或圖標(biāo)。比如在一句鏈接前的一個(gè)點(diǎn)，可以使用,.。

☆※○◇□△→（區(qū)位碼里自己參看）等等。雖然很簡(jiǎn)單的一個(gè)變化，卻給人與眾不 同的感覺(jué)，(為什么我沒(méi)有想到呢？)

8.用自己設(shè)計(jì)的花邊，線條，點(diǎn)。

9.展示你網(wǎng)站的榮譽(yù)和成功作品。

10.告訴網(wǎng)友關(guān)于你的真實(shí)的故事和想法。

風(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強(qiáng)化，調(diào)整，修飾，直到有一天，網(wǎng)友們 寫(xiě)信告訴你：我喜歡你的站點(diǎn)，因?yàn)樗苡酗L(fēng)格！

● 創(chuàng)意(idea)是網(wǎng)站生存的關(guān)鍵。這一點(diǎn)相信大家都已經(jīng)認(rèn)同。然而作為網(wǎng)頁(yè)設(shè)計(jì)師，苦惱的就是沒(méi)有好的創(chuàng)意來(lái)源。

注意，這里說(shuō)的創(chuàng)意是指站點(diǎn)的整體創(chuàng)意，(因?yàn)檫@個(gè)創(chuàng)意而產(chǎn)生這個(gè)站點(diǎn)，或者相同的 內(nèi)容，推出的創(chuàng)意不同),網(wǎng)頁(yè)的平面設(shè)計(jì)創(chuàng)意我將在后面的版面布局竅門(mén)里介紹。

創(chuàng)意到底是什么，如何產(chǎn)生創(chuàng)意呢？

創(chuàng)意是引人入勝，精彩萬(wàn)分，出奇不意的；
創(chuàng)意是捕捉出來(lái)的點(diǎn)子，是創(chuàng)作出來(lái)的奇招....
這些講法都說(shuō)出了創(chuàng)意的一些特點(diǎn)，實(shí)質(zhì)上，

○創(chuàng)意是傳達(dá)信息的一種特別方式。

比如Webdesigner(網(wǎng)頁(yè)設(shè)計(jì)師)，我們將其中的E字母大寫(xiě)一下 wEbdEsigEr，感覺(jué)怎么樣， 這其實(shí)就是一種創(chuàng)意！ 創(chuàng)意并不是天才者的靈感，而是思考的結(jié)果。根據(jù)美國(guó)廣告學(xué)教授詹 姆斯的研究，創(chuàng)意思考 的過(guò)程分五階段：

1.準(zhǔn)備期--研究所搜集的資料，根據(jù)舊經(jīng)驗(yàn)，啟發(fā)新創(chuàng)意；
2.孵化期--將資料咀嚼消化，使意識(shí)自由發(fā)展，任意結(jié)合；
3.啟示期--意識(shí)發(fā)展并結(jié)合，產(chǎn)生創(chuàng)意；
4.驗(yàn)證期--將產(chǎn)生的創(chuàng)意討論修正；
5.形成期--設(shè)計(jì)制作網(wǎng)頁(yè)，將創(chuàng)意具體化。

○創(chuàng)意是將現(xiàn)有的要素重新組合。

比如，網(wǎng)絡(luò)與電話(huà)結(jié)合，產(chǎn)生IP電話(huà)。從這一點(diǎn)上出發(fā)，任何人，包括你和我，都可以創(chuàng)造出不同凡響的創(chuàng)意。而且，資料越豐富，越容易產(chǎn)生創(chuàng)意。就好比萬(wàn)花筒，筒內(nèi)的玻璃片 越 多，所呈現(xiàn)的圖案越多。你如果有心可以發(fā)現(xiàn)，網(wǎng)絡(luò)上的最多的創(chuàng)意來(lái)自與現(xiàn)實(shí)生活的結(jié)合(或者虛擬現(xiàn)實(shí))，例如在線書(shū)店，電子社區(qū)，在線拍賣(mài)。你是否想到了一種更好的創(chuàng)意呢？

創(chuàng)意思考的途徑最常用的是聯(lián)想，這里提供了網(wǎng)站創(chuàng)意的25種聯(lián)想線索：

1.把它顛倒 2.把它縮小 3.把顏色換一下 4.使它更長(zhǎng)
5.使它閃動(dòng) 6.把它放進(jìn)音樂(lè)里 7.結(jié)合文字音樂(lè)圖畫(huà) 8.使它成為年輕的
9.使它重復(fù) 10.使它變成立體 11.參加競(jìng)賽 12.參加打賭
13.變更一部分 14.分裂它 15.使它羅曼蒂克 16.使它速度加快
17.增加香味 18.使它看起來(lái)流行 19.使它對(duì)稱(chēng) 20.將它向兒童訴求
21.價(jià)格更低 22.給它起個(gè)綽號(hào) 23.把它打包 24.免費(fèi)提供
25.以上各項(xiàng)延伸組合

需要一提的是：創(chuàng)意的目的是更好的宣傳推廣網(wǎng)站。如果創(chuàng)意很好，卻對(duì)網(wǎng)站發(fā)展毫無(wú)意義，好比給奶牛穿高跟鞋，那么，我們寧可放棄這個(gè)創(chuàng)意！