Skip to main content
SpringerLink
Log in

Color Matching Method for Foreground Based on Complex Background Image Processing: Example of Mobile Phone Interface

  • Conference paper
  • First Online:
Advances in Usability, User Experience, Wearable and Assistive Technology (AHFE 2021)

Part of the book series: Lecture Notes in Networks and Systems ((LNNS,volume 275))

Included in the following conference series:

  • 4159 Accesses

Abstract

Given that the color matching is only for solid colors, a color matching method is proposed when the complex background image and simple graphics filled with solid colors are superimposed. In this essay, the method is focused on the mobile phone interface. First, this essay extracts the color of the background image by extracting the weight mean, the simple arithmetic mean and the dominant hue. Then the three resulting colors replace the original colors of software icons. The visual comfort was evaluated through the experiments. The results suggest that the weight mean and the simple arithmetic mean of colors are both more visually comfortable. Besides, the two matching methods were tested for the recognition efficiency. The results show that the recognition efficiency of the simple arithmetic mean is significantly higher than the weight mean. For the application scenario of the mobile phone interface, the icon takes the simple arithmetic mean of the colors of background image to achieve the best visual comfort and the highest recognition efficiency.

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

Access this chapter

Log in via an institution
Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 229.00
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 299.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Similar content being viewed by others

References

  1. Duan, S.: Color Psychology and Art Design. Southeast University (2006). (in Chinese)

    Google Scholar 

  2. Cohen-Or, D., Sorkine, O., Gal, R., Leyvand, T., Xu, Y.Q.: Color Harmonization. In: ACM SIGGRAPH 2006 Papers, New York, pp. 624–630 (2006)

    Google Scholar 

  3. Healey, C., Enns, J.: Attention and visual memory in visualization and computer graphics. IEEE Trans. Vis. Comput. Graph. 18(7), 1170–1188 (2012)

    Article  Google Scholar 

  4. Deng, Y.Y.: Application of Flat Style in Web Interface Design. Harbin Normal University (2019). (in Chinese)

    Google Scholar 

  5. Tao, H.: Research on Visual Comfort of Color Design in Digital Interface. Southwest University of Science and Technology (2019). (in Chinese)

    Google Scholar 

  6. Morse, B.S., Thornton, D., Xia, Q., Uibel, J.: Image-based color schemes. In: 2007 IEEE International Conference on Image Processing, pp. 497–500. IEEE Press (2007)

    Google Scholar 

Download references

Acknowledgments

This work was supported by the fund of the state Key Laboratory of Solidification Processing in NPU (Grant No. SKLSP201901).

Author information

Authors and Affiliations

  1. School of Mechanical Engineering, Southeast University, Southeast University Road No.2, Jiangning District, Nanjing, China

    Lanjing Li & Dongke Sun

Authors
  1. Lanjing Li
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Dongke Sun
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to Dongke Sun .

Editor information

Editors and Affiliations

  1. Institute for Advanced Systems Engineering, University of Central Florida, Orlando, FL, USA

    Tareq Z. Ahram

  2. Doctorate Researcher in Design, Recife-PE, Brazil

    Christianne S. Falcão

Appendices

Appendix 1

figure c

Appendix 2

figure d

Appendix 3

figure e

Rights and permissions

Reprints and permissions

Copyright information

© 2021 The Author(s), under exclusive license to Springer Nature Switzerland AG

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Li, L., Sun, D. (2021). Color Matching Method for Foreground Based on Complex Background Image Processing: Example of Mobile Phone Interface. In: Ahram, T.Z., Falcão, C.S. (eds) Advances in Usability, User Experience, Wearable and Assistive Technology. AHFE 2021. Lecture Notes in Networks and Systems, vol 275. Springer, Cham. https://doi.org/10.1007/978-3-030-80091-8_109

Download citation

  • DOI: https://doi.org/10.1007/978-3-030-80091-8_109

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-030-80090-1

  • Online ISBN: 978-3-030-80091-8

  • eBook Packages: EngineeringEngineering (R0)

Publish with us

Policies and ethics

Search

Navigation