Research of Interface Composition Design Optimization Based on Visual Balance

被引:4
|
作者
Zhou, Lei [1 ]
Xue, Cheng-Qi [1 ]
Tomimatsu, Kiyoshi [2 ]
机构
[1] Southeast Univ, Sch Mech Engn, Nanjing, Jiangsu, Peoples R China
[2] Kyushu Univ, Sch Design, Fukuoka, Japan
关键词
Visual balance; Interface composition; Visual moment; Computational aesthetic; SCREEN DESIGN; DYNAMIC SYMMETRY; AESTHETICS; ELEMENTS;
D O I
10.1007/978-3-642-54927-4_46
中图分类号
TP18 [人工智能理论];
学科分类号
081104 ; 0812 ; 0835 ; 1405 ;
摘要
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.
引用
收藏
页码:483 / +
页数:3
相关论文
共 50 条
  • [21] Research on Interactive Experience Design of Peripheral Visual Interface of Autonomous Vehicle
    Li, Zehua
    Li, Xiang
    Zhang, JiHong
    Wu, Zhixin
    Chen, Qianwen
    HUMAN-COMPUTER INTERACTION: DESIGN AND USER EXPERIENCE CASE STUDIES, PT III, 2021, 12764 : 97 - 107
  • [22] The Research on the Impact of Visual Image Perception in a User Interface on Typeface Design
    Cao, Yang
    2021 5TH INTERNATIONAL CONFERENCE ON IMAGING, SIGNAL PROCESSING AND COMMUNICATIONS (ICISPC 2021), 2021, : 40 - 44
  • [23] Research on Visual Design of Smart Phone APP Interface Based on Human- Computer Interaction Behavior
    Su, Shujuan
    INTERNATIONAL JOURNAL OF E-COLLABORATION, 2024, 20 (01)
  • [24] Research of Transmission Optimization Design Based on Collaborative Optimization
    Wu Yong-hai
    Fan Qin-man
    Lu Chang-long
    Xu Cheng
    INTERNATIONAL CONFERENCE ON INTELLIGENT COMPUTATION TECHNOLOGY AND AUTOMATION, VOL 1, PROCEEDINGS, 2008, : 1253 - +
  • [25] Modular Design of Mobile APP Interface Based on the Visual Flow
    Qian Wei Yanli
    Li Chaoyang
    Automatic Control and Computer Sciences, 2019, 53 : 56 - 62
  • [26] Modular Design of Mobile APP Interface Based on the Visual Flow
    Wei Yanli
    Qian Chaoyang
    Li Jun
    AUTOMATIC CONTROL AND COMPUTER SCIENCES, 2019, 53 (01) : 56 - 62
  • [27] Visual Communication Design of Mobile App Interface Based on Digital
    Wang, Shenghua
    INTERNATIONAL JOURNAL OF INFORMATION SYSTEMS AND SUPPLY CHAIN MANAGEMENT, 2024, 17 (01)
  • [28] Visual design of smartphone APP interface based on user experience
    Qi W.
    Xue J.
    Computer-Aided Design and Applications, 2020, 17 (Special Issue 2) : 89 - 99
  • [29] Principle of plane display interface design based on visual search
    School of Biological Science and Medical Engineering, Beijing University of Aeronautics and Astronautics, Beijing
    100191, China
    不详
    100072, China
    Beijing Hangkong Hangtian Daxue Xuebao, 2 (216-221):
  • [30] An Ecological Interface Design Based Visualization of the Energy Balance of Chemical Reactors
    Lindscheid, C.
    Sakthithasan, P.
    Engell, S.
    IFAC PAPERSONLINE, 2019, 51 (34): : 308 - 314