- 學位論文
雙色調型態資訊圖表色彩對比配色 對觀者閱讀體驗之研究
Dual-tone visual information chart color contrast pairing A study on viewers' reading experience
摘要
隨著數位技術的日新月異，我們正處於一個資訊量高速傳遞的年代，資訊圖表本身具備了資訊圖像化的特質，能夠有效地吸引受眾的目光焦點，達到資訊精準傳遞的目的。而在觀看資訊圖表時，最先被接收到的資訊就是色彩的呈現，因此本論文著眼於資訊圖表設計中的色彩使用，從色彩對比中的「明度對比」與「色相對比」切入，探討不同群別的受眾，在觀看資訊圖表中，不同明度與色相對比下閱讀體驗的影響程度。 本研究分別從由明度對比低、原始明度搭配、明度對比高以及類似色相對比、對比色相對比、互補色相對比各三個不同的比較變項構成，並藉由「注意力」、「內容理解」、「舒適度」、「色彩配置」、「疲勞度」、「內容完整性」、「喜好度」、「資訊傳達」等八個閱讀體驗的關鍵字。為了更精準地區分受測者的觀看體驗，經專家討論將關鍵字分為資訊傳遞類：「注意力」、「內容的理解」、「內容完整性」、「資訊的傳達」；以及閱讀體驗類：「舒適度」、「色彩的配置」、「疲勞度」、「喜好度」。等兩大類。進行問卷的題目設計以及後續的施作，接著經由卡方檢定或是費雪精確檢定之統計驗證，進而整理出資訊圖表色彩對比在閱讀體驗的影響樣態，最後歸納出以下三點結論，以提供後續相關設計與研究的應用參考： 1. 減法設計的風潮帶領下，資訊圖表在設計的時候，不論是圖像表現或是色彩搭配也日趨簡約。相較於早期的資訊圖表多以插畫的型態表現，2016年迄今的資訊圖表在圖像表現上多以圖像符號以及扁平繪圖為主，配色方面也盡可能減少顏色數量，單、雙色調的使用成為顯學。 2. 本研究實驗數據以性別、年齡、職業、學歷以及是否聽過資訊圖表五大變項劃分，得出明度對比與色相對比在各變項的統計數據以及明度對比與色相對比在各變項的交叉分析結果，此數據結果可供為後續與閱讀體驗相關研究的參考。 3. 不同冷暖色調在不同的組合搭配中，各變項的偏好度皆不同，但在以中間色調為主色調，搭配同為中間色調與高明度對比時，各變項的偏好度相當一致，若不考慮原始的既定配色，採用中間色調綠色搭配互補色相對比與高明度對比的配色，在全部的變項中都能獲得最好的效果。
並列摘要
With the rapid development of digital technology, we are in an era of high-speed information transmission. Information graphics themselves have the characteristics of information visualization, which can effectively attract the audience's attention and achieve the purpose of precise information delivery. When viewing information graphics, the first information received is the presentation of color. Therefore, this paper focuses on the use of color in information graphics design, starting from the "brightness contrast" and "hue contrast" in color contrast, and explores the impact of different brightness and hue contrasts on the reading experience of different groups of audiences when viewing information graphics. The study consisted of three different comparison variables: low brightness contrast, original brightness combination, high brightness contrast, as well as similar hue contrast, contrasting hue contrast, and complementary hue contrast. Eight keywords related to reading experience were used: "attention," "content understanding," "comfort," "color arrangement," "fatigue," "content integrity," "preference," and "information communication." To more accurately distinguish participants' viewing experiences, the keywords were categorized into two groups: information communication (attention, content understanding, content integrity, information communication) and reading experience (comfort, color arrangement, fatigue, preference). The questionnaire design and subsequent implementation were conducted, followed by statistical validation through chi-square or Fisher's exact tests. The impact of information chart color contrast on reading experience was then analyzed, leading to the following three conclusions, which can serve as references for future related design and research: 1. The trend of subtractive design has led to the increasing simplicity of information graphics in both image representation and color matching. Compared with the early information graphics that were mostly presented in the form of illustrations, information graphics from 2016 to the present mostly use graphic symbols and flat drawings as the main image representation, and the use of colors has also tried to reduce the number of colors, with the use of monochromatic and two-tone colors becoming more prominent. 2. The experimental data of this study were divided into five major variables: gender, age, occupation, education, and whether they have heard of information graphics. The statistical data of brightness contrast and hue contrast in each variable and the cross-analysis data of brightness contrast and hue contrast in each variable were obtained. This data sample can be used as a reference for subsequent studies related to reading experience. 3. The preference for different warm and cool color tones varies in different combinations, but when using a middle tone as the main tone and combining it with high brightness contrast, the preference for each variable is quite consistent. If the original set color matching is not considered, using a middle tone green with complementary hue contrast and high brightness contrast can achieve the best effect in all variables.