Skip to main content
SpringerLink
Log in

Color aesthetics with regard to product design and multimedia web pages

  • Published:
Multimedia Tools and Applications Aims and scope Submit manuscript

Abstract

The present study combined product design and web page color aesthetics, and various affective adjectives were applied to create a design mode that supports designers in developing multimedia web page colors. These approaches help designers understand the importance of colors and imagery in multimedia web pages and visual design. This study adopted the semantic differential to extract user-centered emotional dimensions and obtain crucial design factors for home page appearance. The most preferred visual design was determined through analyses of products affective features as perceived by users. A data assessment was then conducted using the semantic differential to examine the quantitative relationship between web page designs and emotional dimensions. Finally, a Likert-type scale was used to identify the most appropriate web page color. This study contributes to web page design that satisfies user emotions and can also serve as a reference for multimedia web page color research. The findings of Experiment 1 on web page design–related emotional adjectives revealed that “convenient,” “technology,” “vintage,” and “distinctive” were the most appropriate emotional adjectives for the web page visual design experiment. With regard to Experiment 2 on the visual design of multimedia web pages, the most appropriate composition was the one that presented the product in the center of a rectangle with dynamic effects. Experiment 3 on multimedia web page color fit indicated that the most appropriate colors were royal blue, slate blue, and black. Experiment 4 on the two-color fit of multimedia web pages revealed that the most appropriate two-color pairs were royal blue/cyan and royal blue/black. Through investigations of design management mode and emotional factors, this study can provide a platform containing design methods for designers, allowing them to rapidly grasping consumer preferences and to incorporate correlations of product-related terms in styling, colors, and elements in multimedia webpages. Therefore, these researchers can achieve the goal of innovative design and research.

This is a preview of subscription content, log in via an institution to check access.

Access this article

Log in via an institution

Price excludes VAT (USA)
Tax calculation will be finalised during checkout.

Instant access to the full article PDF.

Institutional subscriptions

Fig. 1
Fig. 2
Fig. 3
Fig. 4
Fig. 5
Fig. 6
Fig. 7
Fig. 8
Fig. 9

Similar content being viewed by others

References

  1. Akca E, Tanriöver ÖÖ (2021) A comprehensive appraisal of perceptual visual complexity analysis methods in GUI design. Displays 69:102031. https://doi.org/10.1016/j.displa.2021.102031

    Article  Google Scholar 

  2. Barry C, Lang M (2001) A survey of multimedia and web development techniques and methodology usage. IEEE Multimed 8:52–60. https://doi.org/10.1109/93.917971

    Article  Google Scholar 

  3. Bonnardel N, Piolat A, Le Bigot L (2011) The impact of colour on website appeal and users’ cognitive processes. Displays 32:60–82. https://doi.org/10.1016/j.displa.2010.12.002

    Article  Google Scholar 

  4. Brown A, Lush B, Jansen BJ (2016) Pixel efficiency analysis: a quantitative web analytics approach. Proc Assoc Inf Sci Tech 53:1–10. https://doi.org/10.1002/pra2.2016.14505301040

    Article  Google Scholar 

  5. Bulterman D (2007) User-centered control within multimedia presentations. Multimed Syst 12:423–438. https://doi.org/10.1007/s00530-006-0065-6

    Article  Google Scholar 

  6. Celentano A (2017) Interactive web-based hypermedia coordination. Multimed Tools Appl 76:5511–5538. https://doi.org/10.1007/s11042-016-3790-7

    Article  Google Scholar 

  7. Celentano A, Gaggi O (2006) Context-aware design of adaptable multimodal documents. Multimed Tools Appl 29:7–28. https://doi.org/10.1007/s11042-006-7811-9

    Article  Google Scholar 

  8. Cheng C, Dunn M (2017) How well are health information websites displayed on mobile phones? Implications for the readability of health information. Health Promot J Austr 28:15–20. https://doi.org/10.1071/HE15127

    Article  Google Scholar 

  9. Cyra D, Head M, Larios H (2010) Colour appeal in website design within and across cultures: a multi-method evaluation. Int J Hum Comput Stud 68:1–21. https://doi.org/10.1016/j.ijhcs.2009.08.005

    Article  Google Scholar 

  10. Gaggi O, Celentano A (2005) Modelling synchronized hypermedia presentations. Multimed Tools Appl 27:53–78. https://doi.org/10.1007/s11042-005-2714-8

    Article  Google Scholar 

  11. Guo F, Liu WL, Cao Y, Liu FT, Li ML (2016) Optimization design of a webpage based on Kansei engineering. Hum Factors Man 26:110–126. https://doi.org/10.1002/hfm.20617

    Article  Google Scholar 

  12. Hagtvedt H (2020) Dark is durable, light is user-friendly: the impact of color lightness on two product attribute judgments. Psychol Mark 37:864–875. https://doi.org/10.1002/mar.21268

    Article  Google Scholar 

  13. Hsu CC (2011) Factors affecting webpage’s visual interface design and style. Procedia Comput Sci 3:1315–1320. https://doi.org/10.1016/j.procs.2011.01.009

    Article  Google Scholar 

  14. Hsu CC (2012) Comparison of gender differences in young people’s blog interface preferences and designs. Displays 33:119–128. https://doi.org/10.1016/j.displa.2012.04.001

    Article  Google Scholar 

  15. Jalali NY, Papatla P (2016) The palette that stands out: color compositions of online curated visual UGC that attracts higher consumer interaction. Quant Mark Econ 14:353–384. https://doi.org/10.1007/s11129-016-9178-1

    Article  Google Scholar 

  16. Lee S, Koubek RJ (2010) The effects of usability and web design attributes on user preference for e-commerce web sites. Comput Ind 61:329–341. https://doi.org/10.1016/j.compind.2009.12.004

    Article  Google Scholar 

  17. Li H, Liu Q, Hu M, Zhu X (2013) Research of adaptive transformation method based on webpage semantic features for small-screen terminals. ETRI J 35:900–910. https://doi.org/10.4218/etrij.13.0112.0834

    Article  Google Scholar 

  18. Lin H (2014) Red-colored products enhance the attractiveness of women. Displays 35:202–205. https://doi.org/10.1016/j.displa.2014.05.009

    Article  Google Scholar 

  19. Ling J, Schaik PV (2007) The influence of line spacing and text alignment on visual search of web pages. Displays 28:60–67. https://doi.org/10.1016/j.displa.2007.04.003

    Article  Google Scholar 

  20. Liu X, Jiang Y (2021) Aesthetic assessment of website design based on multimodal fusion. Future Gener Comput Syst 117:433–438. https://doi.org/10.1016/j.future.2020.12.014

    Article  Google Scholar 

  21. Liu W, Guo F, Ye G, Liang X (2016) How homepage aesthetic design influences users’ satisfaction: evidence from China. Displays 42:25–35. https://doi.org/10.1016/j.displa.2016.02.004

    Article  Google Scholar 

  22. Michalski R (2014) The influence of color grouping on users’ visual search behavior and preferences. Displays 35:176–195. https://doi.org/10.1016/j.displa.2014.05.007

    Article  Google Scholar 

  23. Miller C, Bartlett J (2012) “Digital fluency”: towards young people’s critical use of the internet. J Inf Lit 6:35–55. https://doi.org/10.11645/6.2.1714

    Article  Google Scholar 

  24. Moretti G, Lyons P, Marsland S (2013) Computational production of colour harmony. Part 1: a prototype colour harmonization tool. Color Res Appl 38:203–217. https://doi.org/10.1002/col.20736

    Article  Google Scholar 

  25. Motoki K, Park J, Pathak A, Spence C (2022) The connotative meanings of sound symbolism in brand names: a conceptual framework. J Bus Res 150:365–373. https://doi.org/10.1016/j.jbusres.2022.06.013

    Article  Google Scholar 

  26. Nemcsics A (2009) Experimental determination of the laws of color harmony. Part 4: color preference and the color harmony content. Color Res Appl 34:210–224. https://doi.org/10.1002/col.20489

    Article  Google Scholar 

  27. Ou LC, Luo MR (2006) A colour harmony model for two-colour combinations. Color Res Appl 31:191–204. https://doi.org/10.1002/col.20208

    Article  Google Scholar 

  28. Ou LC, Luo MR, Woodcock A, Wright A (2004) A study of colour emotion and colour preference. Part I: colour emotions for single colours. Color Res Appl 29:232–240. https://doi.org/10.1002/col.20010

    Article  Google Scholar 

  29. Park S, Choi D, Kim J (2004) Critical factors for the aesthetic fidelity of web pages: empirical studies with professional web designers and users. Interact Comput 16:351–376. https://doi.org/10.1016/j.intcom.2003.07.001

    Article  Google Scholar 

  30. Salmerón L, Delgado P, Mason L (2020) Using eye-movement modelling examples to improve critical reading of multiple webpages on a conflicting topic. J Comput Assist Learn 36:1038–1051. https://doi.org/10.1111/jcal.12458

    Article  Google Scholar 

  31. Schloss KB, Palmer SE (2011) Aesthetic response to color combinations: preference, harmony, and similarity. Atten Percept Psychophys 73:551–571. https://doi.org/10.3758/s13414-010-0027-0

    Article  Google Scholar 

  32. Schmidta KE, Liua Y, Sridharanb S (2009) Webpage aesthetics, performance and usability: design variables and their effects. Ergonomics 52:631–643. https://doi.org/10.1080/00140130802558995

    Article  Google Scholar 

  33. Thorlacius L (2007) The role of aesthetics in web design. Nord Rev 28:63–76. https://doi.org/10.1515/nor-2017-0201

    Article  Google Scholar 

  34. Wan H, Ji W, Wu G, Jia X, Xue Z, Yuan M, Wang R (2021) A novel webpage layout aesthetic evaluation model for quantifying webpage layout design. Inf Sci 576:589–608. https://doi.org/10.1016/j.ins.2021.06.071

    Article  MathSciNet  Google Scholar 

  35. Wang C, Zhao S, Kalra A, Borcea C, Chen Y (2018) Predictive models and analysis for webpage depth-level dwell time. J Assoc Inf Sci Technol 69:1007–1022. https://doi.org/10.1002/asi.24025

    Article  Google Scholar 

  36. Wu O, Han M (2018) Screenshot-based color compatibility assessment and transfer for web pages. Multimed Tools Appl 77:6671–6698. https://doi.org/10.1007/s11042-017-4582-4

    Article  Google Scholar 

  37. Xiao X, Ma L (2009) Gradient-preserving color transfer. Comp Graph Forum 28:1879–1886. https://doi.org/10.1111/cgf.13275

    Article  Google Scholar 

  38. Xie XF, Wang M, Zhang RG, Li J, Yu QY (2011) The role of emotions in risk communication. Risk Anal 31:450–465. https://doi.org/10.1111/j.1539-6924.2010.01530.x

    Article  Google Scholar 

  39. Yang CK, Peng LK (2008) Automatic mood-transferring between color images. IEEE Comput Graph Appl 28:52–61. https://doi.org/10.1109/MCG.2008.24

    Article  Google Scholar 

  40. Yang Y, Zhao H, You L et al (2017) Semantic portrait color transfer with internet images. Multimed Tools Appl 76:523–554. https://doi.org/10.1007/s11042-015-3063-x

    Article  Google Scholar 

Download references

Acknowledgements

Sanming University Research Sponsor.

Funding

Supported by Fujian Province Science, Grant Number: FJ2022B112. Sanming University, Research Foundation for Advanced Talent, Grant Number: 21YG02S.

Author information

Authors and Affiliations

  1. Department of Product Design, Sanming University, Sanming, Fujian, China

    Lungwen Kuo

  2. Department of Education, Tzu Chi Academy, Cupertino, CA, USA

    Tsuiyueh Chang

  3. Department of Industrial Design, Tatung University, Taipei, Taiwan

    Chih-Chun Lai

Authors
  1. Lungwen Kuo
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Tsuiyueh Chang
    View author publications

    You can also search for this author in PubMed Google Scholar

  3. Chih-Chun Lai
    View author publications

    You can also search for this author in PubMed Google Scholar

Contributions

Lungwen Kuo: Made substantial contributions to conception and design, or acquisition of data, or analysis and interpretation of data. Tsuiyueh Chang: Participated in drafting the manuscripts or execution and analysis of SPSS statistics. Chih-Chun Lai: Involved in drafting the manuscript or revising it critically for important intellectual content.

Corresponding author

Correspondence to Tsuiyueh Chang.

Ethics declarations

Competing interests

The authors declare that there are no conflicts of interest.

Additional information

Publisher’s note

Springer Nature remains neutral with regard to jurisdictional claims in published maps and institutional affiliations.

Rights and permissions

Springer Nature or its licensor (e.g. a society or other partner) holds exclusive rights to this article under a publishing agreement with the author(s) or other rightsholder(s); author self-archiving of the accepted manuscript version of this article is solely governed by the terms of such publishing agreement and applicable law.

Reprints and permissions

About this article

Check for updates. Verify currency and authenticity via CrossMark

Cite this article

Kuo, L., Chang, T. & Lai, CC. Color aesthetics with regard to product design and multimedia web pages. Multimed Tools Appl 82, 22905–22923 (2023). https://doi.org/10.1007/s11042-023-14580-1

Download citation

  • Received:

  • Revised:

  • Accepted:

  • Published:

  • Issue Date:

  • DOI: https://doi.org/10.1007/s11042-023-14580-1

Keywords

Search

Navigation