InfoColorizer: Interactive Recommendation of Color Palettes for Infographics

被引:30
作者
Yuan, Lin-Ping [1 ]
Zhou, Ziqi [2 ]
Zhao, Jian [2 ]
Guo, Yiqiu [3 ]
Du, Fan [4 ]
Qu, Huamin [1 ]
机构
[1] Hong Kong Univ Sci & Technol, Hong Kong, Peoples R China
[2] Univ Waterloo, Waterloo, ON N2L 3G1, Canada
[3] Xi An Jiao Tong Univ, Xian 710061, Peoples R China
[4] Adobe Res, San Jose, CA 95110 USA
基金
加拿大自然科学与工程研究理事会;
关键词
Image color analysis; Tools; Visualization; Layout; Engines; Deep learning; Data visualization; Color palettes design; infographics; visualization recommendation; machine learning; SCHEMES; DESIGN;
D O I
10.1109/TVCG.2021.3085327
中图分类号
TP31 [计算机软件];
学科分类号
081202 ; 0835 ;
摘要
When designing infographics, general users usually struggle with getting desired color palettes using existing infographic authoring tools, which sometimes sacrifice customizability, require design expertise, or neglect the influence of elements' spatial arrangement. We propose a data-driven method that provides flexibility by considering users' preferences, lowers the expertise barrier via automation, and tailors suggested palettes to the spatial layout of elements. We build a recommendation engine by utilizing deep learning techniques to characterize good color design practices from data, and further develop InfoColorizer, a tool that allows users to obtain color palettes for their infographics in an interactive and dynamic manner. To validate our method, we conducted a comprehensive four-part evaluation, including case studies, a controlled user study, a survey study, and an interview study. The results indicate that InfoColorizer can provide compelling palette recommendations with adequate flexibility, allowing users to effectively obtain high-quality color design for input infographics with low effort.
引用
收藏
页码:4252 / 4266
页数:15
相关论文
共 71 条
[1]  
[Anonymous], 2020, SVG INFOGRAPHICS
[2]   Affective Color in Visualization [J].
Bartram, Lyn ;
Patra, Abhisekh ;
Stone, Maureen .
PROCEEDINGS OF THE 2017 ACM SIGCHI CONFERENCE ON HUMAN FACTORS IN COMPUTING SYSTEMS (CHI'17), 2017, :1364-1374
[3]  
Bateman S, 2010, CHI2010: PROCEEDINGS OF THE 28TH ANNUAL CHI CONFERENCE ON HUMAN FACTORS IN COMPUTING SYSTEMS, VOLS 1-4, P2573
[4]   What Makes a Visualization Memorable? [J].
Borkin, Michelle A. ;
Vo, Azalea A. ;
Bylinskii, Zoya ;
Isola, Phillip ;
Sunkavalli, Shashank ;
Oliva, Aude ;
Pfister, Hanspeter .
IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS, 2013, 19 (12) :2306-2315
[5]   D3: Data-Driven Documents [J].
Bostock, Michael ;
Ogievetsky, Vadim ;
Heer, Jeffrey .
IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS, 2011, 17 (12) :2301-2309
[6]   Learning Visual Importance for Graphic Designs and Data Visualizations [J].
Bylinskii, Zoya ;
Kim, Nam Wook ;
O'Donovan, Peter ;
Alsheikh, Sami ;
Madan, Spandan ;
Pfister, Hanspeter ;
Durand, Fredo ;
Russell, Bryan ;
Hertzmann, Aaron .
UIST'17: PROCEEDINGS OF THE 30TH ANNUAL ACM SYMPOSIUM ON USER INTERFACE SOFTWARE AND TECHNOLOGY, 2017, :57-69
[7]   Towards Automated Infographic Design: Deep Learning-based Auto-Extraction of Extensible Timeline [J].
Chen, Zhutian ;
Wang, Yun ;
Wang, Qianwen ;
Wang, Yong ;
Qu, Huamin .
IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS, 2020, 26 (01) :917-926
[8]   Quantifying the Creativity Support of Digital Tools through the Creativity Support Index [J].
Cherry, Erin ;
Latulipe, Celine .
ACM TRANSACTIONS ON COMPUTER-HUMAN INTERACTION, 2014, 21 (04)
[9]   Color harmonization [J].
Cohen-Or, Daniel ;
Sorkine, Olga ;
Gal, Ran ;
Leyvand, Tommer ;
Xu, Ying-Qing .
ACM TRANSACTIONS ON GRAPHICS, 2006, 25 (03) :624-630
[10]  
Color brewer, 2020, COLORBREWER