圖片配置與內文編排之閱讀舒適性實驗研究

A Study of Reading Comfort on Different Image Layouts in Literature

侯純純(Chun-Chun Hou)；林品章(Pin-Chang Lin)；陳俊宏(Jun-Hong Chen)；黃文宗(Wen-Tsong Huang)

華文編排 ； 圖片配置 ； 閱讀視覺效果 ； Layout of picture ； Typographic ； Reading Perception

商業設計學報

20期（2016 / 12 / 01）

140 - 151

繁體中文

編排的版面空間是由圖與文所構成，其編排的變數包含字體、字級、字間、長平、行間、欄距、欄數、圖片、裝飾線等，每一個元素在視覺上都會影響平衡與協調，其中以圖片配置是最影響版面平衡及閱讀感受的重要因素。從圖片配置與內文閱讀的相關研究得知，圖片配置於版面的不同位置時會影響視覺的注意率，心理學家也認為相同元素放置不同位置會呈現不同的視覺重量，更有學者提出版面位置的偏好是與生俱來的。本研究基於這些基礎，從閱讀的視覺感受及舒適性差異進行感性面的實驗研究，以單張圖片配置為變數製作刺激物圖卡樣本，設計成受測者內實驗設計，由106位受測者進行樣本排序後，再以「閱讀感知評量表」評量閱讀感受，並由受測者回饋印象，以瞭解不同圖片配置之版面編排對於閱讀舒適性的影響。研究結果顯示：（1）圖片配置於上方及左側有較佳的閱讀舒適性；（2）受測者設計教育背景差異在感知態度評量上呈現顯著差異；（3）不同受測者在圖片配置感知態度評價上有差異，但並不影響整體閱讀舒適性排序的普遍現象。本研究未來將逐步探討編排中其他要素的閱讀舒適性效果，期能強化華文編排設計閱讀感性研究的理論基礎。

Elements of layout include the caption, body, position of the picture, font type, font size, style, letter-spacing, leading-spacing, number of columns, column-spacing, picture, separation lines, and many more. Each element has its own weight, in order to create a visual balance and symmetry as well as coordination. Amongst all the layout elements, the position of the picture is the one that has the greatest influence on the balance of the layout and reading itself. The design of the experiment is to use the position of pictures as a variable. Printed sample cards were used to design an experimental test. 106 subjects were selected and their ranking results were used in the discussion of picture layouts and reading comfort context. The study results are presented as follows: (1) a picture placed on the top or the left will look more comfortable; (2) subjects with experience or education in visual design gave different individual layout assessment results from subjects without any background in visual design; (3) while assessment results differed for individual layouts, assessment results of all the layouts followed a similar trend for all subjects regardless of background. This study presents the partial result of a series of researches. Other reading perception questions regarding different editing elements would be further discussed in future studies, in order to shed light on the topic of reading perception in Chinese typography, which currently has a dearth of relevant studies.

1. 伊彬、林演慶(2008)。近一世紀審美實徵研究。設計學報，13(2)，1-29。
   連結：
2. 侯純純、林品章(2011)。華文編排設計之閱讀舒適性評量模式。設計學研究，14(1)，97-114。
   連結：
3. Ambrose, G.,Harris, P.(2005).Layout: an arrangement of parts etc. according to a plan.Lausanne, Switzerland:AVA Academia.
4. Arnheim, R.(1988).The Power of Center: A Study of Composition in the Visual Arts.England London:University of California Press.
5. Berlyne, D. E.(1960).Conflict, arousal and curiosity.New York:McGraw-Hill.
6. Cacioppo, J. T.,Petty, R. E.,Kao, C. F.(1984).The efficient assessment of need for cognition.Journal of Personality Assessment,48,306-307.
7. Christman, S.,Pinger, K.(1997).Lateral Biases in Aesthetic Preferences: Pictorial Dimensions and Neural Mechanisms.Laterality: Asymmetries of Body, Brain and Cognition,2(2),155-175.
8. Corlett, E. N.(1973).Human factors in the design of manufacturing system.Human Factors,15,105-110.
9. Davis G.、劉偉興譯、余少麟譯、李洪瑩譯(1994)。版面設計實用指南。台北:臺灣珠海。
10. Elam, K.(2004).Grid systems: principles of organizing type.New York:Princeton Architectural Press.
11. Ellis, A. W.,Miller, D.(1981).Left and wrong in adverts: neuropsychological correlates of aesthetic preference.British Journal of Psychology,72,225-229.
12. Haslam , A.、陳建銘譯(2009)。書設計．設計書。台北:原點。
13. Hou, C.C.,Lin, P.C.,Chen, J.H.(2009).The Development over the Scale of Reading Perception for Chinese Typographic, _An example on college students reading between different line spacing samples.ASBDA International Summer Conference 2009,Jeju, Korea:
14. Kaiser, H. F.(1974).An index of Factorial Simplicity.Psychometrika,39,31-36.
15. Kazdin, A. E.(Ed.)(2000).Encyclopedia of psychology.New York:Oxford University Press.
16. Kunz, W.、楊美智譯(2001)。版面構成：整體架構┼細膩之美。台北:龍溪。
17. Marcus, A.(1992).Graphic design for electronic documents and user interfaces.MA:Addison-Wesley.
18. Martindale, C.,Moore, K.(1988).Priming, prototypicality and preference.Journal of Experimental Psychology: Human Perception and Performance,14(4),661-670.
19. Maslow, A. H.(1954).Motivation and Personality.New York:Harper & Row.
20. Meggs, P. B.(2006).Meggs' History of Graphic Design.New York:John Wiley & Sons.
21. VINK, P.(Ed.)(2005).Comfort and Design: Principles and Good Practice.USA:CRC Press.
22. Williamson, J. H.(1986).The Grid: History, Use, and Meaning.Design Issues,3(2),15-30.
23. 日本排版設計研究會、徐墨譯、張靜賢譯(2004)。書籍雜誌編排完全手冊。北京:中國青年出版社。
24. 王受之(2000)。世界現代平面設計。台北:藝術家。
25. 伊達千代、內藤タカヒコ、柳曉陽譯(2007)。設計的文法─忍不住想動手的平面設計書。台北:如何。
26. 李彥希(2006)。博士論文(博士論文)。中興大學園藝學系所。
27. 卓展正(2003)。理性與感性對視覺藝術設計者之影響。造型藝術學刊，65-76。
28. 林川(1993)。漢字的工程技術與漢字工程學。中華印刷科技年報，1993，41-46。
29. 邱皓政(2005)。量化研究與統計分析─SPSS 中文視窗版資料分析範例解析。台北:五南。
30. 侯純純、林品章(2007)。華文文字編輯設計範疇之觀察。2007 基礎造形與視覺設計國際學術研討會論文集，彰化:
31. 侯純純、林品章(2007)。華文文字編排設計理論初探。設計研究論壇研討會論文集，雲林:
32. 侯純純、林品章、陳俊宏、許子凡(2009)。初探不同行距與圖片配置對內文閱讀舒適性之影響。2009 數位設計創意創作暨國際學術研討會論文集，台南:
33. 柳閩生(1992)。版面設計。台北:幼獅。
34. 唐大崙、莊賢智(2005)。圖片配置與閱讀走向對閱讀視線的不對稱影響。中華傳播學會2005年會論文，台北:
35. 唐大崙、莊賢智(2005)。由眼球追蹤法探索電子報版面中圖片配置對注意力分佈之影響。廣告學研究，24，89-104。
36. 張覺明(1995)。現代雜誌編輯學。台北:環球經濟社。
37. 陳毓華(1996)。碩士論文(碩士論文)。輔仁大學心理學系研究所。
38. 陳萬達(2001)。現代新聞編輯學。台北:揚智。
39. 楊博民(1997)。心理實驗綱要。台北:五南。
40. 劉立行、沈文英(2001)。視覺傳播。台北:國立空中大學。
41. 劉思量(2004)。藝術心理學＿藝術與創造。台北:藝術家。

1. 馮文君(2020)。品牌之新定位與標誌設計：以「i599」為例。修平學報，39，1-32。