網(wǎng)站設(shè)計的整體風(fēng)格如何創(chuàng)意

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

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

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

工具/原料

風(fēng)格

創(chuàng)意

步驟/方法

1 風(fēng)格 (style) 是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點(diǎn)的 CI (標(biāo)志，色彩，字體，標(biāo)語)，版面布局，瀏覽方 式，交互性，文字，語氣，內(nèi)容價值，存在意義，站點(diǎn)榮譽(yù)等等諸多因素。舉個例子：我們覺得網(wǎng)易是平易近人的，迪斯尼是生動活潑的， IBM 是專業(yè)嚴(yán)肅的。這些都是網(wǎng)站 給人們留下的不同感受。

風(fēng)格是獨(dú)特的，是站點(diǎn)不同與其他網(wǎng)站的地方�；蛘呱�彩，或者技術(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。例如易雅達(dá)網(wǎng)絡(luò)http://www.yiyada.com/6_60_zh.html

的藍(lán)+橙色 , 網(wǎng)易壁紙站的特有框架 , 即使你只看到其中一頁，也可以分辨出是哪個網(wǎng)站的。

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

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

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

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

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

第二，你需要徹底搞清楚自己希望站點(diǎn)給人的印象是什么�？梢詮倪@幾方面來理清思路：

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

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

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

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

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

參考答案：一份早報，一輛法拉利跑車，人群擁擠的廣場，雜貨店

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

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

5. 作為站長，你希望給人的印象是： ____________________

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

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

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

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

參考答案：可以信賴，信息最快，交流方便，

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

參考答案：師生，同事，朋友，長幼。

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

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

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

1. 將你的標(biāo)志 logo, 盡可能的出現(xiàn)在每個頁面上。

或者頁眉，或者頁腳，或則背景。

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)語。

把它做在你的 banner 里，或者放在醒目的位置，

告訴大家你的網(wǎng)站的特色是 ...

5. 使用統(tǒng)一的語氣和人稱。

即使是多個人合作維護(hù)，也要讓讀者覺得是同一個人寫的。

6. 使用統(tǒng)一的圖片處理效果。

比如，陰影效果的方向，厚度，模糊度都必須一樣。

7. 創(chuàng)造一個你的站點(diǎn)特有的符號或圖標(biāo)。

比如在一句鏈接前的一個點(diǎn)，可以使用 ,. 。

(區(qū)位碼里自己參看)等等。雖然很簡單的一個變化，

卻給人與眾不同的感覺，(為什么我沒有想到呢?)

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

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

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

注意事項(xiàng)

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

【網(wǎng)站設(shè)計的整體風(fēng)格如何創(chuàng)意】相關(guān)文章：

華為C8812評測：硬件信息整體設(shè)計風(fēng)格07-11

房屋風(fēng)格設(shè)計，如何篩選設(shè)計師？07-11

如何提高網(wǎng)站模板設(shè)計水平07-14

網(wǎng)站設(shè)計：如何布局網(wǎng)站信息導(dǎo)航與信息流07-14

如何打造自我的職場風(fēng)格07-05

如何形成自己的攝影風(fēng)格07-04

德國的設(shè)計風(fēng)格簡介06-17

如何設(shè)計具有親和力的企業(yè)網(wǎng)站07-14

該如何鍛造自己的投資風(fēng)格07-03

項(xiàng)目整體方案設(shè)計07-02