1、報告人：陳耿暉各類別網頁設計的概念及趨勢指導老師：吳有龍教授一、前言u網頁介面設計的構成要素n版面設計n色彩運用n內容u網頁介面設計的特性n使用的便利性n一貫性n創意性二、各類別網頁設計的概念u傳媒n以文字為主，豐富而即時的訊息n版面依訊息主題分類，主頁顯眼處提供即時訊息n廣告與主要內容分離，以不影響可讀性n白色背景、深色文字，減少色彩數量n使用重點色彩強調重要部分二、各類別網頁設計的概念u兒童、遊戲、動漫n繽紛、活潑的色彩、字體、圖片、動畫，喚起人們興趣和好奇心n版面編排禁忌較少，增加創意空間n黑色、白色背景增加插圖效果n符合兒童跳躍式的思維模式n遊戲化、故事化的內容編排n鍵結層級不宜過深、
2、過廣二、各類別網頁設計的概念u飛機、汽車n展示寬廣、安全、便利、活力、自由n橫向版面讓視覺更寬闊n黑色、深藍色、深灰色強調工業色彩n暖色系、優雅圖像、柔和音樂增加親和力及感染力。二、各類別網頁設計的概念u電腦、通信n清新、別致的色彩搭配，簡潔、素雅的文字組合。n鮮明圖片、動畫展現有關產品性能及優點n硬體網站強調硬體的精密性、準確性n軟體網站強調軟體使用的便利性二、各類別網頁設計的概念u家居、生活n主要以溫馨、幸福、明朗、舒適的氣氛為主n大面積的色塊比流動的線條佳n簡潔的版面、間距較大的文字排列n浪漫氣息的圖片、裝飾圖案n節奏柔和輕音樂二、各類別網頁設計的概念u建築、室內設計n建築類表現強大、堅
3、固及空間秩序為要點n需表現實際建築材料的質感、力學n強調版面整齊及平衡n室內設計更重視視覺元素，主要運用乾淨、溫暖的配色，表現優雅、都市風格。二、各類別網頁設計的概念u社會、法律n應強調專業、嚴謹、公正、信任n配色以彩度、亮度較低者為主n版面以縱向分割為主n如要擺脫權威形象，應設計溫和、親切頁面，使用曲線和圓形的圖像等。二、各類別網頁設計的概念u時尚、購物n時尚網站應善用高品質照片n白色背景，可凸顯照片，黑灰色則顯高雅n依標識特性融入畫面設計及配色n購物網站應展示商品圖像及名稱，並製作方便明確的導覽列。二、各類別網頁設計的概念u體育n強調健康、速度、高度、充滿朝氣及活力n版面安排較自由、以流暢
4、、動感為主軸n運用生動的圖片及色彩對比以增添活力n可依球隊或運動員設計個性網站n如需提供大量即時資訊，應避免過於雜亂二、各類別網頁設計的概念u文化、教育n表現富有知識的專業性、開放性及朝氣n色彩以白色為主，搭配黃、藍、草綠色n放置校園風光及活動場景圖片n版面安排應以簡單、整齊為主二、各類別網頁設計的概念u醫藥、健康n強調信任、親切、清新、溫和n以淡綠、淡紫色為主要配色，搭配暖色系以調和n使用大面積的白色區域，或透明的圖片、色塊n避免使用黑色、深灰色或彩度較低之色彩為背景二、各類別網頁設計的概念u藝術、歷史n依照藝術屬性由強調浪漫及創意，到傳承、懷舊等不同類型n文字資訊較少，提供高品質圖片n展示
5、作品應提供小圖，點選後看到大圖n背景以白色為佳，方便欣賞作品二、各類別網頁設計的概念u影視、娛樂n強調視覺性及自由性n版面、色彩等設計較無禁忌n放置相關主題圖片，以利宣傳n依頻寬置入動畫三、網頁設計的趨勢 fromfrom：Smashing MagazineSmashing Magazine u凸版印刷風格三、網頁設計的趨勢u豐富的使用者介面三、網頁設計的趨勢uPNGPNG透明效果透明效果 三、網頁設計的趨勢u大字體大字體 三、網頁設計的趨勢u替代字體替代字體 三、網頁設計的趨勢u燈箱效果燈箱效果 三、網頁設計的趨勢u多媒體影音多媒體影音 三、網頁設計的趨勢u雜誌化的版面設計雜誌化的版面設計
6、三、網頁設計的趨勢u幻燈片導航幻燈片導航 三、網頁設計的趨勢u在重點位置做形象展示在重點位置做形象展示 三、網頁設計的趨勢u反 Box 佈局 三、網頁設計的趨勢u單頁佈局單頁佈局 三、網頁設計的趨勢u多欄佈局多欄佈局 三、網頁設計的趨勢u巨型插圖式與多變背景設計巨型插圖式與多變背景設計 三、網頁設計的趨勢u更多留白更多留白 三、網頁設計的趨勢u”社會社會”網路元素網路元素 三、網頁設計的趨勢u解釋風格的導覽解釋風格的導覽 三、網頁設計的趨勢u動態 Tabs 四、參考資料n周虹、王咏剛(2006)。出色網頁大賞。電腦人文化。n黃在賢(2006)。Web better design 設計師談精采網頁設計。文魁資訊股份有限公司。nsmashing magazine：http:/
