Abstract:The layout design of the human-machine interface is to make it an effective information input and output medium through a reasonable layout of the interface elements. The quality of its design not only affects the user's visual sense but also affects the work performance of the human-machine interface system. Although the main factors that affect interface design are user tasks and user capabilities, with the development of the times, users' aesthetics and needs are also advancing with the times, and designers should not be limited to considering the realization of functions. Nowadays, under the background of similar functions, how to stand out from many products in the human-machine interface, product aesthetics has become an increasingly important factor. At present, there is no clear standard to guide interface design, nor can it be applied to actual interface design.In the exploration of the beauty standard, Ngo et al. proposed a bottom-up method to objectively measure the beauty of the interface, combining the characteristic elements of the interface design with the user's perception of visual beauty. The evaluation model consists of 13 measurement features. Ngo also verified the impact of these features on the aesthetics of the interface and obtained the most influential evaluation index of the aesthetics of the interface. However, the number of features is too large and it is not easy to calculate. At the same time, for interfaces with different functional properties, the relative importance of aesthetic indicators is not consistent, which may affect the objectivity of the calculation results of interface aesthetics.This research is based on Ngo's beauty calculation theory. After screening, we select 4 representative beauty indicators: balance, symmetry, integrity, and simplicity, and quantify them separately, and introduce the analytic hierarchy process to calculate each indicator. Finally, a comprehensive beauty calculation formula method for the layout of interface elements is proposed. Taking Luban banner design as an example, this research verifies the objectivity and accuracy of this method for measuring the beauty level of the layout of interface elements and can reflect the influence of a single evaluation index on the comprehensive beauty, which is helpful to guide designers to design and improve the interfaceIn this study, four indicators and formulas for beauty evaluation were selected to verify the effectiveness and reliability of the method. However, there are still shortcomings in this research. The emotional impact of interface elements, the personal preferences of subjective reviewers, and interface colors are not taken into consideration. In-depth research will be carried out in the future.

Effects Of Symmetry And Number Of Compositional Elements On Chinese Users' Aesthetic Ratings Of Interfaces: Experimental And Modeling Investigations

Aesthetic Judgment of Architecture for Chinese Observers.

Computational Aesthetic Evaluation of Logos.

Developing and Testing a Theoretical Path Model of Web Page Impression Formation and Its Consequence.

Computational Aesthetics of APP Icons

Investigating the Relationship between Balanced Composition and Aesthetic Judgment through Computational Aesthetics and Neuroaesthetic Approaches

The Impression of Round and Square: Chinese Calligraphy Aesthetics in Modern Type Design

Utilizing Multiple Regression Analysis and Entropy Method for Automated Aesthetic Evaluation of Interface Layouts

Aesthetic Evaluation of Computer Icons: Visual Pattern Differences Between Art-Trained and Lay Raters of Icons

Layout Evaluation of Luban Banner Interface Elements Based on Aesthetic Calculation

Neuroaesthetic Indicators from the Perspective of Two-Stage Process Theory: N2 and LPP can Predict Aesthetic Judgment of Human–Computer Interfaces

The visual aesthetics measurement on interface design education

Modeling how different user groups perceive webpage aesthetics

Effect of Color Combination on Graphical Symbol Visual Search Efficiency

Probing a Self-Developed Aesthetics Measurement Application (SDA) in Measuring Aesthetics of Mandarin Learning Web Page Interfaces

The effects of web site aesthetics and shopping task on consumer online purchasing behavior.

Does Aesthetics of Web Page Interface Matters to Mandarin Learning?

Cognitive Basis For The Development Of Aesthetic Preference: Findings From Symmetry Preference

A novel webpage layout aesthetic evaluation model for quantifying webpage layout design

Color aesthetics with regard to product design and multimedia web pages

Skeuomorphic or flat? The effects of icon style on visual search and recognition performance