當(dāng)前位置: 首頁 > 設(shè)計(jì)資訊 > 理論文摘 > 正文

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

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

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

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

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

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

  風(fēng)格是獨(dú)特的,是站點(diǎn)不同與其他網(wǎng)站的地方?;蛘呱?,或者技術(shù),或者是交互方式,能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。例如新世紀(jì)網(wǎng)絡(luò)(www.century.2000c.net)的黑白色,網(wǎng)易壁紙站的特有框架,即使你只看到其中一頁,也可以分辨出是哪個(gè)網(wǎng)站的。

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

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

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

  如何樹立網(wǎng)站風(fēng)格呢?我們可以分這樣幾個(gè)步驟: 第一,確信風(fēng)格是建立在有價(jià)值內(nèi)容之上的。一個(gè)網(wǎng)站有風(fēng)格而沒有內(nèi)容,就好比繡花枕頭一包草,好比一個(gè)性格傲慢但卻目不識(shí)丁的人。你首先必須保證內(nèi)容的質(zhì)量和價(jià)值性。
這是最基本的,無須置疑。

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

  1.如果只用一句話來描述你的站點(diǎn),應(yīng)該是:_____________
  參考答案:
  有創(chuàng)意,專業(yè),有(技術(shù))實(shí)力,有美感,有沖擊力


  2.想到你的站點(diǎn),可以聯(lián)想到的色彩是:________________
  參考答案:
  熱情的紅色,幻想的天蘭色,聰明的金黃色


  3.想到你的站點(diǎn),可以聯(lián)想到的畫面是:________________
  參考答案:
  一份早報(bào),一輛法拉利跑車,人群擁擠的廣場(chǎng),雜貨店


  4.如果網(wǎng)站是一個(gè)人,他擁有的個(gè)性是:________________
  參考答案:
  思想成熟的中年人,狂野奔放的牛仔,自信憨厚的創(chuàng)業(yè)者


  5.作為站長(zhǎng),你希望給人的印象是:____________________
  參考答案:
  敬業(yè),認(rèn)真投入,有深度,負(fù)責(zé),純真,直爽,淑女


  6.用一種動(dòng)物來比喻,你的網(wǎng)站最象:__________________
  參考答案:
  貓(神秘高貴),鷹(目光銳利),兔子(聰明敏感),獅子(自信威信)


  7.瀏覽者覺得你和其他網(wǎng)站的不同是:__________________
  參考答案:
  可以信賴,信息最快,交流方便,


  8.瀏覽者和你交流合作的感受是:______________________
  參考答案:
  師生,同事,朋友,長(zhǎng)幼。

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

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


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

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


  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)一的語氣和人稱。即使是多個(gè)人合作維護(hù),也要讓讀者覺得是同一個(gè)人寫的。


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


  7.創(chuàng)造一個(gè)你的站點(diǎn)特有的符號(hào)或圖標(biāo)。比如在一句鏈接前的一個(gè)點(diǎn),可以使用,.?!睢稹蟆酢鳌▍^(qū)位碼里自己參看)等等。雖然很簡(jiǎn)單的一個(gè)變化,卻給人與眾不同的感覺,(為什么我沒有想到呢?)


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


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


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

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



105
評(píng)論區(qū)(0)
正在加載評(píng)論...