CoColor: Interactive Exploration of Color Designs

Lena Hegemann; Niraj Ramesh Dayama; Abhishek Iyer; Erfan Farhadi; Ekaterina Marchenko; Antti Oulasvirta

doi:10.1145/3581641.3584089

CoColor: Interactive Exploration of Color Designs

Lena Hegemann, Niraj Ramesh Dayama, Abhishek Iyer, Erfan Farhadi, Ekaterina Marchenko, Antti Oulasvirta

Research output: Chapter in Book/Report/Conference proceeding › Conference article in proceedings › Scientific › peer-review

4 Citations (Scopus)

36 Downloads (Pure)

Abstract

Choosing colors is a pivotal but challenging component of graphic design. The paper presents an intelligent interaction technique supporting designers' creativity in color design. It fills a gap in the literature by proposing an integrated technique for color exploration, assignment, and refinement: CoColor. Our design goals were 1) let designers focus on color choice by freeing them from pixel-level editing and 2) support rapid flow between low- and high-level decisions. Our interaction technique utilizes three steps - choice of focus, choice of suitable colors, and the colors' application to designs - wherein the choices are interlinked and computer-assisted, thus supporting divergent and convergent thinking. It considers color harmony, visual saliency, and elementary accessibility requirements. The technique was incorporated into the popular design tool Figma and evaluated in a study with 16 designers. Participants explored the coloring options more easily with CoColor and considered it helpful.

Original language	English
Title of host publication	IUI 2023 - Proceedings of the 28th International Conference on Intelligent User Interfaces
Publisher	ACM
Pages	106-127
Number of pages	22
ISBN (Electronic)	979-8-4007-0106-1
DOIs	https://doi.org/10.1145/3581641.3584089
Publication status	Published - 27 Mar 2023
MoE publication type	A4 Conference publication
Event	International Conference on Intelligent User Interfaces - Sydney, Australia Duration: 27 Mar 2023 → 31 Mar 2023 Conference number: 28

Conference

Conference	International Conference on Intelligent User Interfaces
Abbreviated title	IUI
Country/Territory	Australia
City	Sydney
Period	27/03/2023 → 31/03/2023

Keywords

color design
creativity support tools
design exploration
interaction technique

Access to Document

10.1145/3581641.3584089Licence: CC BY

3581641.3584089Final published version, 19.1 MBLicence: CC BY

Cite this

@inproceedings{f9a733bb5e2f412fa4229aa3a633f522,

title = "CoColor: Interactive Exploration of Color Designs",

abstract = "Choosing colors is a pivotal but challenging component of graphic design. The paper presents an intelligent interaction technique supporting designers' creativity in color design. It fills a gap in the literature by proposing an integrated technique for color exploration, assignment, and refinement: CoColor. Our design goals were 1) let designers focus on color choice by freeing them from pixel-level editing and 2) support rapid flow between low- and high-level decisions. Our interaction technique utilizes three steps - choice of focus, choice of suitable colors, and the colors' application to designs - wherein the choices are interlinked and computer-assisted, thus supporting divergent and convergent thinking. It considers color harmony, visual saliency, and elementary accessibility requirements. The technique was incorporated into the popular design tool Figma and evaluated in a study with 16 designers. Participants explored the coloring options more easily with CoColor and considered it helpful.",

keywords = "color design, creativity support tools, design exploration, interaction technique",

author = "Lena Hegemann and Dayama, {Niraj Ramesh} and Abhishek Iyer and Erfan Farhadi and Ekaterina Marchenko and Antti Oulasvirta",

note = "Publisher Copyright: {\textcopyright} 2023 Owner/Author.; International Conference on Intelligent User Interfaces, IUI ; Conference date: 27-03-2023 Through 31-03-2023",

year = "2023",

month = mar,

day = "27",

doi = "10.1145/3581641.3584089",

language = "English",

pages = "106--127",

booktitle = "IUI 2023 - Proceedings of the 28th International Conference on Intelligent User Interfaces",

publisher = "ACM",

address = "United States",

}

Hegemann, L, Dayama, NR, Iyer, A, Farhadi, E, Marchenko, E & Oulasvirta, A 2023, CoColor: Interactive Exploration of Color Designs. in IUI 2023 - Proceedings of the 28th International Conference on Intelligent User Interfaces. ACM, pp. 106-127, International Conference on Intelligent User Interfaces, Sydney, Australia, 27/03/2023. https://doi.org/10.1145/3581641.3584089

TY - GEN

T1 - CoColor

T2 - International Conference on Intelligent User Interfaces

AU - Hegemann, Lena

AU - Dayama, Niraj Ramesh

AU - Iyer, Abhishek

AU - Farhadi, Erfan

AU - Marchenko, Ekaterina

AU - Oulasvirta, Antti

N1 - Conference code: 28

PY - 2023/3/27

Y1 - 2023/3/27

N2 - Choosing colors is a pivotal but challenging component of graphic design. The paper presents an intelligent interaction technique supporting designers' creativity in color design. It fills a gap in the literature by proposing an integrated technique for color exploration, assignment, and refinement: CoColor. Our design goals were 1) let designers focus on color choice by freeing them from pixel-level editing and 2) support rapid flow between low- and high-level decisions. Our interaction technique utilizes three steps - choice of focus, choice of suitable colors, and the colors' application to designs - wherein the choices are interlinked and computer-assisted, thus supporting divergent and convergent thinking. It considers color harmony, visual saliency, and elementary accessibility requirements. The technique was incorporated into the popular design tool Figma and evaluated in a study with 16 designers. Participants explored the coloring options more easily with CoColor and considered it helpful.

AB - Choosing colors is a pivotal but challenging component of graphic design. The paper presents an intelligent interaction technique supporting designers' creativity in color design. It fills a gap in the literature by proposing an integrated technique for color exploration, assignment, and refinement: CoColor. Our design goals were 1) let designers focus on color choice by freeing them from pixel-level editing and 2) support rapid flow between low- and high-level decisions. Our interaction technique utilizes three steps - choice of focus, choice of suitable colors, and the colors' application to designs - wherein the choices are interlinked and computer-assisted, thus supporting divergent and convergent thinking. It considers color harmony, visual saliency, and elementary accessibility requirements. The technique was incorporated into the popular design tool Figma and evaluated in a study with 16 designers. Participants explored the coloring options more easily with CoColor and considered it helpful.

KW - color design

KW - creativity support tools

KW - design exploration

KW - interaction technique

UR - http://www.scopus.com/inward/record.url?scp=85152136924&partnerID=8YFLogxK

U2 - 10.1145/3581641.3584089

DO - 10.1145/3581641.3584089

M3 - Conference article in proceedings

AN - SCOPUS:85152136924

SP - 106

EP - 127

BT - IUI 2023 - Proceedings of the 28th International Conference on Intelligent User Interfaces

PB - ACM

Y2 - 27 March 2023 through 31 March 2023

ER -

CoColor: Interactive Exploration of Color Designs

Abstract

Conference

Keywords

Access to Document

Other files and links

Fingerprint

FCAI: Finnish Center for Artificial Intelligence (FCAI)

Cite this

CoColor: Interactive Exploration of Color Designs

Abstract

Conference

Keywords

Access to Document

Other files and links

Fingerprint

Projects

FCAI: Finnish Center for Artificial Intelligence (FCAI)

Cite this