過去設計師依賴多年訓練的技術如繪畫、製模等來進行設計活動，而今日的設計領域範疇正在快速擴大，需要面對的問題則更加複雜。設計師開始需要在產品中佈置各種感應器，要考慮的不再僅是美觀，還包括了科技、心理、互動…等。科技幫助人類感測到生活中各種形式的能量，若能將此抽象概念視覺化，將能幫助設計師在新興的設計領域及科技的演進有更多瞭解。

在研究過程首先探討能量在學理上的定義、真實世界的樣貌，與抽象概念的描述。接著探討視覺化的重要性及對抽象資訊的影響，後續整理如何透過隱喻、心像以及自然模式的觀察將事物視覺化，作為後續創作的準則。本創作嘗試從中找出適切的能量元素作為創作的題材，透過文獻及案例推演出一套得以應用能量視覺化之創作手法。

本創作論文成果以三件作品來驗證能量視覺化在於產品設計上的表現，分別為：
（1）聲景音響(Sound Scape Speaker)，以風吹動蘆葦的視覺意象混合只能由聽覺感知的聲音，呈現具有景象的音樂。
（2）電子流桌(Electron Flow Table)，透過將無線充電中的電流視覺化，呈現被廣泛應用於日常生活中卻難以察覺的電力。
（3）紫外線感知鏡(UV Sensing Mirror)，將太陽隱喻為紫外線，並以數位視覺介面呈現在智慧鏡中。

In the past, a designer undergoes years of training to master specific design techniques such as sketching and modeling. However, nowadays designers encounter much complex problems as the domain of design meets other fields such as technology. In addition to pure design aesthetics, designers begin to install sensors in their products to create connectivity, interaction, and psychological effects. Researchers urges that designers should learn deeply about the trends in both the world and technology as they enter this brand new domain of design.

First, energy is studied from various aspects including its definition in science, its physical form in the physical world, and its illustration in an abstract concept. Then, the importance of visualization across several domains, and the effects of abstract information are discussed. The principles of visualizing physics via metaphors, mental images, and natural pattern observations are listed in this paper and applied to creations in this paper. This work aims to visually demonstrate different forms of energy through application examples where creative approaches used in this work are derived from related publications and previous cases.

In order to validate the concept of energy visualization on product design, this work presents three design creations:
(1) Sound Scape Speaker: visualizing our auditory sensation.
(2) Electron Flow Table: visualizing the most unawared energy form, electrical power, in our daily lives.
(3) UV Sensing Mirror: visualizing the insensible ultraviolet rays through a user interface.

中文文獻
鄭昭明（2006）。認知心理學：理論與實踐。臺北市：桂冠。
韓承靜、洪蘭、蔡介立（2008）。心、眼與世界的連結─從認知神經科學看知覺與心像的關係。科學教育月刊，308，16-23。
卓韋（1995）。能量與能源。台北市：業強。
黃皓陽著（1999）。生物學。新北市：藝軒圖書出版社。
王鴻祥著（2011）。隱喻設計。台北市：王鴻祥。
吳岳剛著（2008）。隱喻廣告：理論、研究與實作。出版社：五南圖書經銷。
洪明宏著（2002）。情報視覺化設計的理論於實踐。台北市：全華科技圖書。
林鼎章譯（1999）。Joseph Silk著。宇宙簡史（Short History of the Universe）。台北市：遠哲。
曾嘉業著（2010）。視覺化心像策略教學對提升國小學童閱讀理解成效之研究。台北市教師研習中心，教育專題研究(160)。
曾嘉業著（2008）。國小學童學習與記憶策略使用研究—以心像策略教學為例。台北市教師研習中心。
曾榮梅著（2008）。視覺化與當代設計思維。設計學研究，卷期：11（2）。
楊達著 (2005)，數字圖書館信息可視化的研究框架。瀋陽教育學院學報，第7 卷，第3 期。瀋陽市。
趙國慶、黃榮懷、陸志堅等著 (2005)，知識視覺化的理論與方法。開放教育研究，第11 卷，第1 期。北京。
傅昭銘、陳義裕譯（2012）。Richard P. Olenick, Tom M. Apostol, David L. Goodstein著。從力學看天下（The Mechanical Universe：Introduction to Mechanics and Heat）。台北市：百禾文化資訊。
李玉琇、蔣文祁譯（2005）。R. J. Sternberg著。認知心理學（Cognitive Psychology
）。臺北市：雙葉。（原著出版年：2003）
卓耀宗譯（2007）。Donald A. Norman著。設計&日常生活（The Design of Everyday Things）。台北市：遠流。
李乃信譯（2009）John B. Fenn著。熱力學練功寶典—熱的簡史 （Engines, Energy, and Entropy-A Thermodynamics Primer）。台北市：天下文化。
甘錫安譯（2015）。Christopher Williams著。形式的起源：萬物形式演變之謎，自然物和人造物的設計美學×科學探索（Origins of Form: The Shape of Natural and Man-made Things: Why They Came to Be the Way They Are and How They Change）。出版社：臉譜。
陳芸芸譯。（2012）Nicholas Mirzoeff。視覺文化面觀（An Introduction to Visual Culture）。出版社：韋伯
瞿錦春、張芬芬譯（2009）。Richard L. Gregory著。視覺心理學（Eye and brain）。出版社：五南。
吳國慶譯（2012）。Maggie Macnab著。自然界設計力：了解隱藏於後的通用體裁與設計準則（Design by Nature: Using Universal Forms and Principles in Design）。新北市：博碩文化。
尹萍、王碧譯（2004）。Richard P. Feynman著。你管別人怎麼想 (What Do You Care What Other People Think? )。台北：天下文化。
蔡信行譯（2010）。Ian Stewart著。生物世界的數學遊戲（Life's Other Secret:the new mathematics of the living world）。臺北市 : 天下遠見。
蔡承志譯（2004）。David Wade, Anthony Ashton著。胚騰：無所不在的模式（Li: Dynamic Form in Nature）。台北市：天下遠見。
丘宏義譯（2009）。K.C. Cole著。物理與頭腦相遇的地方（First you build a cloud and other reflections on physics as a way of life）(Original work published 2000)。台北市：天下文化
呂奕欣譯（2011） Roberto Verganti著。設計力創新（Design-driven Innovation: Changing the Rules of Competition by Radically Innovating what Things Mean）。台北市：馬可孛羅文化
周世箴譯（2006） George Lakoff & Mark Johnson著。我們賴以生存的譬喻（Metaphors We Live By）。台北市：聯經
蕭舒駿著（2011）。感官經驗統合之設計創作。國立台灣科技大學設計研究所碩士論文。未出版，台北市。
曾銘宇著（2011）。應用兒童繪畫風格之產品設計創作。國立台灣科技大學設計研究所碩士論文。未出版，台北市。
薛明慶著（2011）。體驗思維之設計創作。國立台灣科技大學設計研究所碩士論文。未出版，台北市。

英文文獻
Black, M. (1979). More about metaphor. In A. Ortony (Ed.), Metaphor and thought (pp.19-463). Cambridge: Cambridge University Press.
Band, J. P., Quilter, S. M., Miller, G. M. (2001).The influence of selected music and inductions on mental imagery: Implications for practitioners of Guided Imagery and Music. Journal of the Association for Music and Imagery,8,13-33.
Bruce H. McCormick, Thomas A. DeFanti and Maxine D. Brown (eds.) (1987). Visualization in Scientific Computing. ACM Press.
Douville, P. (2004). Use Mental Imagery Across the Curriculum. Preventing School Failure, 49 (1), 36-39.
Gentner, D., & Markman, A. B. (1997). Structure mapping in analogy and similarity. American Psychologist
Gibson, J. J. (1979). The ecological Approach to Visual Perception.
Gentner, D., & Markman, A. B. (1997). Structure mapping in analogy and similarity. American psychologist.
Harvey, S., & Goudvis, A. (2000). Strategies that work: Teaching comprehension to enhance understanding. Portland, ME: Stenhouse.
Keene, E. O., & Zimmermann, S. (1997). Mosaic of thought: Teaching comprehension in a reader’s workshop. Portsmouth, NH: Heinemann.
Needham, J. (1956). Science and Civilisation in China, vol. 2: History of Scientific Thought., p. 280-81. Cambridge University Press
Nickell, B. K. (2003). Improving oral fluency, written accuracy, and reading comprehension in the 3rd grade using visual art content. Illinois.
Osborne, J. W.(1981).The mapping of thoughts, emotions, sensations, and images as responses to music. Journal of Mental Imagery, 5, 133-136.
Ortony, A. (1991). Metaphor and thought. New York: Cambridge University Press.
Thompson, D. W. (1917). On Growth and Form. Cambridge University Press
West, C. K., Farmer, J. A., & Wolff, P. M. (1991). Instructional design: implications from cognitive science. Boston: Allynand Bacon.

網路文獻
陳瑞霖（Mar 2, 2015）。Ikea 推出支援無線充電家具，坐上沙發為你的手機充電。網址http://technews.tw/2015/03/02/ikea-new-wireless-charging-furniture-on-mwc/
徐月美（2006）。EBSCOhost資料庫視覺檢索簡介。網址 http://www.lib.ncu.edu.tw/book/n42/42-2c.htm,accessed:01/08/2008
Anthony (Feb 23, 2016). Why Circular Profile Pictures Accentuate Faces. 網址http://uxmovement.com/thinking/why-circular-profile-pictures-accentuate-faces/
DIGITAL SOUND & MUSIC, National Science Foundation under CCLI Grant DUE 0717743, Jennifer Burg PI, Jason Romney, Co-PI (2014). Sound Waves, Sine Waves, and Harmonic Motion. 網址http://digitalsoundandmusic.com/chapters/ch2/
Erricolo, D. & Harackiewicz, F. (Nov 12, 2013). What the World Would Look Like If You Could See Cell Phone Signal. 網址 http://gizmodo.com/what-the-world-would-look-like-if-you-could-see-cell-ph-1481106278
Lamm, N. (Jul 20, 2013). What the World Would Look Like If You Could Actually See Wi-Fi Signals. 網址http://gizmodo.com/what-the-world-would-look-like-if-you-could-actually-se-846030448
McCandless, D. (Jul, 2010). 資訊視覺化，橫跨美感和理解力的設計。網址http://tedxtaipei.com/articles/the-beauty-of-data-visualization/
Norman, D. (Nov 26, 2010). Why Design Education Must Change. 網址http://www.core77.com/posts/17993/Why-Design-Education-Must-Change
Oxman, N. (2016). The Age of Entanglement. JoDS: Journal of Design and Science, MIT PRESS, Inaugural Edition. 網址 http://jods.mitpress.mit.edu/pub/AgeOfEntanglement
Stanford, N. (2015). Cymatics. 網址http://www.nigelstanford.com/Cymatics/
Vijgen, R. 網址http://www.architectureofradio.com/