文章出處：阿捷《網(wǎng)頁設(shè)計師》網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計是站長們最希望掌握，也是最難以學(xué)習(xí)的。難難在沒有一個固定的程式可以參照和模仿。給你一個主題，任何兩人都不可能設(shè)計出完全一樣的網(wǎng)站。當(dāng)我們說："這個站點很cool，很有個性！"那么，是什么讓你覺得很cool呢？它到底和一般的網(wǎng)站有什么區(qū)別呢？本文試圖用最簡明的語言來說明： 1.風(fēng)格是什么，如何樹立網(wǎng)站風(fēng)格？ 2.創(chuàng)意是什么，如何產(chǎn)生創(chuàng)意？ ●風(fēng)格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標(biāo)志，色彩，字體，標(biāo)語），版面布局，瀏覽方式，交互性，文字，語氣，內(nèi)容價值，存在意義，站點榮譽(yù)等等諸多因素。舉個例子： 我們覺得網(wǎng)易是平易近人的，迪斯尼是生動活潑的，IBM是專業(yè)嚴(yán)肅的。這些都是網(wǎng)站給人們留下的不同感受�！ ★L(fēng)格是獨特的，是站點不同與其他網(wǎng)站的地方�；蛘呱�，或者技術(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨有的。例如新世紀(jì)網(wǎng)絡(luò)(www.century.00c.net)的黑白色,網(wǎng)易壁紙站的特有框架,即使你只看到其中一頁，也可以分辨出是哪個網(wǎng)站的�！ ★L(fēng)格是有人性的。通過網(wǎng)站的外表，內(nèi)容，文字，交流可以概括出一個站點的個性，情緒。是溫文儒雅，是執(zhí)著熱情，是活潑易變,是放任不羈。象詩詞中的“豪放派”和“婉約派”，你可以用人的性格來比喻站點�！ ∮酗L(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：普通網(wǎng)站你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比如信息量大小，瀏覽速度快慢。但你瀏覽過有風(fēng)格的網(wǎng)站后你能有更深一層的感性認(rèn)識，比如站點有品位，和藹可親，是老師，是朋友。 看了以上描述，你可能對風(fēng)格是什么可能依然模糊。其實風(fēng)格是一句話：與眾不同！ 如何樹立網(wǎng)站風(fēng)格呢？我們可以分這樣幾個步驟： ，確信風(fēng)格是建立在有價值內(nèi)容之上的。一個網(wǎng)站有風(fēng)格而沒有內(nèi)容，好比繡花枕頭一包草，好比一個性格傲慢但卻目不識丁的人。你首先必須保證內(nèi)容的質(zhì)量和價值性。這是最基本的，無須置疑。 第二，你需要徹底搞清楚自己希望站點給人的印象是什么�？梢詮倪@幾方面來理清思路： 1.如果只用一句話來描述你的站點，應(yīng)該是:_____________ 參考答案： 有創(chuàng)意，專業(yè)，有(技術(shù))實力，有美感，有沖擊力 2.想到你的站點，可以聯(lián)想到的色彩是：________________ 參考答案： 熱情的紅色，幻想的天蘭色，聰明的金黃色 3.想到你的站點，可以聯(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)在的差距，弱點及需要改進(jìn)的地方�！ 〉谌诿鞔_自己的網(wǎng)站印象后，開始努力建立和加強(qiáng)這種印象。經(jīng)過第二步印象的的"量化"后，你需要進(jìn)一步找出其中最有特色特點的東西，是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點強(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)造一個你的站點特有的符號或圖標(biāo)。比如在一句鏈接前的一個點，可以使用,.�！睢稹蟆酢鳌▍^(qū)位碼里自己參看）等等。雖然很簡單的一個變化，卻給人與眾不同的感覺，(為什么我沒有想到呢？) 8.用自己設(shè)計的花邊，線條，點 9.展示你網(wǎng)站的榮譽(yù)和成功作品。 10.告訴網(wǎng)友關(guān)于你的真實的故事和想法。 風(fēng)格的形成不是一次定位的，你可以在實踐中不斷強(qiáng)化，調(diào)整，修飾，直到有，網(wǎng)友們寫信告訴你："我喜歡你的站點，因為它很有風(fēng)格！" ● 創(chuàng)意(idea)是網(wǎng)站生存的關(guān)鍵。這一點相信大家都已經(jīng)認(rèn)同。然而作為網(wǎng)頁設(shè)計師，最苦惱的是沒有好的創(chuàng)意來源。 注意，這里說的創(chuàng)意是指站點的整體創(chuàng)意，(因為這個創(chuàng)意而產(chǎn)生這個站點，或者相同的內(nèi)容，推出的創(chuàng)意不同),網(wǎng)頁的平面設(shè)計創(chuàng)意我將在后面的版面布局竅門里介紹�！ �(chuàng)意到底是什么，如何產(chǎn)生創(chuàng)意呢？ 創(chuàng)意是引人入勝，精彩萬分，出奇不意的； 創(chuàng)意是捕捉出來的點子，是創(chuàng)作出來的奇招.... 這些講法都說出了創(chuàng)意的一些特點，實質(zhì)上，創(chuàng)意是傳達(dá)信息的一種特別方式�！ ”热鏦ebdesigner(網(wǎng)頁設(shè)計師)，我們將其中的E字母大寫一下: wEbdEsigEr，感覺怎么樣，這其實是一種創(chuàng)意！ 創(chuàng)意并不是天才者的靈感，而是思考的結(jié)果。根據(jù)美國廣告學(xué)教授詹姆斯的研究，創(chuàng)意思考的過程分五階段： 1.準(zhǔn)備期--研究所搜集的資料，根據(jù)舊經(jīng)驗，啟發(fā)新創(chuàng)意； 2.孵化期--將資料咀嚼消化，使意識自由發(fā)展，任意結(jié)合； 3.啟示期--意識發(fā)展并結(jié)合，產(chǎn)生創(chuàng)意； 4.驗證期--將產(chǎn)生的創(chuàng)意討論修正； 5.形成期--設(shè)計制作網(wǎng)頁，將創(chuàng)意具體化。 ○創(chuàng)意是將現(xiàn)有的要素重新組合。 比如，網(wǎng)絡(luò)與電話結(jié)合，產(chǎn)生IP電話。從這一點上出發(fā)，任何人，包括你和我，都可以創(chuàng)造出不同凡響的創(chuàng)意。而且，資料越豐富，越容易產(chǎn)生創(chuàng)意。好比萬花筒，筒內(nèi)的玻璃片越多，所呈現(xiàn)的圖案越多。你如果有心可以發(fā)現(xiàn)，網(wǎng)絡(luò)上的最多的創(chuàng)意來自與現(xiàn)實生活的結(jié)合(或者虛擬現(xiàn)實)，例如在線書店，電子社區(qū)，在線拍賣。你是否想到了一種更好的創(chuàng)意呢？ 創(chuàng)意思考的途徑最常用的是聯(lián)想，這里提供了網(wǎng)站創(chuàng)意的25種聯(lián)想線索： 1.把它顛倒 2.把它縮小 3.把顏色換一下 4.使它更長 5.使它閃動 6.把它放進(jìn)音樂里 7.結(jié)合文字音樂圖畫 8.使它成為年輕的 9.使它重復(fù) 10.使它變成立體 11.參加競賽 12.參加打賭 13.變更一部分 14.分裂它 15.使它羅曼蒂克 16.使它速度加快 17.增加香味 18.使它看起來流行 19.使它對稱 .將它向兒童訴求 21.價格更低 22.給它起個綽號 23.把它打包 24.免費提供 25.以上各項延伸組合 --------(轉(zhuǎn)載自樊志育《廣告制作》) 需要一提的是：創(chuàng)意的目的是更好的宣傳推廣網(wǎng)站。如果創(chuàng)意很好，卻對網(wǎng)站發(fā)展毫無意義，好比給奶牛穿高跟鞋，那么，我們寧可放棄這個創(chuàng)意！ 關(guān)于風(fēng)格和創(chuàng)意，可以講得還有許多。感興趣的網(wǎng)友可以自己找一些廣告設(shè)計方面的書閱讀�！ ∠Ｍ疚哪軒椭鷮W(wǎng)站的設(shè)計有一個更新的認(rèn)識和提高。謝謝！
上一篇：
網(wǎng)頁設(shè)計的布局理念
下一篇：
確定網(wǎng)站的欄目和版塊