平板电脑上手绘对称图形之美学.PDFVIP

中國工業工程學會 102 年度年會暨學術研討會 平板電腦上手繪對稱圖形之美學 林春成* 鍾舜宇 陳汶霖 1 國立交通大學工業工程與管理學系（新竹市東區大學路 1001 號） * cclin321@nctu.edu.tw 摘要 為。然而，這樣的情況卻容易使參與者受到初始圖 過去手繪圖形繪製美學的研究大多著重於讓參與 形結構的限制，進而影響最後圖形的呈現。因此， 者在既有的圖形繪圖上重新排列節點的位置以使 Purchase 等人 [6,7]提出只給參與者節點的連結關 得繪圖能更加美觀。近幾年相關的研究開始讓參與 係表(如表 1) ，讓參與者不被初始的圖形繪圖結構 者不再侷限於既有的圖形繪圖結構，改以提供參與 所影響，可按照連線關係表中所提出的連線關係， 者節點之連結關係表來在觸控平板電腦上以手繪 從無到有依其知覺創造圖形繪圖。然而，上述研究 的方式繪製圖形，然而這些研究仍未考慮到對稱圖 人類知覺行動的實驗中，皆未考慮圖形的對稱性 形之繪圖美學。圖形的對稱性經常被視為繪圖美學 (symmetry) 。對稱性在圖形繪圖美學中是相當重要 中的一個重要性質，且可以引導繪製出較為美觀的 的，僅次於極小化連結交叉(edge crossing)與極小 繪圖。因此本研究著重於分析手繪對稱圖形之美學， 化折線(edge bend)[9] ，因為擁有對稱性的圖形繪圖 並在實驗的過程中考慮了多階段的實驗以驗證參 可讓使用者更清楚的了解到圖的結構，也提高其對 與者是否有潛在學習繪製美觀的對稱圖形的能力。 於圖形的可讀性。不過，判斷圖形繪圖是否能藉由 實驗結果顯示，多數人均能夠經由前三個階段的實 重新排列節點的位置以繪製出具有對稱結構的圖 驗後，對於繪製對稱圖形的能力有明顯的進步。 形繪圖是 NP-complete 的問題[2] 。 關鍵字：美學、手繪、對稱圖、學習能力 基於以上，本文分析只給參與者節點連線關係 表來手繪對稱圖形之美學，並在實驗的過程中考慮 1. 緒論 多階段的實驗以驗證參與者是否有潛在學習繪製 圖形(graph)經常被用來呈現關係，例如人與人 美觀的對稱圖形的能力。我們的實驗分成四個階段， 之間的朋友關係、城市與城市間的相鄰關係。此種 當中使用了兩個對稱圖形。在每一個實驗中，我們 用節點(node)及邊(edge)所組成的圖形在視覺上能 給參與者如表 1 之節點連結關係的表格，讓參與者 讓節點的關係更容易被了解。在過去研究中，為了 於已安裝好「OmniGraffle 」繪圖 APP 軟體之平板 讓複雜的圖形繪圖(graph drawing)能快速的產生， 電腦上以觸控手繪的方式，從無到有繪出其心中認 並且具有高度可讀性且符合圖形繪圖美學的情況 為直覺的圖形繪圖，並使用「Display Recorder 」錄 下，會運用各種演算法(algorithms)來自動地重新排 螢幕影片 APP 軟體將所有的繪圖過程皆錄影存檔 ， 列節點的位置以使繪圖能夠更加的美觀，呈現比原 以便針對繪圖過程作分析比較。本研究使用之繪圖 先更符合美學的圖形繪圖。 軟體為市面