Abstract
In this paper, a metric for visual balance computation is presented, and some optimization models for interface composition design are constructed. The interface composition is exhibited through the minimum bounding rectangle of the elements, four basic parameters of the element—x, y coordinates of the starting point, width and height are used for describing the element positioning. Visual moment is used to represent the product of element size and centrifugal distance, and calculate the balance extent of the opposite sides off the centerline. Three optimization models are constructed towards practical design problems such as layout adjustment, attribute selection and scheme optimization. The case study results show that, the quantitative method is effective in user-interface design process, and provides a theoretical basis for designers’ subjective assessment and future computer-aided design.
This is a preview of subscription content, log in via an institution to check access.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
References
Arnheim R (1974) Art and visual perception. University of California Press, Berkeley
Birkhoff G (1933) Aesthetic measure. Harvard University Press, Cambridge
Gombrich E, Gombrich L (1984) Bild und Auge: neue Studien zur Psychologie der bildichen Darstellung. Klett-Cotta, Stuttgart
Tinio P, Leder H (2009) Just how stable are stable aesthetic features? symmetry, complexity, and the jaws of massive familiarization. Acta Psychol 130(3):241–250
Moshagen M, Thielsch MT (2010) Facets of visual aesthetics. Int J Hum Comput Interact 68:689–709
UA: Balancing Gestalt Characters. http://www.dandwiki.com/wiki/UA:Balancing_Gestalt_Characters
Lehman ML Gestalt principles in architecture: achieving design balance. http://sensingarchitecture.com/867/gestalt-principles-in-architecture-achieving-design-balance/
Evans C, eHow Contributor. How to identify the values and standards exemplified by Greek art and architecture. http://www.ehow.com/how_6787844_identify-exemplified-greek-art-architecture.html
Jacobsen T, Schubotz R, Hofel L, Cramon D (2006) Brain correlates of aesthetic judgment of beauty. Neuroimage 29(1):276–285
Ngo DCL (2001) Measuring the aesthetic elements of screen designs. Displays 22(3):73–78
Ngo DCL, Teo LS, Byrne JG (2003) Modelling interface aesthetics. Inf Sci 152:25–46
Ngo DCL, Ch’ng E (2005) Screen design with dynamic symmetry: a discovery. Comput Hum Behav 21(2):307–322
Ngo DCL, Ch’ng E (2001) Screen design: composing with dynamic symmetry. Displays 22(4):115–124
Ch’ng E, Ngo DCL (2003) Screen design: a dynamic symmetry grid based approach. Displays 24(3):125–135
Fu F-L, Su C-H (2009) Formalizing design guidelines of legibility on web pages. Hum Interface, LNCS 5618:17–25
Sears A (1993) Layout appropriateness: a metric for evaluating user interface widget layout. IEEE Trans Softw Eng 19(7):707–719
Purchase HC (2002) Metrics for graph drawing aesthetics. J Vis Lang Comput 13:501–516
Lai C-Y, Chen P-H, Shih S-W, Liu Y, Hong J-S (2010) Computational models and experimental investigations of effects of balance and symmetry on the aesthetics of text-overlaid image. Int J Hum Comput Stud 68(1–2):41–56
Bauerly M, Liu Y (2006) Computational modelling and experimental investigation of effects of compositional elements on interface and design aesthetics. Int J Hum Comput Stud 64(8):670–682
McManus IC, Stover K, Kim D (2011) Arnheim’s Gestalt theory of visual balance: examining the compositional structure of art photographs and abstract images. i-Perception 2:615–647
Jin Y, Wu Q, Liu L (2012) Aesthetic photo composition by optimal crop-and-warp. Comput Graph 36(8):955–965
Acknowledgements
This study is supported by the National Natural Science Foundation, China (No.71071032, 71271053), the Humanities and Social Science Foundation of Ministry of Education, China (No.12YJAZH134), and the Fundamental Research Funds of Southeast University, China (No. CXLX11_0098).
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2014 Springer-Verlag Berlin Heidelberg
About this paper
Cite this paper
Zhou, L., Xue, CQ., Tomimatsu, K. (2014). Research of Interface Composition Design Optimization Based on Visual Balance. In: Wen, Z., Li, T. (eds) Practical Applications of Intelligent Systems. Advances in Intelligent Systems and Computing, vol 279. Springer, Berlin, Heidelberg. https://doi.org/10.1007/978-3-642-54927-4_46
Download citation
DOI: https://doi.org/10.1007/978-3-642-54927-4_46
Published:
Publisher Name: Springer, Berlin, Heidelberg
Print ISBN: 978-3-642-54926-7
Online ISBN: 978-3-642-54927-4
eBook Packages: EngineeringEngineering (R0)