Research of Interface Composition Design Optimization Based on Visual Balance
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 p
- PDF / 358,234 Bytes
- 11 Pages / 439.37 x 666.142 pts Page_size
- 8 Downloads / 190 Views
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. Keywords Visual balance tational aesthetic
Interface composition Visual moment Compu-
1 Introduction In a sense, how all types of designers, marketers, and developers work is often intuitively based on their own experiences. Although they had been given many kinds of design principles from aesthetic and usability, it’s still difficult to apply L. Zhou C.-Q. Xue (&) School of Mechanical Engineering, Southeast University, Nanjing, China e-mail: [email protected] L. Zhou e-mail: [email protected] K. Tomimatsu School of Design, Kyushu University, Fukuoka, Japan e-mail: [email protected]
Z. Wen and T. Li (eds.), Practical Applications of Intelligent Systems, Advances in Intelligent Systems and Computing 279, DOI: 10.1007/978-3-642-54927-4_46, Springer-Verlag Berlin Heidelberg 2014
483
484
L. Zhou et al.
these principles into practical work, just like there’s no exact framework or system that tells them how to align items or what size to pick according to the principles; they should still just listen to their own feelings to make those decisions. Balance has been identified as one of the major user-interface factors influence perceived visual aesthetics, as well as some homoionyms equilibrium, symmetry, proportion, contrast and so on [1–5]. Gestalt theory thought that when people were looking at something, they could not stop themselves from exploring a stable and balanced state [6–8]. Normally, the design patterns with higher balance can make the user’s visual experience more smooth and comfortable. In this paper, we first give a brief review of balance metric in computational aesthetic field. Then propose a visual balance metric for interface composition quantitative calculation, and verify its reliability and stability through repeated orthogonal experiments. Finally, propose design optimization methods according to visual balance metric. This study means to realize the transition from aesthetic principle to concrete practices, which can improve the long-term problems of design subjectivity and effectively facilitate designers’ mental process.
2 Related Researches Visual balance is an abst
Data Loading...
