Abstract
In this paper, we present a web tool called Webpage Color Schemer (WCS), which enables people to easily redefine an existing webpage’s color scheme. WCS can adapt the webpage’s color scheme towards a new visual effect expressed nonverbally with an interactive mood board, which is actually a collage of sample images or design examples reflecting designer’s preference.
WCS is simple and fun to use. It has two major functionalities: an interactive mood board with a color quantization algorithm for extracting color themes; A genetic algorithm for generating best assignment of the theme colors from the mood board to the web page, with respect to necessary design objectives. The objectives are formulated as fitness functions for the evolutionary optimization. Our initial experiments show that three fitness functions are essential for the color scheme optimization: histogram evaluator, contrast evaluator and harmony evaluator, to make sure the scheme has a preferable color tone, legible contrast ratio and harmonious color matching, respectively. The evaluators are generally devised in the light of some well-established color design theories. Some efforts of this research, however, has moved towards using computational model to uncover design knowledge depositing in large set of design cases. WCS uses a kind of RBF network predicting proper contrast ratio of certain class of page elements, regarding its measurable features and context. The performance of the model is encouraging.
Chapter PDF
Similar content being viewed by others
References
Cyr, D., Head, M., Larios, H.: Colour appeal in website design within and across cultures: A multi-method evaluation. International Journal of Human-Computer Studies 68(1), 1–21 (2010)
Elliot, A.J., Maier, M.A.: Color and psychological functioning. Current Directions in Psychological Science 16(5), 250–254 (2007)
Zelanski, P., Fisher, M.P.: Colour: for designers and artists. Herbert Press (1989)
Jacobson, E., Ostwald, W.: Color harmony manual. Container Corporation of America (1948)
Meier, B.J., Spalter, A.M., Karelitz, D.B.: Interactive color palette tools. IEEE Computer Graphics and Applications 24(3), 64–72 (2004)
Kagawa, T., Nishino, H., Utsumiya, K.: A color design assistant based on user’s sensitivity. In: IEEE International Conference on Systems, Man and Cybernetics. IEEE (2003)
Liu, J., Li, J., Lu, G.: Color Scheme Design through Color Semantic and Interactive Genetic Algorithm. J. of Computer-Aided Design & Graphics 24(5), 669–676 (2012)
Hu, G., et al.: An interactive method for generating harmonious color schemes. Color Research & Application (2012)
Lucero, A., Vaajakallio, K.: Co-designing mood boards: creating dialogue with people. In: Proceedings of the Third IASTED International Conference on Human-Computer Interaction, pp. 254–260 (2008)
Itten, J.: The elements of color, vol. 4. Wiley (1970)
Munsell, A.H.: Munsell book of color: glossy finish collection (1966)
Beretta, G.B., Moroney, N.M.: Harmonious colors: from alchemy to science. Society of Photo-Optical Instrumentation Engineers (SPIE) Conference Series (2012)
Morse, B.S., et al.: Image-Based Color Schemes. In: IEEE International Conference on Image Processing. IEEE (2007)
Rubner, Y., Tomasi, C., Guibas, L.J.: A metric for distributions with applications to image databases. In: Sixth International Conference on Computer Vision. IEEE (1998)
Schloss, K.B., Palmer, S.E.: Aesthetic response to color combinations: preference, harmony, and similarity. Attention, Perception, & Psychophysics 73(2), 551–571 (2011)
Cao, J., Mao, B., Luo, J.: A segmentation method for web page analysis using shrinking and dividing. International Journal of Parallel, Emergent and Distributed Systems 25(2), 93–104 (2010)
Cohen-Or, D., et al.: Color harmonization. ACM Transactions on Graphics, TOG (2006)
Matsuda, Y.: Color design. Asakura Shoten 2(4) (1995)
O’Donovan, P., Agarwala, A., Hertzmann, A.: Color Compatibility From Large Datasets. ACM Transactions on Graphics 30(4) (2011)
Nishiyama, M., et al.: Aesthetic quality classification of photographs based on color harmony. In: 2011 IEEE Conference on Computer Vision and Pattern Recognition (CVPR). IEEE (2011)
Author information
Authors and Affiliations
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2013 Springer-Verlag Berlin Heidelberg
About this paper
Cite this paper
Gu, Z., Wu, Z., Yu, J., Lou, J. (2013). A Color Schemer for Webpage Design Using Interactive Mood Board. In: Kurosu, M. (eds) Human-Computer Interaction. Human-Centred Design Approaches, Methods, Tools, and Environments. HCI 2013. Lecture Notes in Computer Science, vol 8004. Springer, Berlin, Heidelberg. https://doi.org/10.1007/978-3-642-39232-0_60
Download citation
DOI: https://doi.org/10.1007/978-3-642-39232-0_60
Publisher Name: Springer, Berlin, Heidelberg
Print ISBN: 978-3-642-39231-3
Online ISBN: 978-3-642-39232-0
eBook Packages: Computer ScienceComputer Science (R0)