WebCreativityDesign第七章網頁創意設計

網頁的類型TypesofWebPages1設計創意DesignCreativity2目錄CONTENTS2網頁的類型1PART從功能上分類 從風格上分類3網頁的類型TypesofWebPages7.1網頁的類型TypesofWebPages7.1.1從功能上分類

靜態網站是指全部由HTML（標準通用標記語言的子集）代碼格式頁面組成的網站，所有的內容包含在網頁文件中。網頁上也可以出現各種視覺動態效果，如GIF動畫、FLASH動畫、滾動字幕等，而網站主要是靜態化的頁面和代碼組成，一般文件名均以htm、html、shtml等為后綴。程序是否在服務器端運行，是重要標志。靜態網頁和動態網頁各有特點，主要取決于網站的功能需求和網站內容的多少。靜態網頁是網站建設的基礎，采用動態網站技術，也可以將網頁內容轉化為靜態網頁發布。動態網站也可以采用靜動結合的原則。4網頁的類型TypesofWebPages7.1.2從風格上分類

1.門戶資訊類網站這類網站就如如上所說，并不需要特別的花哨與裝飾，如實地把相關資訊呈現給瀏覽者，簡潔明了，才是瀏覽者更需要的。如圖7-1、圖7-2就是國內外知名的門戶資訊類網站，都沒有花哨的裝飾、夸張的圖案，把用戶想看的拿給用戶看，才是這類網站的主要目的。圖7-1新華網首頁圖7-2聯合國教科文組織網站首頁5網頁的類型TypesofWebPages7.1.2從風格上分類

2.資訊與形象相結合的網站這類網站就不單單是只為資訊而存在，這類網站不僅要把有關資訊呈現給瀏覽者，更需要宣傳網站的單位形象，這類網站如教育類、企業類、娛樂類等。

圖7-3所示央視5頻道的官方網站，不僅要適時更新賽事資訊，更重要的是要打造中國體育健兒的風采及中國國家形象，那么這類網站就不能像門戶資訊類網站那樣不加修飾，傳達活動本身的文化就成為主旨。

圖7-4所示的是青島科技大學的官網首頁，這類網站設計較為嚴肅，學術氛圍濃厚，網站既要以傳遞學校文化為主，又要承擔實時新聞發布的作用。6網頁的類型TypesofWebPages7.1.2從風格上分類

圖7-3央視5頻道的官方網站圖7-4青島科技大學的官網首頁7網頁的類型TypesofWebPages7.1.2從風格上分類

3.形象宣傳類網站這類網站主要針對個人與某些特定活動而設置的網站，如圖7-5所示的1號會員店網站，其主要作用是宣傳自身優勢及引導瀏覽者下載相關的App。這類網站風格主要針對特定對象而設定，具有很強的性格色彩。若以人物為宣傳對象，大多以頭像結合文字作為頁面，有些活動以圖標或標志性海報作為主頁面。圖7-5

1號會員店網站8網頁的類型TypesofWebPages7.1.2從風格上分類

4.個性化表現風格類網站有些網站并不需要太官方和太正式的設定，那么就可以根據自己的喜好來設定網頁風格，這類網站往往表現感較強，同時具有濃郁的個性特色。如圖7-6和圖7-7所示的手繪式和變化式網站就完全是按照個人喜好而設計的。9圖7-6手繪式網站圖7-7變化式網站網頁的類型TypesofWebPages7.1.2從風格上分類

4.個性化表現風格類網站圖7-9變化式網站圖7-8照片與漫畫結合詼諧式網站圖7-7手繪式網站10設計創意2PART創意是設計的靈魂 創意方法11設計創意DesignCreativity7.2設計創意7.2.1.創意是設計的靈魂1.創意(idea)是網站生存的關鍵很難想象一個毫無創意的網站會留住瀏覽者的眼睛，只有內容豐富多彩，充滿趣味與想象力的網站才能吸引更多的訪問者，這一點相信大家都已經認同。然而作為網頁設計師，最苦惱的就是沒有好的創意來源。12設計創意DesignCreativity7.2設計創意7.2.1.創意是設計的靈魂1.創意(idea)是網站生存的關鍵注意，這里說的創意是指站點的整體創意(指因為這個創意而產生這個站點，或者相同的內容，推出的創意不同)。如圖7-8、圖7-9都是充滿創意的設計。圖7-8充滿創意的設計(1)圖7-9充滿創意的設計(2)13設計創意DesignCreativity7.2設計創意7.2.1.創意是設計的靈魂2.創意是思考的結果創意并不是天才者的靈感，而是思考的結果。根據美國廣告學教授詹姆斯的研究，創意思考的過程分五階段：①準備期--研究所搜集的資料，根據舊經驗，啟發新創意；②孵化期--將資料咀嚼消化，使意識自由發展，任意結合；③啟示期--意識發展并結合，產生創意；④驗證期--將產生的創意討論修正；⑤形成期--設計制作網頁，將創意具體化。14設計創意DesignCreativity7.2設計創意7.2.2.創意方法任何一個創意都需要通過創造性思維才能獲得，創造性思維是一種具有創造性意義的思維活動。創造性思維能力是通過長期的知識積累、經驗總結才能獲得，創造性思維的過程實際就是推理、想象、直覺等思維活動。15設計創意DesignCreativity7.2設計創意7.2.2.創意方法

1.聯想法聯想法就是通過一定的方式和程序，克服妨礙想象的因素、調動激勵想象力的因素，使創意思維達到成功，如圖7-10所示，利用昆蟲取代文字。產生創意思考的途徑最常用的是聯想。這里提供了網站創意的25種聯想線索：

把對象顛倒；把對象縮小；把顏色換一下；使對象更長；使對象閃動；把對象放進音樂里；結合文字音樂圖畫；使對象成為年輕的；使對象重復；使對象變成立體；參加競賽；參加打賭；變更一部分；分裂對象；使對象羅曼蒂克；使對象速度加快；增加香味；使對象看起來流行；使對象對稱；將對象向兒童訴求；價格更低；給對象起個綽號；把對象打包；免費提供；以上各項延伸組合。16設計創意DesignCreativity7.2設計創意7.2.2.創意方法2.重組聯合法重組聯合法是通過一定的程序和方式，將若干獨立因素巧妙地結合或重組，從而獲得新意。它不是簡單的拼湊，而是對已有的經驗、智慧與知識的提煉與升華。我們常說的“瞎子背瘸子”就是一個最平常的組合，一個看得見，一個跑得動，二合一的結果就是看得見，跑得動，而且是“站得高、看得遠”。圖7-10聯想法圖7-11重組聯合法17設計創意DesignCreativity7.2設計創意7.2.2.創意方法3.夸張法夸張是藝術創作常用手法，它借助想象，使用夸張的手法更鮮明地強調或揭示事物的本質，強化藝術作品的藝術效果，但夸張必須具備合理性，如圖7-12所示變化的背景像是萬花筒，又像是望遠鏡，由近到遠，由遠及近，這給視覺帶來了很大的沖擊力，它是光明的、動態的、畫面充滿吸引力，有種引人入勝的感覺。圖7-12夸張法18設計創意DesignCreativity7.2設計創意7.2.2.創意方法4.幽默法幽默法是指在作品中巧妙地再現戲劇性特征，創造一種充滿情趣、耐人尋味的意境，如圖7-13所示。

圖7-13幽默法19設計創意DesignCreativity7.2設計創意7.2.2.創意方法5.展示法展示法就是著力突出要表現的對象最容易打動人心的部分，