21
網站設計 要素與流程 presentlog

網站製作要素與流程

Embed Size (px)

Citation preview

Page 1: 網站製作要素與流程

網站設計 要素與流程

presentlog

Page 2: 網站製作要素與流程

“Brainstorm” when you get on line 最常拜訪的網站 最受歡迎的線上遊戲?... 最受不了的網路經驗?... 完美的網站是?...

Page 3: 網站製作要素與流程

多媒體設計 要素與指標

Page 4: 網站製作要素與流程

1. 吸引性

• 標題引起瀏覽或查詢動機

• 主要內容富趣味或挑戰特性

• 版⾯面空間運⽤用精采

• 動線設計清楚

• 表現⾵風格符合網站形象

Page 5: 網站製作要素與流程

2. 正確性

• 完整充⾜足的資訊與知識

• 資訊的⽂文法/內容/圖表正確

• 資訊分類與區塊⽅方便閱讀查看

• 網⾴頁資料隨時更

Page 6: 網站製作要素與流程

3. 互動效果

• 主動積極與使⽤用者互動

• 互動⽅方式操作⽅方便 (輸⼊入/輸出 /來回/上下)

• 設定討論室/意⾒見箱/聊天區

• 註明站主電⼦子郵件及聯絡⽅方式

Page 7: 網站製作要素與流程

4. 多媒體品質

• 多媒體功能符合⺫⽬目標

• 圖⽚片/按鈕/動畫/影⽚片增強效果

• 網⾴頁間顏⾊色與設計和諧

• 旁⽩白與背景⾳音樂適當加⼊入

Page 8: 網站製作要素與流程

5. 傳輸品質

• 容易查詢與連線

• 不中斷或出現錯誤訊息

• 網⾴頁下載時間不過⻑⾧長

• 含相關網站訊息/⽅方便延伸探索

• 網⾴頁連結有系統 (按鈕/熱⾨門字/圖⽰示)

• 登錄於相關搜尋引擎 容易查到網站

Page 9: 網站製作要素與流程

6. 適應性

• 內容符合使⽤用者的知識能⼒力

• 介⾯面考慮使⽤用者的電腦技能

• ⽂文字排列適當 (不太⼩小/太多/太密)

• 資訊安排恰當 (分層適中/分類有系統)

• 適應個別化差異!• 適⽤用不同電腦系統與瀏覽器

Page 10: 網站製作要素與流程

網站設計要素與指標

• 吸引性• 正確性• 互動效果• 多媒體品質• 傳輸品質• 適應性

Page 11: 網站製作要素與流程

Mission

We are different on the web

組名 / 組員介紹 兩同主題網站 (⾃自定) / 要素分析評⽐比

網址連結吸引性 / 正確性 / 互動效果 多媒體品質 / 傳輸品質 / 適應性

瀏覽⼼心得

Page 12: 網站製作要素與流程

網站製作流程 !

making of multimediapresentlog

Page 13: 網站製作要素與流程

擬定多媒體⺫⽬目的/對象/版本

1

Page 14: 網站製作要素與流程

收集資料與整理

2

Page 15: 網站製作要素與流程

建⽴立網站架構圖

3

Page 16: 網站製作要素與流程

界⾯面版型設計

4

Page 17: 網站製作要素與流程

界⾯面互動設計

4

Page 18: 網站製作要素與流程

製作元件 5

Page 19: 網站製作要素與流程

程式設計/界⾯面製作

6

Page 20: 網站製作要素與流程

發佈測試7

Page 21: 網站製作要素與流程

更新/維護

8