網(wǎng)站的整體風(fēng)格和意設(shè)計
發(fā)布時間:2008-12-24 閱讀數(shù): 次 來源:網(wǎng)樂原科技
網(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)站給人們留下的不同感受。
風(fēng)格是獨(dú)特的,是站點不同與其他網(wǎng)站的地方?;蛘呱剩蛘呒夹g(shù),或者是交互方式,能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。例如新世紀(jì)網(wǎng)絡(luò)(www.century.2000c.net) 的黑白色,網(wǎng)易壁紙站的特有框架,即使你只看到其中一頁,也可以分辨出是哪個網(wǎng)站的。
風(fēng)格是有人性的。通過網(wǎng)站的外表,內(nèi)容,文字,交流可以概括出一個站點的個性,情緒。是溫文儒雅,是執(zhí)著熱情,是活潑易變,是放任不羈。象詩詞中的“豪放派”和“婉約派”,你可以用人的性格來比喻站點。
有風(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á)信息的一種特別方式。
比如Webdesigner(網(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.使它對稱 20.將它向兒童訴求
21.價格更低 22.給它起個綽號 23.把它打包 24.免費(fèi)提供
25.以上各項延伸組合
-------------(轉(zhuǎn)載自樊志育《廣告制作》)
需要一提的是:創(chuàng)意的目的是更好的宣傳推廣網(wǎng)站。如果創(chuàng)意很好,卻對網(wǎng)站發(fā)展毫無意義,好比給奶牛穿高跟鞋,那么,我們寧可放棄這個創(chuàng)意!