Advertisement

An Approach to Optimal Text Placement on Images

  • Gautam Malu
  • Bipin Indurkhya
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 8019)

Abstract

In deciding where to place a text block on an image, there are two major factors: aesthetic of the design composition, and the visual attention that the text block naturally attracts. We propose a computational model to address this problem based on the principles of visual balance and the diagonal method of placing emphasis. A between-subject study with seven participants was conducted to validate our model with subjective ratings. Eight color photographs were used to generate a set of text-overlaid images as the stimuli. Participants rated the stimuli for aesthetic appeal on a seven-point likert scale. Results show that the participants preferred text-overlaid images generated by our method of text placement over random text placement.

Keywords

Computational aesthetics Interface design Visual Balance Diagonal Method 

Preview

Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

References

  1. 1.
    Ngo, D.C.L., Teo, L.S., Byne, J.: A mathematical theory of interface aesthetics. Visual Mathematics 2 (2000)Google Scholar
  2. 2.
    Lok, S., Feiner, S., Ngai, G.: Evaluation of visual balance for automated layout (2004)Google Scholar
  3. 3.
    Sandhaus, P., Rabbath, M., Boll, S.: Employing aesthetic principles for automatic photo book layout. In: Lee, K.-T., Tsai, W.-H., Liao, H.-Y.M., Chen, T., Hsieh, J.-W., Tseng, C.-C. (eds.) MMM 2011, Part I. LNCS, vol. 6523, pp. 84–95. Springer, Heidelberg (2011)CrossRefGoogle Scholar
  4. 4.
    Lai, C.Y., Chen, P.H., Shih, S.W., Liu, Y., Hong, J.S.: Computational models and experimental investigations of effects of balance and symmetry on the aesthetics of text-overlaid images. International Journal of Human-Computer Studies 68(1), 41–56 (2010)CrossRefGoogle Scholar
  5. 5.
    Locher, P.J., Jan Stappers, P., Overbeeke, K.: The role of balance as an organizing design principle underlying adults’ compositional strategies for creating visual displays. Acta Psychologica 99(2), 141–161 (1998)CrossRefGoogle Scholar
  6. 6.
    Locher, P., Cornelis, E., Wagemans, J., Stappers, P.: Artists’ use of compositional balance for creating visual displays. Empirical Studies of the Arts 19(2), 213–228 (2001)CrossRefGoogle Scholar
  7. 7.
    Arnheim, R.: Art and visual perception: A psychology of the creative eye. Univ of California Press (1954)Google Scholar
  8. 8.
    Liu, L., Chen, R., Wolf, L., Cohen-Or, D.: Optimizing photo composition. Computer Graphics Forum 29, 469–478 (2010)CrossRefGoogle Scholar
  9. 9.
    Westhoff, E.: Westhoff’s diagonal methodGoogle Scholar
  10. 10.
    Otsu, N.: A threshold selection method from gray-level histograms. Automatica 11(285-296), 23–27 (1975)Google Scholar
  11. 11.
    Cerf, M., Harel, J., Einhäuser, W., Koch, C.: Predicting human gaze using low-level saliency combined with face detection. Advances in Neural Information Processing Systems 20 (2008)Google Scholar
  12. 12.
    Viola, P., Jones, M.J.: Robust real-time face detection. International Journal of Computer Vision 57(2), 137–154 (2004)CrossRefGoogle Scholar
  13. 13.
    Itti, L., Koch, C., Niebur, E.: A model of saliency-based visual attention for rapid scene analysis. IEEE Transactions on Pattern Analysis and Machine Intelligence 20(11), 1254–1259 (1998)CrossRefGoogle Scholar
  14. 14.
    Cohen-Or, D., Sorkine, O., Gal, R., Leyvand, T., Xu, Y.Q.: Color harmonization. ACM Transactions on Graphics (TOG) 25, 624–630 (2006)CrossRefGoogle Scholar
  15. 15.
    Valdez, P., Mehrabian, A.: Effects of color on emotions. Journal of Experimental Psychology: General 123(4), 394 (1994)CrossRefGoogle Scholar
  16. 16.
    Kaya, N., Epps, H.H.: Relationship between color and emotion: a study of college students. College Student Journal 38, 396–405 (2004)Google Scholar

Copyright information

© Springer-Verlag Berlin Heidelberg 2013

Authors and Affiliations

  • Gautam Malu
    • 1
  • Bipin Indurkhya
    • 1
  1. 1.International Institute of Information TechnologyHyderabadIndia

Personalised recommendations