research-article

Thoughts and Tools for Crafting Colors: Implications from Designers' Behavior

Authors:

Hyeon-Jeong SukAuthors Info & Claims

DIS '17: Proceedings of the 2017 Conference on Designing Interactive Systems

Pages 321 - 331

https://doi.org/10.1145/3064663.3064769

Published: 10 June 2017 Publication History

Abstract

Despite the substantial changes made in the platforms to create graphic works, it is hard to clarify the improvement of authoring tools to manipulate design components such as colors, text, and images. In this regards, this paper presents empirical findings from designers' behavior and suggests preliminary ideas to develop graphic tools that support the visual design process. In particular, this paper focuses on the articulation of colors and images in the context of graphic design. Through experiments with designers, we investigated how designers perceive images and colors and how they create integrated aesthetics of images and color components. Based on the findings, we characterized a general color design process and derived implications for graphic tools to support image comprehension, color craft, and archiving design changes. As a primitive attempt, we expect this study can provide insights to advance the way of manipulating a variety of design components.

References

[1]

2017. All Your Designs - Canva. Retrieved January 15, 2017 from https://www.canva.com/

[2]

2017. Capture color themes with Adobe Capture CC. Retrieved January 15, 2017 from https://helpx.adobe.com/mobile-apps/how-to/capture-color-theme.html

[3]

2017. Color wheel | Color schemes - Adobe Color CC. Retrieved January 15, 2017 from https://color.adobe.com/

[4]

2017. COLOURlovers: Color Trends + Palettes. Retrieved January 15, 2017 from www.colourlovers.com/

[5]

2017. Create a site with WordPress - Easy SetUp, Outstanding Design. Retrieved January 16, 2017 from https://wordpress.com/com-vs-org/

[6]

2017. Discover graphic design ideas & inspiration - 99 designs. Retrieved January 15, 2017 from https://99designs.com/discover

[7]

2017 Free Website Builder | Create a Free Website | WIX.com. Retrieved January 16, 2017 from http://www.wix.com/

[8]

2017. Online Portfolios on Behance. Retrieved January 15, 2017 from https://www.behance.net/

[9]

2017. Shakr | Online Video Maker & Video Ad Creator. Retrieved January 15, 2017 from https://www.shakr.com/

[10]

2017. Video Editing By Magisto | An Automatic Online Video Editor. Retrieved January 15, 2017 from https://www.magisto.com/

[11]

Steven P Dow, Alana Glassco, Jonathan Kass, Melissa Schwarz, Daniel L Schwartz, and Scott R Klemmer. 2012. Parallel prototyping leads to better design results, more divergence, and increased self-efficacy. Springer, 127--153.

[12]

Pedro F Felzenszwalb, Ross B Girshick, David McAllester, and Deva Ramanan. 2010. Object detection with discriminatively trained part-based models. IEEE transactions on pattern analysis and machine intelligence 32, 9: 1627--1645.

Digital Library

[13]

Johann von Wolfgang Goethe. 1971. Goethe's Color Theory. Van Nostrand Reinhold, New York.

[14]

Shih-Wen Hsiao and Cheng-Ju Tsai. 20 Transforming the natural colors of an image into product design: A computer-aided color planning system based on fuzzy pattern recognition. Color Research & Application.

[15]

Guosheng Hu, Zhigeng Pan, Mingmin Zhang, De Chen, Wenzhen Yang, and Jian Chen. 2014. An interactive method for generating harmonious color schemes. Color Research & Application 39, 1: 70--78.

[16]

Johannes Itten and Faber Birren. 1970. The elements of color. John Wiley & Sons.

[17]

Ali Jahanian, Jerry Liu, Qian Lin, Daniel R Tretter, Eamonn O'Brien-Strain, Seungyon Lee, Nic Lyons, and Jan P Allebach. 2013. Automatic design of colors for magazine covers. In IS&T/SPIE Electronic Imaging, 86640B-86640B-86649.

[18]

Ghita Jalal, Nolwenn Maudet, and Wendy E Mackay. 2015. Color Portraits: From Color Picking to Interacting with Color. In 33rd Annual ACM Conference on Human Factors in Computing Systems, 4207--4216.

Digital Library

[19]

EunJin Kim and Hyeon-Jeong Suk. 2016. Key Color Generation for Affective Multimedia Production: An Initial Method and Its Application. In Proceedings of the 2016 ACM on Multimedia Conference. 2964323, 1316--1325.

Digital Library

[20]

Shigenobu Kobayashi. 1981. The aim and method of the color image scale. Color Research & Application 6, 2: 93--107.

[21]

Sharon Lin and Pat Hanrahan. 2013. Modeling how people extract color themes from images. In SIGCHI Conference on Human Factors in Computing Systems, 3101--3110.

Digital Library

[22]

Y Matsuda. 1995. Color design. Asakura Shoten, Tokyo.

[23]

Barbara J Meier, Anne Morgan Spalter, and David B Karelitz. 2004. Interactive color palette tools. Computer Graphics and Applications, IEEE 24, 3: 64--72.

Digital Library

[24]

Matthew Miles and Michael Huberman. 1994. Qualitative data analysis: An expanded sourcebook. Sage.

[25]

Parry Moon and Domina Eberle Spencer. 1944. Aesthetic measure applied to color harmony. JOSA 34, 4: 234--242.

[26]

Parry Moon and Domina Eberle Spencer. 1944. Area in color harmony. JOSA 34, 2: 93--101.

[27]

Giovanni Moretti, Stephen Marsland, and Paul Lyons. 2013. Computational production of colour harmony. Part 2: Experimental evaluation of a tool for gui colour scheme creation. Color Research & Application 38, 3: 218--228.

[28]

Albert H Munsell and Faber Birren. 1969. A grammar of color. Van Nostrand Reinhold.

[29]

Peter O'Donovan, Aseem Agarwala, and Aaron Hertzmann. 2011. Color compatibility from large datasets. In ACM SIGGRAPH 2011. 1964958, 1--12.

Digital Library

[30]

Peter O'Donovan, Aseem Agarwala, and Aaron Hertzmann. 2014. Collaborative filtering of color aesthetics. In ACM Workshop on Computational Aesthetics, 33--40.

Digital Library

[31]

3Peter O'Donovan, Aseem Agarwala, and Aaron Hertzmann. 2015. DesignScape: Design with Interactive Layout Suggestions. In 33rd Annual ACM Conference on Human Factors in Computing Systems, 1221--1224.

Digital Library

[32]

Li-Chen Ou, M Ronnier Luo, Andrée Woodcock, and Angela Wright. 2004. A study of colour emotion and colour preference. Part I: Colour emotions for single colours. Color Research & Application 29, 3: 232--240.

[33]

Li-Chen Ou, M Ronnier Luo, Andree Woodcock, and Angela Wright. 2004. A study of colour emotion and colour preference. part II: colour emotions for two-colour combinations. Color Research & Application 29, 4: 292--298.

[34]

Li-Chen Ou, M Ronnier Luo, Pei-Li Sun, Neng-Chung Hu, Hung-Shing Chen, Shing-Sheng Guan, Andree Woodcock, José Luis Caivano, Rafael Huertas, and Alain Treméau. 2012. A cross-cultural comparison of colour emotion for two-colour combinations. Color Research & Application 37, 1: 23--43.

[35]

Horst WJ Rittel and Melvin M Webber. 1973. Dilemmas in a general theory of planning. Policy sciences 4, 2: 155--169.

[36]

James A Russell and Albert Mehrabian. 1977. Evidence for a three-factor theory of emotions. Journal of research in Personality 11, 3: 273--294.

[37]

James Self, Mark Evans, and Eun Jin Kim. 2016. A comparison of digital and conventional sketching: implications for conceptual design ideation. Journal of Design Research 14, 2: 171--202.

[38]

Hyeon-Jeong Suk and Hans Irtel. 2010. Emotional response to color across media. Color Research & Application 35, 1: 64--77.

[39]

Minghui Tian, Shouhong Wan, and Lihua Yue. 2010. A color saliency model for salient objects detection in natural scenes. In International Conference on Multimedia Modeling, 240--250.

Digital Library

[40]

Kashyap Todi, Daryl Weir, and Antti Oulasvirta. 2016. Sketchplore: Sketch and Explore Layout Designs with an Optimiser. In Proceedings of the 2016 CHI Conference Extended Abstracts on Human Factors in Computing Systems, 3780--3783.

Digital Library

[41]

Paul Viola and Michael Jones. 2001. Rapid object detection using a boosted cascade of simple features. In Computer Vision and Pattern Recognition, 2001. CVPR 2001. Proceedings of the 2001 IEEE Computer Society Conference on, I-511-I-518 vol. 511.

Cited By

Shi XWang YWang YZhao J(2024)Piet: Facilitating Color Authoring for Motion Graphics VideoProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642711(1-17)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642711
Shi XLiu MZhou ZNeshati ARossi RZhao J(2024)Exploring Interactive Color Palettes for Abstraction-Driven Exploratory Image ColorizationProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642223(1-16)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642223
Hegemann LOulasvirta A(2024)Palette, Purpose, Prototype: The Three Ps of Color Design and How Designers Navigate ThemProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3641976(1-19)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3641976
Show More Cited By

Index Terms

Thoughts and Tools for Crafting Colors: Implications from Designers' Behavior
1. Human-centered computing
  1. Human computer interaction (HCI)

Recommendations

The Impact of Artificial Intelligence Generated Content Driven Graphic Design Tools on Creative Thinking of Designers
Cross-Cultural Design
Abstract
This study aims to explore the application of AIGC in the field of graphic design and its impact on the creative thinking of designers. With the rapid development of artificial intelligence technology, collaboration between designers and AIGC ...
Interactive Color Palette Tools

Color is fundamental in computer graphics imagery. But despite the importance of good color selection and the difficulty most people have making those color selections, current graphics applications provide only minimal tools for mixing and organizing ...
Fuzzy representation for classification of basic bruise colours
CompSysTech '07: Proceedings of the 2007 international conference on Computer systems and technologies

An application of the Fuzzy Inference System (FIS) for bruise colour recognition is suggested in the paper. Input information to the system will be taken from the images, which includes a bruise and surrounding healthy skin. There are formulated six ...

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences

DIS '17: Proceedings of the 2017 Conference on Designing Interactive Systems

June 2017

1444 pages

ISBN:9781450349222

DOI:10.1145/3064663

General Chair:
Oli Mival
Edinburgh Napier University, UK
,
Program Chairs:
Michael Smyth
Edinburgh Napier University, UK
,
Peter Dalsgaard
Aarhus University, Denmark

Copyright © 2017 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Sponsors

SIGCHI: ACM Special Interest Group on Computer-Human Interaction

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 10 June 2017

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

DIS '17

Sponsor:

SIGCHI

DIS '17: Designing Interactive Systems Conference 2017

June 10 - 14, 2017

Edinburgh, United Kingdom

Acceptance Rates

DIS '17 Paper Acceptance Rate 107 of 487 submissions, 22%;

Overall Acceptance Rate 1,158 of 4,684 submissions, 25%

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

8
Total Citations
View Citations
351
Total Downloads

Downloads (Last 12 months)24
Downloads (Last 6 weeks)5

Reflects downloads up to 22 Dec 2024

Other Metrics

View Author Metrics

Citations

Cited By

Shi XWang YWang YZhao J(2024)Piet: Facilitating Color Authoring for Motion Graphics VideoProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642711(1-17)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642711
Shi XLiu MZhou ZNeshati ARossi RZhao J(2024)Exploring Interactive Color Palettes for Abstraction-Driven Exploratory Image ColorizationProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642223(1-16)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642223
Hegemann LOulasvirta A(2024)Palette, Purpose, Prototype: The Three Ps of Color Design and How Designers Navigate ThemProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3641976(1-19)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3641976
Hegemann LDayama NIyer AFarhadi EMarchenko EOulasvirta A(2023)CoColor: Interactive Exploration of Color DesignsProceedings of the 28th International Conference on Intelligent User Interfaces10.1145/3581641.3584089(106-127)Online publication date: 27-Mar-2023
https://dl.acm.org/doi/10.1145/3581641.3584089
Sandnes F(2023)Exploring the Usability of the LCH Color Model for Web DesignersCooperative Design, Visualization, and Engineering10.1007/978-3-031-43815-8_5(43-55)Online publication date: 18-Sep-2023
https://doi.org/10.1007/978-3-031-43815-8_5
Kang YSun ZWang SHuang ZWu ZMa XKitamura YQuigley AIsbister KIgarashi TBjørn PDrucker S(2021)MetaMap: Supporting Visual Metaphor Ideation through Multi-dimensional Example-based ExplorationProceedings of the 2021 CHI Conference on Human Factors in Computing Systems10.1145/3411764.3445325(1-15)Online publication date: 6-May-2021
https://dl.acm.org/doi/10.1145/3411764.3445325
Creed CFrutos-Pascual MWilliams IBernhaupt RMueller FVerweij DAndres JMcGrenere JCockburn AAvellino IGoguey ABjørn PZhao SSamson BKocielnik R(2020)Multimodal Gaze Interaction for Creative DesignProceedings of the 2020 CHI Conference on Human Factors in Computing Systems10.1145/3313831.3376196(1-13)Online publication date: 21-Apr-2020
https://dl.acm.org/doi/10.1145/3313831.3376196
Wu ZSun ZKim TReani MJay CMa X(2018)Mediating Color Filter Exploration with Color Theme Semantics Derived from Social Curation DataProceedings of the ACM on Human-Computer Interaction10.1145/32744562:CSCW(1-24)Online publication date: 1-Nov-2018
https://dl.acm.org/doi/10.1145/3274456

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Media

Figures

Other

Tables

View Table of Contents