DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網站設計的思考之網站的風格和設計
網站設計的思考之網站的風格和設計
編輯:關於網頁技巧     

  網站的整體風格及其創意設計是站長們最希望掌握,也是最難以學習的。難就難在沒有一個固定的程式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網站。當我們說:"這個站點很cool,很有個性!"那麼,是什麼讓你覺得很cool呢?它到底和一般的網站有什麼區別呢?本文試圖用最簡明的語言來說明:

  1.風格是什麼,如何樹立網站風格?

  2.創意是什麼,如何產生創意?

  ●風格(style)是抽象的。是指站點的整體形象給浏覽者的綜合感受。

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

  風格是獨特的,是站點不同與其他網站的地方。或者色彩,或者技術,或者是交互方式,能讓浏覽者明確分辨出這是你的網站獨有的。例如新世紀網絡(www.century.2000c.net)的黑白色,網易壁紙站的特有框架,即使你只看到其中一頁,也可以分辨出是哪個網站的。

  風格是有人性的。通過網站的外表,內容,文字,交流可以概括出一個站點的個性,情緒。是溫文儒雅,是執著熱情,是活潑易變,是放任不羁。象詩詞中的“豪放派”和“婉約派”,你可以用人的性格來比喻站點。

  有風格的網站與普通網站的區別在於:普通網站你看到的只是堆砌在一起的信息,你只能用理性的感受來描述,比如信息量大小,浏覽速度快慢。但你浏覽過有風格的網站後你能有更深一層的感性認識,比如站點有品位,和藹可親,是老師,是朋友。

  看了以上描述,你可能對風格是什麼可能依然模糊。其實風格就是一句話:與眾不同!

  如何樹立網站風格呢?我們可以分這樣幾個步驟:

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

  第二,你需要徹底搞清楚自己希望站點給人的印象是什麼。可以從這幾方面來理清思路:

  1.如果只用一句話來描述你的站點,應該是:_____________

  參考答案:

  有創意,專業,有(技術)實力,有美感,有沖擊力

  2.想到你的站點,可以聯想到的色彩是:________________

  參考答案:

  熱情的紅色,幻想的天蘭色,聰明的金黃色

  3.想到你的站點,可以聯想到的畫面是:________________

  參考答案:

  一份早報,一輛法拉利跑車,人群擁擠的廣場,雜貨店

  4.如果網站是一個人,他擁有的個性是:________________

  參考答案:

  思想成熟的中年人,狂野奔放的牛仔,自信憨厚的創業者

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

  參考答案:

  敬業,認真投入,有深度,負責,純真,直爽,淑女

  6.用一種動物來比喻,你的網站最象:__________________

  參考答案:

  貓(神秘高貴),鷹(目光銳利),兔子(聰明敏感),獅子(自信威信)

  7.浏覽者覺得你和其他網站的不同是:__________________

  參考答案:

  可以信賴,信息最快,交流方便,

  8.浏覽者和你交流合作的感受是:______________________

  參考答案:

  師生,同事,朋友,長幼。

  你可以自己先填寫一份答案,然後讓其他網友填寫。比較後的結果會告訴你:你網站現在的差距,弱點及需要改進的地方。

  第三,在明確自己的網站印象後,開始努力建立和加強這種印象。

  經過第二步印象的的"量化"後,你需要進一步找出其中最有特色特點的東西,就是最能體現網站風格的東西。並以它作為網站的特色加以重點強化,宣傳。例如:再次審查網站名稱,域名,欄目名稱是否符合這種個性,是否易記。審查網站標准色彩是否容易聯想到這種特色,是否能體現網站的性格等等。具體的做法,沒有定式。我這裡提供一些參考:

  1.將你的標志logo,盡可能的出現在每個頁面上。或者頁眉,或者頁腳,或則背景。

  2.突出你的標准色彩。文字的鏈接色彩,圖片的主色彩,背景色,邊框等色彩盡量使用與標准色彩一致的色彩。

  3.突出你的標准字體。在關鍵的標題,菜單,圖片裡使用統一的標准字體。

  4.想一條朗朗上口宣傳標語。把它做在你的banner裡,或者放在醒目的位置,告訴大家你的網站的特色是...

  5.使用統一的語氣和人稱。即使是多個人合作維護,也要讓讀者覺得是同一個人寫的。

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

  7.創造一個你的站點特有的符號或圖標。比如在一句鏈接前的一個點,可以使用,.。☆※○◇□△→(區位碼裡自己參看)等等。雖然很簡單的一個變化,卻給人與眾不同的感覺,(為什麼我沒有想到呢?)

  8.用自己設計的花邊,線條,點

  9.展示你網站的榮譽和成功作品。

  10.告訴網友關於你的真實的故事和想法。

  風格的形成不是一次定位的,你可以在實踐中不斷強化,調整,修飾,直到有一天,網友們寫信告訴你:"我喜歡你的站點,因為它很有風格!"

  ● 創意(idea)是網站生存的關鍵。這一點相信大家都已經認同。然而作為網頁設計師,最苦惱的就是沒有好的創意來源。

  注意,這裡說的創意是指站點的整體創意,(因為這個創意而產生這個站點,或者相同的內容,推出的創意不同),網頁的平面設計創意我將在後面的版面布局竅門裡介紹。

  創意到底是什麼,如何產生創意呢?

  創意是引人入勝,精彩萬分,出奇不意的;

  創意是捕捉出來的點子,是創作出來的奇招....

  這些講法都說出了創意的一些特點,實質上,

  ○創意是傳達信息的一種特別方式。

  比如Webdesigner(網頁設計師),我們將其中的E字母大寫一下: wEbdEsigEr,感覺怎麼樣,這其實就是一種創意!

  創意並不是天才者的靈感,而是思考的結果。根據美國廣告學教授詹姆斯的研究,創意思考的過程分五階段:

  1.准備期--研究所搜集的資料,根據舊經驗,啟發新創意

12下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved