표제지
개요
목차
I. 서론 8
1.1. 연구 배경과 목적 8
1.2. 연구 방법 및 범위 9
II. 이론분석(내용없음) 5
III. 3D 캐릭터를 활용한 Animation Site의 모형제안 및 분석(내용없음) 5
IV. "Wowo"의 제작 사례(내용없음) 6
V. 결론과 건의 11
참고문헌(내용없음) 7
Abstract 13
摘要
I. 緖論 22
1.1. 硏究背景和硏究目的 22
1.2. 硏究方法及範圍 23
II. 理論分析 25
2.1. Multimedia 技術及信息傳播 25
2.1.1. Multimedia 信息傳播的槪念 25
2.1.2. 網絡 (Network) 的發展與 Web Site 的分類 28
2.1.3. Animation Site 的特點與相關設計原則的調査 32
2.2. 數字時代的角色開發 37
2.2.1. 角色設計的發展: 數字化趨勢 37
2.2.2. 角色開發的分類與影響因素 39
2.2.3. 角色的附加價値與宣傳策略 43
2.3. Animation Site 對角色及動畵的宣傳優勢 47
III. 活用 3D 角色的動畵網站模型提案及分析 50
3.1. 動畵網站的實例分析 50
3.1.1. 未活用 3D 角色的 Animation site 實例分析 50
3.1.2. 活用 3D 角色的 Animation site 分析 59
3.1.3. 優勢分析與對比分析 65
3.2. 活用 3D 角色進行動畵網站設計的模型提案與分析 67
3.2.1. 設計目的與提案說明 68
3.2.2. 網站模型的功能定位 71
3.2.3. 用戶的在線瀏覽習慣分析 72
3.2.4. 網站模型中所包含的信息形式的分析 74
3.3. 網站模型的構建與設計 76
3.3.1. 網站模型的整體結構設計構架 76
3.3.2. 網站模型的單元結構設計構架 78
3.3.3. 網站模型中各單元界面與 3D 角色的配合原則 80
3.3.4. 網站模型的特點及傳播優勢 81
IV. "Wowo" 動畵網站的實例制作 83
4.1. 作品設計的相關技術支持分析 83
4.1.1. 作品實例設計制作和網絡傳播涉及的技術分析 83
4.1.2. 作品中動畵網站包含的信息內容與傳播需求 85
4.2. 作品實例的結構設計分析 86
4.2.1. 設計流程 86
4.2.2. 整體광架與單元結構 87
4.2.3. 광架內信息導航與動態交互模式說明 91
4.2.4. 各個部分和 3D 角色的關係及互動說明 92
4.3. 設計過程及作品細節說明 94
4.3.1. 3D 角色 "Wowo" 的設計開發 94
4.3.2. Icon 和 Logo 設計 96
4.3.3. Color 及 Style 設計 99
4.3.4. Font 選擇與設計 101
4.3.5. Page Interface 設計 103
4.3.6. Interactive Animation 和 Transfer Animation 的設計 109
4.4. 最終作品 114
4.4.1. 最終作品效果 114
4.4.2. Final Project test 115
V. 結論與建議 117
參考文獻 119
表-1. Network 發展大事記 28
表-2. 部分不同類型的網站 30
表-3. 部分網站基本分析 30
表-4. HCI 模型 34
表-5. 角色動畵宣傳發行策略 47
表-6. shrek2 官方動畵網站結構 51
表-7. "Finding Nemo" 官方網站結構 55
表-8. "最終幻想 7" 官方預告網站結構 57
表-9. 幾種導航樣式的原則評測 66
表-10. 3D 角色活用提案的 5W 分析 70
表-11. 中國在線用戶數量調査表 72
表-12. 用戶瀏覽界面狀態調査 73
表-13. 動畵網站的信息類型與形式 74
表-14. 對動畵網站信息傳達中的需求分析 75
表-15. 實例網站整體結構 88
表-16. 色彩喩義 100
圖-1. 動畵發展及宣傳相關影響因素 22
圖-2. 多媒體定義 25
圖-3. 傳統傳播模式和數字新媒體的傳播模式 (多媒體, 超媒體) 26
圖-4. 部分不同類型的網站界面 31
圖-5. 幾種不同的導航按뉴 35
圖-6. 序列構造, 階層構造, 分級構造和網狀構造 36
圖-7. 皮影中的角色 38
圖-8. 不同時期的角色設計 38
圖-9. 開放性角色開發個例 40
圖-10. 主題性角色開發個例 41
圖-11. 角色創作影響因素 41
圖-12. 美, 日動畵角色風格的對比 42
圖-13. 迪斯尼風格的角色設計 43
圖-14. 卡通角色的衍生産品 44
圖-15. 韓國的卡通角色品牌 "流氓兎" 45
圖-16. 雜誌, 招貼和形象代信的宣傳方式 46
圖-17. 動畵網站的實例 48
圖-18. shrek2 官方動畵網站按뉴導航體系 52
圖-19. 遊戱模式中的導航結構 (I) 53
圖-20. 遊戱模式中的導航結構 (II) 54
圖-21. "Finding Nemo" 的網站界面和導航按뉴 56
圖-22. "FF7" 各界面中的導航設計 58
圖-23. neostream 網站主界面導航結構與交互設計 60
圖-24. 不同網站的信息界面效果 61
圖-25. 動畵網站 CHI-CHI 和 I-Doll 的界面 63
圖-26. I-Doll 中 3D 角色在頁面內的活用效果 65
圖-27. 活用 3D 角色進行動畵網站設計的提案 68
圖-28. 交互設計與再設計的槪念模型 69
圖-29. 網站模型的功能定位 71
圖-30. 傳統交流模式與在線交互交流模式 75
圖-31. 提案的整體結構模型 (I) 76
圖-32. 提案整體結構模型 (II) 77
圖-33. 網站模型的信息單元 78
圖-34. 網站模型的導航單元 79
圖-35. 網站模型的交互單元 80
圖-36. 硬件技術支持的物理模型 84
圖-37. 實例設計制作流程 87
圖-38. Site 實例中的 help 子單元結構 89
圖-39. 實例 Site 中的 Service 與 Animation Project 子結構 90
圖-40. Animation Project 各頁面與 3D 角色邏輯關係 92
圖-41. 實例 Site 的互動關系광架 93
圖-42. 角色 "Wowo" 的創意設計 94
圖-43. 角色表情參考與表情設計 95
圖-44. 最終 3D 角色 "Wowo" 渲染效果 95
圖-45. Logo 和主題標志的效果 96
圖-46. 不同比例的 Logo 97
圖-47. 實例 Site 中的 Icon design 98
圖-48. 實例 Site 采用的主要色系 100
圖-49. 實例 Site 首頁的色彩分析 101
圖-50. 作品中涉及到的字體及其變形設計 102
圖-51. Site 全局導航規劃 103
圖-52. 單個 Interface 的頁面規劃 104
圖-53. 實例 Site 各界面關係總圖 106
圖-54. Pre-Page 與 Main Page(Menu Page) 107
圖-55. 各個子頁面的界面設計(I) 107
圖-56. 各個子頁面的界面設計(II) 108
圖-57. 3D 角色在交互及導航操作中的活用 110
圖-58. 從首頁到達主菜單的轉場動畵 111
圖-59. 從主菜單到達 Trailer 子菜單的轉場 112
圖-60. 到達 Trailer 子菜單的轉場動畵 (分解圖) 113
圖-61. 作品 Site 最終效果 114