:::

詳目顯示

回上一頁
題名:表格中襯背景色設計模式對菜單資訊閱讀之影響
書刊名:設計學年刊
作者:廖卿枝謝德旺許雅嵐吳尚融
作者(外文):Liao, Ching-chihHsieh, De-wangHsu, Ya-lanWu, Shang-rong
出版日期:2017
卷期:5
頁次:頁139-160
主題關鍵詞:表格資訊設計背景色易辨識性視覺舒適感Tabular form designBackground colorLegibilityVisual comfort
原始連結:連回原系統網址new window
相關次數:
  • 被引用次數被引用次數:期刊(0) 博士論文(0) 專書(0) 專書論文(0)
  • 排除自我引用排除自我引用:0
  • 共同引用共同引用:0
  • 點閱點閱:5
本研究主要目的在於探討各種不同襯背景色模式,對於表格資訊閱讀之影響。研究分兩階段,首先分析各種資訊表格化之印刷品,攸關背景色與前景文字之間,使用色彩之組合模式與色彩三屬性之對應,以及背景色設計模式等問題。進而設計一菜單資訊表格;襯以8種不同背景色模式之樣本,用以進行實驗,實驗設計之自變項為襯背景色模式(n=4)、有無框線(n=2),針對年輕與年長兩群參與者,量測依變項:尋找目標資訊所耗費時間以及閱讀之識別度、視覺舒適感、美感與主觀偏好之認知反應。資料以獨立樣本T檢定分析,研究主要發現:兩群人對於不同襯背景色模式之菜單,在尋找目標資訊之速率上具顯著差異,整體而言:年長比年輕者耗時較多;加框線與否之辨識效果在S3(欄襯)-S4(欄襯+框線)與S5(重點襯)-S6(重點襯+框線)之間存在差異;兩群所有參與者針對8張樣本在識別度、視覺舒適、美感與主觀偏好之反應具顯著水準;兩群人皆對樣本S1(列襯), S2(列襯+框線),即採取間隔列襯與間隔列襯加框線的設計模式,在四個依變項上反應出最佳之認同度。希望結果得以輔助設計者在實務設計上更臻完善,有利使用者尋找目標資訊之績效。
This study aims at exploring how different background color designs affect the legibility of tabular form. The present study has two phases. In relation to background colors and texts, researchers first analyze tabular form printed material in terms of how color combination and the three attributes of color are associated, as well as issues concerning background color designs. Next, we design a menu and display it in eight different background patterns as experiment samples. The independent variables in the experiment are background color designs (n=4) and backgrounds with and without lines (n=2). Two different groups, divided as young and old, are the participants in this study. Both groups’ cognitive responses are evaluated based on the dependent variables: time spent on locating target information, legibility, visual comfort, aesthetics and preferences. Data are analyzed using the independent sample t-test. This study finds that when the menus are given to both groups, the older group needs more time to find target information than the younger group, a significant difference exits between the both S3-S4 (shading to alternate columns ; shading to alternate columns and uses lines) and S5-S6 (shading to headlines ; shading to headlines and uses lines) on cognitive responses concerned using line or not. The two groups show a significant difference in legibility, visual comfort, aesthetics and preferences. However, all participants identify best with S1 and S2, the menu that applies shading to alternate rows and the menu that applies shading to alternate rows and uses lines, as far as the four dependent variables are concerned. It is envisaged that the findings should be of interest to those involved in the development of tabular form for target users.
期刊論文
1.Pettersson, R.(2010)。Information Design-Principles and Guidelines。Journal of Visual Literacy,29(2),167-182。  new window
2.Ling, J.、Van Schaik, P.(2002)。The effect of text and background colour on visual search of Web pages。Displays,23,223-230。  new window
3.Camgöz, N.、Yener, C.、Güvenç, D.(2002)。Effects of hue, saturation, and brightness on preference。Color Research & Application,27(3),199-207。  new window
4.De Vries, Jelmer P.、Hooge, Ignace T. C.、Wertheim, Alexander H.、Verstraten, Frans A. J.(2013)。Background, an important factor in visual search。Vision Research,86,128-138。  new window
5.Wolfe, J. M.、Oliva, A.、Horowitz, T. S.、Butcher, S. J.、Bompas, A.(2002)。Segmentation of objects from backgrounds in visual search tasks。Vision research,42(28),2985-3004。  new window
6.Ayama, M.、Ujike, H.、Iwai, W.、Funakawa, M.、Okajima, K.(2007)。Effects of contrast and character size upon legibility of Japanese text stimuli presented on visual display terminal。Optical Review,14,48-56。  new window
7.Benjamins, J. S.、Hooge, I. T. C.、van Elst, J. C.、Wertheim, A. H.、Verstraten, F. A. J.(2009)。Search time critically depends on irrelevant subset size in visual search。Vision Research,49,398-406。  new window
8.Deeb, R.、Ooms, K.、Brychtova, A.、Eetvelde, V. V.、Maeyer, P. D.(2014)。Background and Foreground Interaction: Influence of Complementary Colors on the Search Task。Color research and application,40,437-445。  new window
9.Foley, J. M.、Varadharajan, S.、Koh, C. C.、Farias, M. C. Q.(2007)。Detection of Gabor patterns of different sizes, shapes, phases and eccentricities。Vision Research,47,85-107。  new window
10.Johns, E. H.、Sumner, F. C.(1948)。Relation of the brightness differences of colors to their apparent distances。Journal of Psychology,26,25-29。  new window
11.Manav, B.(2007)。Color-Emotion Associations and Color Preferences: A Case Study for Residences。Color Research & Application,32(2),144-151。  new window
12.Monnier, P.、Shevell, S. K.(2001)。Chromatic induction with patterned surrounds。Investigative Ophthalmology and Vision Science,42,S320。  new window
13.Ou, L. C.、Sun, P. L.、Huang, H. P.、Luo, M. R.(2015)。Visual Comfort as a Function of Lightness Difference between Text and Background: A Cross-Age Study Using an LCD and a Tablet Computer。Color research and application,40(2),125-134。  new window
14.Rea, M. S.、Ouellette, M. J.(1988)。Visual performance using reaction times。Lighting Research and Technology,20,139-153。  new window
15.Rosenholtz, R.、Nagy, Allen L.、Bell, Nicole R.(2004)。The effect of background color on asymmetries in color search。Journal of Vision,4,224-240。  new window
16.Shevell, S. K.、Wei, J.(2000)。A central mechanism of chromatic contrast。Vision Research,40,3173-3180。  new window
17.Taylor, I. L.、Sumner, F. C.(1945)。Actual brightness and distance of individual colors when their apparent distance is held constant。J Psych,19,79-85。  new window
會議論文
1.廖卿枝、洪惠玲、林珮瑀(2014)。自助點餐菜單資訊設計之字體應用。  延伸查詢new window
圖書
1.Lipton, R.(2007)。The Practical Guide to Information Design。Hoboken, NJ:John Wiley & Sons。  new window
2.Tinker, M. A.(1963)。Legibility of Print。Ames, Iowa:Iowa State University Press。  new window
3.李硯祖(2010)。視覺傳達設計欣賞。五南出版社。  延伸查詢new window
4.威利庫茲(2001)。版面構成:整體架構+細膩之美。龍溪圖書。  延伸查詢new window
5.詹升興(2015)。色彩原理。全華出版社。  延伸查詢new window
6.Katz, J.(2012)。Designing information: Human factors and common sense in information design。John Wiley and Sons。  new window
7.Meirelles, I.(2013)。Design for Information: An Introduction to the Histories, Theories, and Best Practices Behind Effective Information Visualizations。Rockport publishers。  new window
8.Tufte, E. R.(1982)。In Visual Display of Quantitative Information。Graphics Press。  new window
圖書論文
1.Passini, R.(1999)。Information design: An old hag in fashionable clothes?。Information design。Cambridge, MA:MIT Press。  new window
2.Bull, D.(1999)。Communication Design: Translation, Technology, Typography, and Teaching。Visual Literacy In An Information Age。Loretto, PA:International Visual Literacy Association。  new window
3.Jacobson, R.(1999)。Introduction: why information design matter。Information Design。Cambridge, MA:The MIT Press。  new window
 
 
 
 
第一頁 上一頁 下一頁 最後一頁 top
QR Code
QRCODE