Affective Color Theme Generator for Visual-Textual Design: The Exploration of 3-Color for Banner Design

Abstract

Color design is a crucial component in creating an appealing media presentation. Designers always prepare many color themes in their design work, while it is not an easy work for non-designers to obtain suitable colors. In this paper, we propose an affective color theme generation approach for exploring of 3-color themes. Banner design acts as an initial application. First, we create a color form with overlapped blocks for the evaluation samples of color theme, and conduct the evaluation experiment to gain the affective data for color themes which are created by designers. Second, we analyze the relationships between color features and impressions, and create the estimation model. Then, we propose to generate new color themes corresponding to specified impressions based on the affective color model. A recommender system is developed to create banners with different colors corresponding to specified impressions. Moreover, we implement the mechanism of color unification with input image and text color legibility checker in the design system.

Analysis of Posters for Informing the Population via Social Media during Covid-19: Ukrainian Network

“…One of the components of visual complexity is text color variety that entails the use of two or three text colors to reduce the cognitive load of the user (Debernardis et al, 2013;Qiu et al, 2018). Parameter such as "Correspondence between headline and main text" and "Absence of obvious grammatical and stylistic errors" affect the reader's attitude to the publication and the authority of the source.…”

“…For the "Graphics color harmony" criterion, we analyzed the compliance of the poster design with the requirements of contrast preservation through the use of analogue, complementary, triad or contrast colors. Approximately three primary colors for the overall background and palette of the main blocks are the best solution from the user experience (Qiu et al, 2018). Color balance refers to the choice of the primary, the secondary and the third color in approximate proportions or 60-30-10 (Ferris & Zhang, 2016), 70-25-5 (Kobayashi, 2009) or 74-22-4 (Qiu et al, 2018), etc., which also corresponds to the user experience.…”

“…Approximately three primary colors for the overall background and palette of the main blocks are the best solution from the user experience (Qiu et al, 2018). Color balance refers to the choice of the primary, the secondary and the third color in approximate proportions or 60-30-10 (Ferris & Zhang, 2016), 70-25-5 (Kobayashi, 2009) or 74-22-4 (Qiu et al, 2018), etc., which also corresponds to the user experience.…”

Affective Color Theme Generation System for Visual-textual Design: A Case Study of Banner Design

“…For an input theme λ, we define a vector x l where l ∈ [1,2,3] which are corresponding to base, assort and accent colors. A vector x li expresses the presence or absence of hue and its categories.…”

“…In our preliminary study [2], we propose an approach for affective color theme generation for visual-textual design. Considering of visual-textual presentation media that texts overlay on the background color or image, a 3-color theme which is shown as overlapped blocks with different color areas are designed.…”