良好的視覺引導圖示設計，對於閱讀故事發生始末有幫助。一般繪本圖書，其插圖場景往往只是點綴其中一段故事，必須依附在文字頁面旁邊，圖文搭配將重現故事的描述與欲表現的張力。「說書」一詞起源自中國宋朝，以口語解說故事情節發展，引導讀者想像與掌握故事脈絡，效果類似圖書中運用設計動線引領視覺的閱讀歷程。而以說書角度來詮釋史實的圖書設計，文獻中鮮少被提及，乃為本研究動機與欲達成目的。

本研究從文獻探討，解析「鴻門宴」史實故事之原文內容，彙整原文中可能之敘事角度，進而繪製出引導故事情節視角脈絡圖，以說書的三種視角來詮釋圖畫故事書，並依其構圖張力再現出原文的意象，接以三種說書角度呈現並描繪出所對應的圖文本，進而清楚呈現鴻門宴的故事脈絡發展。

研究者歸納整理三種視角設計方法，實際完成鴻門宴說書視角圖文本後，邀約八位資深設計領域專家進行審查建議，其中包括二位大學藝設系教授蕭先生與高先生；設計公司總經理楊先生、設計總監林先生；設計師陳先生、侯先生與林小姐；最後是插畫家東方月總計八位。研究者依據建議將說書視角圖文本進行修改，彙整三種視角設計方法，經專家建議可綜合歸納下列研究成果：(1) 設計鴻門宴角色與場景讓讀者先認識故事背景。(2) 設計鴻門宴故事腳本後定義三種視角設計方法。(3)視角脈絡圖配合故事文本與三種視角設計圖讓讀者加深印象。(4) 專家肯定視角圖文書整體設計並提供專業意見讓圖文書更完善。研究成果期望作為其他史實故事的數位說書與敘事設計之參考。

關鍵詞：鴻門宴、歷史、說書、敘事角度、圖畫設計

A good vision-guided icon design is helpful for one to read the whole story. The illustrations of general picture books are often used to only embellish one of their stories and must be put next to the words, showing the description and tension of the story together with the words. The word “Storytelling” originates from China’ Song dynasty; it narrates a story orally, guiding readers to imagine and grasp the thread of a story, similar to the reading process of a design movements guiding vision in books. The purpose and motivation of study is aimed at designing the picture book based on the perspective of storytelling, and interpreting the Banquet of Hongmen.
This research analyzes the original story of historical facts of the Banquet of Hongmen based on literature review, collects the possible narrative perspectives in the original story and then draws out the visual framework that guides the story line to interpret the picture book from three perspectives of a storyteller so as to reproduce the image of the original story; it also presents the corresponding three views from the perspectives of a story teller, designs and studies the text of the Banquet of Hongmen from the perspectives of a story teller to guide readers to get a clear understanding of the line of the story.
The researcher summarized the design methods of 3 perspectives based on the text of the picture book Banquet of Hongmen from the perspectives of a story teller; after that, 8 senior experts in the design field were invited to review and make suggestions, including Mr. Xiao and Mr. Gao, the professors from the art design department of universities, Mr, Yang and Mr, Lin, the general manager and the design director of a design company, designers Mr, Chen, Mr. Hou and Miss Lin, and Dongfang Yue, an illustrator. The researcher changed the text based on the suggestions and summed up the design methods of 3 perspectives. Following the advice of experts, it arrives at the following conclusions: (1) designing the roles and scenes of the Banquet of Hongmen to make readers learn about its background first; (2) defining the design methods from 3 perspectives after designing the storyboard of the Banquet of Hongmen; (3) integrating the visual framework, story text and the design drawings from 3 perspectives to impress readers; (4) the experts approve the overall design of the picture book from 3 perspectives and provide professional advice to make it more perfect. The research findings are expected to be used as the reference to make digital storytelling and narrative design of other stories based on historical facts.

Keywords: Banquet of Hongmen, History, Storytelling, Narrative Perspective, Picture Design

參考文獻
英文文獻
Lee, William W., & Owens, Diana L. （2004）. Multimedia-based instructional design : computer-based training, Web-based training, distance broadcast training. New York：Pfeiffer Publishing.

Lockwood, T. （EDT) （2009）. Design Thinking: Integrating Innovation, Customer Experience, and Brand Value. New York：W W Norton & Co Inc.

Rogoff, I. （2001）. Studying visual culture. In N. Mirzoeff（Ed.).The visual culture reder （pp. 14-26）. New York: Routledge.

Goldschmidt, G.（2013). Visual Analogy- a Strategy for Design Reasoning and Learning. Retrieved April 10 2014, from http://citeseerx.ist.psu.edu/viewdoc/summary?doi=10.1.1.85.7990

Wu, J. T., & Liu, I. M. （1987）. Exploring the phonetic and semantic features of Chinese words （Tech. Rep. No. NSC75 0310 H002-024）. Taiwan National Science Council. Retrieved April 12 2014, from http://www.psywww.com/psyrelig/psyrelpr.htm.

中文文獻
J.M. Parramon著，梁國元主編（1990）。構圖的技法。臺北市：唐代文化事業有限公司。
Mieke Bal著，譚君強譯（2001）敘述學：敘事理論導論（Narratology:Introduction to the Theory of Narrative）。北京：中國社會科學出版社。
王志庸（1990）。中國戰爭故事。臺北市：晨光出版社。
王秀雄（1999）。美術心理學。臺北市：臺北市立美術館。
日本Works編輯部，黃碧君譯（2009）。書．設計 Book Design。臺北市 :積木文化。
矢野鈴（2008）。設計的技術104。臺北市：如何出版。
甲谷一（2015）。怎樣設計不被打槍？１個主題３種版面，讓你的提案一次OK。臺北市：紙印良品。
伊達千代（2007）。設計的文法 - 忍不住想動手的平面設計書。臺北市 : 如何出版社公司。
呂清夫（1996）。後現代的造型思考。臺北市：傑出文化。
李長俊（1982）。藝術與視覺心理學。臺北市：雄獅圖書。
李悔吾（1995）。中國小說史。臺北市：洪葉文化。
李玉貴（2001）。以「圖書」「故事」「書」培養寫作能力。研習資訊18（5）。新北市：國立教育研究院籌備處。
林敏宜 (2000)。圖畫書的欣賞與應用 圖畫書的欣賞與應用。新北市：心理出版社。
金庸（2004）。雪山飛狐(全)新修版。臺北市：遠流。
夏勳（1979）。設計教育理論與實踐。臺北市：世界文物。
陳景容（1987）。構圖與繪畫分析。臺北市：武陵出版社。
陳意爭（2008）。圖畫與文字的邂逅-圖畫書中的圖文關係探索。臺北市 :秀威資訊。
梁小鴻（1973）。繪畫構圖概論。臺南市：友寧出版有限公司。
曹諾（1993）。美術構圖例釋。臺南市：大孚書局有限公司。
愛新覺羅‧溥儀（2013）。我的前半生。北京：群眾出版社。
張保隆、謝寶煖（2006）。學術論文寫作：APA規範。臺北市：華泰文化。
劉大杰（2006）。中國文學發展史。上海：复旦大学出版社。
劉慧媛（2007）。2007好讀報告01，閱讀力 Best Books of the Year年度之最。臺北市：誠品股份有限公司。
譚達先（1985）。中國文學史大綱。香港：青木出版印刷公司。
魯迅（2013）。祝福。臺北市：小倉出版社。
鄭樑生（2002）。史學方法。臺北市：五南。
鄭振鐸（2014）。中國俗文學史。臺北市：五南。
韓秋白，顧青（1995）。中國小說史。臺北市：文津。
蘇海濤（2011）。遊戲動畫角色設計。北京：中青雄獅。

網頁文獻
司馬遷（無日期）。《史記‧項羽本紀》。上網日期：2012年11月20日。網址：http://ctext.org/shiji/xiang-yu-ben-ji/zh
司馬遷（無日期）。《史記‧高祖本紀》。上網日期：2012年11月20日。網址：http://ctext.org/shiji/gao-zu-ben-ji/zh
司馬遷（無日期）。《史記‧淮陰侯列傳》。上網日期：2012年11月20日。網址：http://ctext.org/shiji/huai-yin-hou-lie-zhuan/zh
司馬遷（無日期）。《史記‧酈生陸賈列傳》。上網日期：2012年11月20日。網址：http://ctext.org/shiji/li-sheng-lu-jia-lie-zhuan/zh
司馬遷（無日期）。《史記‧樊酈滕灌列傳》。上網日期：2012年11月20日。網址：http://ctext.org/shiji/fan-li-teng-guan-lie-zhuan/zh
司馬遷（無日期）。《滑稽列傳》。上網日期：2015年7月9日。網址：http://ctext.org/shiji/hua-ji-lie-zhuan/zh
司馬光（無日期）。《資治通鑑‧卷第十一漢紀三》。上網日期：2012年11月20日。網址：http://www.yasue.cc/chi_chi_tong_gam11.html
班固（無日期）。《漢書‧高帝紀》。上網日期：2012年11月20日。網址：http://ctext.org/han-shu/gao-di-ji/zh
唐大崙（1997）。知覺心理學。上網日期：2014年5月30日。網址：
http://staff.pccu.edu.tw/~tdl/percept1.htm
莊文達（2007）。從關漢卿的「竇娥冤」看中國戲曲的形成與元雜劇的結構。上網日期：2015年7月9日。網址：
http://www.lungteng.com.tw/LungTengNet/HtmlMemberArea/publish/Newpaper/009/art/p25-32.pdf
教育部數位資源入口網話本分頁。上網日期：2014年3月24日。網址：https://market.cloud.edu.tw/content/senior/chinese/ks_rs/content/chinese/novel/speech.htm
教育部重編國語辭典修訂本。《構圖定義》。
上網日期：2015年7月10日。網址：
http://dict.revised.moe.edu.tw/cgi-bin/newDict/dict.sh?idx=dict.idx&cond=%BAc%B9%CF&pieceLen=50&fld=1&cat=&imgFont=1
臺北市教育入口網《記敘文的定義》。上網日期：2014年5月30日。網址：
http://www.tp.edu.tw/composition/r/narrative/01.jsp

圖片出處
1. 陳秋凡（1986）。《續小五義》。臺北市：東方出版社。
2. 陳亞南、心岱／文、沉禎、林聖正／圖（1990）。《世界兒童傳記文學全集─孫中山/鄭成功》。臺北市：光復書局。
3. 齊仲瀾（1986）。《楊家將》。臺北市：東方出版社。
4. 圖文授權於北京日知經遠圖書（2006）。《三國演義一本通》。臺北市：幼福文化。
5. 圖文授權於北京日知經遠圖書（2006）。《紅樓夢一本通》。臺北市：幼福文化。
6. 圖文授權於北京日知經遠圖書（2006）。《水滸傳一本通》。臺北市：幼福文化。
7. 榎本秋、尾山晴紀、神尾秀／文、岩元辰郎、風間雷太、添田一平／圖（2012）。《日本戰國武將 群雄圖解百科》。新北市：楓葉社文化事業。