網站(zhàn)的整體風(fēng)格及其創意設計(jì)是站(zhàn)長們最希望掌握,也(yě)是最難以學習的。難就難在沒有一個固定的程式可以參照和(hé)模仿。給你(nǐ)一個主題,任何兩人都不可能(néng)設計(jì)出完全一樣的網站(zhàn)。當我們說:"這(zhè)個站(zhàn)點很(hěn)cool,很(hěn)有個性!"那麽,是什(shén)麽讓你(nǐ)覺得很(hěn)cool呢(ne)?它到(dào)底和(hé)一般的網站(zhàn)有什(shén)麽區(qū)别呢(ne)?本文(wén)試圖用(yòng)最簡明(míng)的語言來(lái)說明(míng):
1.風(fēng)格是什(shén)麽,如何樹立網站(zhàn)風(fēng)格?
2.創意是什(shén)麽,如何産生創意?
●風(fēng)格(style)是抽象的。是指站(zhàn)點的整體形象給浏覽者的綜合感受。
這(zhè)個“整體形象”包括站(zhàn)點的CI(标志,色彩,字體,标語),版面布局,浏覽方式,交互性,文(wén)字,語氣,内容價值,存在意義,站(zhàn)點榮譽等等諸多因素。舉個例子:我們覺得網易是平易近人的,迪斯尼是生動活潑的,IBM是專業嚴肅的。這(zhè)些(xiē)都是網站(zhàn)給人們留下(xià)的不同感受。
風(fēng)格是獨特的,是站(zhàn)點不同與其他(tā)網站(zhàn)的地方。或者色彩,或者技術,或者是交互方式,能(néng)讓浏覽者明(míng)确分辨出這(zhè)是你(nǐ)的網站(zhàn)獨有的。例如新世紀網絡(www.century.2000c.net)的黑白(bái)色,網易壁紙(zhǐ)站(zhàn)的特有框架,即使你(nǐ)隻看(kàn)到(dào)其中一頁,也(yě)可以分辨出是哪個網站(zhàn)的。
風(fēng)格是有人性的。通過網站(zhàn)的外(wài)表,内容,文(wén)字,交流可以概括出一個站(zhàn)點的個性,情緒。是溫文(wén)儒雅,是執著熱情,是活潑易變,是放(fàng)任不羁。象詩詞中的“豪放(fàng)派”和(hé)“婉約派”,你(nǐ)可以用(yòng)人的性格來(lái)比喻站(zhàn)點。
有風(fēng)格的網站(zhàn)與普通網站(zhàn)的區(qū)别在于:普通網站(zhàn)你(nǐ)看(kàn)到(dào)的隻是堆砌在一起的信息,你(nǐ)隻能(néng)用(yòng)理(lǐ)性的感受來(lái)描述,比如信息量大(dà)小(xiǎo),浏覽速度快(kuài)慢。但(dàn)你(nǐ)浏覽過有風(fēng)格的網站(zhàn)後你(nǐ)能(néng)有更深一層的感性認識,比如站(zhàn)點有品位,和(hé)藹可親,是老(lǎo)師,是朋友。
看(kàn)了(le)以上(shàng)描述,你(nǐ)可能(néng)對(duì)風(fēng)格是什(shén)麽可能(néng)依然模糊。其實風(fēng)格就是一句話(huà):與衆不同!
如何樹立網站(zhàn)風(fēng)格呢(ne)?我們可以分這(zhè)樣幾個步驟:
第一,确信風(fēng)格是建立在有價值内容之上(shàng)的。一個網站(zhàn)有風(fēng)格而沒有内容,就好(hǎo)比繡花(huā)枕頭一包草,好(hǎo)比一個性格傲慢但(dàn)卻目不識丁的人。你(nǐ)首先必須保證内容的質量和(hé)價值性。這(zhè)是最基本的,無須置疑。
第二,你(nǐ)需要徹底搞清楚自(zì)己希望站(zhàn)點給人的印象是什(shén)麽。可以從(cóng)這(zhè)幾方面來(lái)理(lǐ)清思路:
1.如果隻用(yòng)一句話(huà)來(lái)描述你(nǐ)的站(zhàn)點,應該是:_____________
參考答(dá)案:
有創意,專業,有(技術)實力,有美(měi)感,有沖擊力
2.想到(dào)你(nǐ)的站(zhàn)點,可以聯想到(dào)的色彩是:________________
參考答(dá)案:
熱情的紅(hóng)色,幻想的天蘭色,聰明(míng)的金(jīn)黃色
3.想到(dào)你(nǐ)的站(zhàn)點,可以聯想到(dào)的畫(huà)面是:________________
參考答(dá)案:
一份早報(bào),一輛法拉利跑車,人群擁擠的廣場,雜(zá)貨店(diàn)
4.如果網站(zhàn)是一個人,他(tā)擁有的個性是:________________
參考答(dá)案:
思想成熟的中年人,狂野奔放(fàng)的牛仔,自(zì)信憨厚的創業者
5.作(zuò)爲站(zhàn)長,你(nǐ)希望給人的印象是:____________________
參考答(dá)案:
敬業,認真投入,有深度,負責,純真,直爽,淑女
6.用(yòng)一種動物來(lái)比喻,你(nǐ)的網站(zhàn)最象:__________________
參考答(dá)案:
貓(神秘高(gāo)貴),鷹(目光銳利),兔子(聰明(míng)敏感),獅子(自(zì)信威信)
7.浏覽者覺得你(nǐ)和(hé)其他(tā)網站(zhàn)的不同是:__________________
參考答(dá)案:
可以信賴,信息最快(kuài),交流方便,
8.浏覽者和(hé)你(nǐ)交流合作(zuò)的感受是:______________________
參考答(dá)案:
師生,同事(shì),朋友,長幼。
你(nǐ)可以自(zì)己先填寫一份答(dá)案,然後讓其他(tā)網友填寫。比較後的結果會(huì)告訴你(nǐ):你(nǐ)網站(zhàn)現(xiàn)在的差距,弱點及需要改進的地方。
第三,在明(míng)确自(zì)己的網站(zhàn)印象後,開(kāi)始努力建立和(hé)加強這(zhè)種印象。
經過第二步印象的的"量化"後,你(nǐ)需要進一步找出其中最有特色特點的東西,就是最能(néng)體現(xiàn)網站(zhàn)風(fēng)格的東西。并以它作(zuò)爲網站(zhàn)的特色加以重點強化,宣傳。例如:再次審查網站(zhàn)名稱,域名,欄目名稱是否符合這(zhè)種個性,是否易記。審查網站(zhàn)标準色彩是否容易聯想到(dào)這(zhè)種特色,是否能(néng)體現(xiàn)網站(zhàn)的性格等等。具體的做法,沒有定式。我這(zhè)裏提供一些(xiē)參考:
1.将你(nǐ)的标志logo,盡可能(néng)的出現(xiàn)在每個頁面上(shàng)。或者頁眉,或者頁腳,或則背景。
2.突出你(nǐ)的标準色彩。文(wén)字的鏈接色彩,圖片的主色彩,背景色,邊框等色彩盡量使用(yòng)與标準色彩一緻的色彩。
3.突出你(nǐ)的标準字體。在關鍵的标題,菜單,圖片裏使用(yòng)統一的标準字體。
4.想一條朗朗上(shàng)口宣傳标語。把它做在你(nǐ)的banner裏,或者放(fàng)在醒目的位置,告訴大(dà)家你(nǐ)的網站(zhàn)的特色是...
5.使用(yòng)統一的語氣和(hé)人稱。即使是多個人合作(zuò)維護,也(yě)要讓讀者覺得是同一個人寫的。
6.使用(yòng)統一的圖片處理(lǐ)效果。比如,陰影效果的方向,厚度,模糊度都必須一樣。
7.創造一個你(nǐ)的站(zhàn)點特有的符号或圖标。比如在一句鏈接前的一個點,可以使用(yòng),.。☆※○◇□△→(區(qū)位碼裏自(zì)己參看(kàn))等等。雖然很(hěn)簡單的一個變化,卻給人與衆不同的感覺,(爲什(shén)麽我沒有想到(dào)呢(ne)?)
8.用(yòng)自(zì)己設計(jì)的花(huā)邊,線條,點
9.展示你(nǐ)網站(zhàn)的榮譽和(hé)成功作(zuò)品。
10.告訴網友關于你(nǐ)的真實的故事(shì)和(hé)想法。
風(fēng)格的形成不是一次定位的,你(nǐ)可以在實踐中不斷強化,調整,修飾,直到(dào)有一天,網友們寫信告訴你(nǐ):"我喜歡你(nǐ)的站(zhàn)點,因爲它很(hěn)有風(fēng)格!"
● 創意(idea)是網站(zhàn)生存的關鍵。這(zhè)一點相信大(dà)家都已經認同。然而作(zuò)爲網頁設計(jì)師,最苦惱的就是沒有好(hǎo)的創意來(lái)源。
注意,這(zhè)裏說的創意是指站(zhàn)點的整體創意,(因爲這(zhè)個創意而産生這(zhè)個站(zhàn)點,或者相同的内容,推出的創意不同),網頁的平面設計(jì)創意我将在後面的版面布局竅門(mén)裏介紹。
創意到(dào)底是什(shén)麽,如何産生創意呢(ne)?
創意是引人入勝,精彩萬分,出奇不意的;
創意是捕捉出來(lái)的點子,是創作(zuò)出來(lái)的奇招....
這(zhè)些(xiē)講法都說出了(le)創意的一些(xiē)特點,實質上(shàng),
○創意是傳達信息的一種特别方式。
比如Webdesigner(網頁設計(jì)師),我們将其中的E字母大(dà)寫一下(xià): wEbdEsigEr,感覺怎麽樣,這(zhè)其實就是一種創意!
創意并不是天才者的靈感,而是思考的結果。根據美(měi)國廣告學教授詹姆斯的研究,創意思考的過程分五階段:
1.準備期--研究所搜集的資料,根據舊經驗,啓發新創意;
2.孵化期--将資料咀嚼消化,使意識自(zì)由發展,任意結合;
3.啓示期--意識發展并結合,産生創意;
4.驗證期--将産生的創意讨論修正;
5.形成期--設計(jì)制作(zuò)網頁,将創意具體化。
○創意是将現(xiàn)有的要素重新組合。
比如,網絡與電話(huà)結合,産生IP電話(huà)。從(cóng)這(zhè)一點上(shàng)出發,任何人,包括你(nǐ)和(hé)我,都可以創造出不同凡響的創意。而且,資料越豐富,越容易産生創意。就好(hǎo)比萬花(huā)筒,筒内的玻璃片越多,所呈現(xiàn)的圖案越多。你(nǐ)如果有心可以發現(xiàn),網絡上(shàng)的最多的創意來(lái)自(zì)與現(xiàn)實生活的結合(或者虛拟現(xiàn)實),例如在線書店(diàn),電子社區(qū),在線拍(pāi)賣。你(nǐ)是否想到(dào)了(le)一種更好(hǎo)的創意呢(ne)?
創意思考的途徑最常用(yòng)的是聯想,這(zhè)裏提供了(le)網站(zhàn)創意的25種聯想線索:
1.把它颠倒 2.把它縮小(xiǎo) 3.把顔色換一下(xià) 4.使它更長
5.使它閃動 6.把它放(fàng)進音(yīn)樂裏 7.結合文(wén)字音(yīn)樂圖畫(huà) 8.使它成爲年輕的
9.使它重複 10.使它變成立體 11.參加競賽 12.參加打賭
13.變更一部分 14.分裂它 15.使它羅曼蒂克 16.使它速度加快(kuài)
17.增加香味 18.使它看(kàn)起來(lái)流行 19.使它對(duì)稱 20.将它向兒童訴求
21.價格更低(dī) 22.給它起個綽号 23.把它打包 24.免費提供
25.以上(shàng)各項延伸組合