COMPOSITIONAL FEATURES OF VISUAL ELEMENTS IN THE DESIGN OF MUSEUM APPLICATION INTERFACES IN CHINA

Authors

DOI:

https://doi.org/10.32782/2415-8151.2025.37.51

Keywords:

interface design, visual communication design, museum application, compositional features, typography, colour, icon design, aesthetic features, user experience, interactive elements, China

Abstract

Purpose. The aim of the study is to identify the compositional features of the visual organisation of museum application interface elements in China. The identification of their aesthetic characteristics will provide a theoretical basis for future interface optimization. Methodology. This study employs systematic analysis, artistic analysis, and compositional analysis to conduct a multidimensional analysis of interface design. Systematic analysis focuses on the structural and functional relationships between various visual elements; artistic analysis explores the role of images, fonts, and colours in visual expression; and compositional analysis focuses on the impact of layout, visual hierarchy, and dynamic effects on user perception and interface experience. Results. This study systematically analyses the visual elements and compositional characteristics of the interface design of museum applications in China. The study finds that most interface designs integrate aesthetics, functionality, emotionality, and traditional Chinese cultural connotations into a compositional paradigm that conveys cultural arts and national aesthetics to users. This study focuses on four core visual elements: layout (emphasizes clear information hierarchy and spatial order); font design (highlights traditional art and readability); colour coordination (reflects traditional colours and modern vitality; icon design (prioritizes functional orientation and cultural symbol expression). Additionally, the integration of visual elements with animation effects enhances the interface’s interactivity and engagement, creating a dynamic visual experience that combines visual appeal with cultural immersion. The overall design embodies modularity, adaptability, and immersion, establishing a path for the deep integration of traditional cultural aesthetics with contemporary design expression. Scientific novelty. This study is the first to adopt a compositional analysis perspective, systematically integrating visual elements and aesthetic characteristics in interface design to explore their role in enhancing visual communication and cultural expression. Practice has proven that visual elements not only convey national culture and regional characteristics but also serve as important vehicles for cultural narrative and emotional resonance. Creating interface designs that combine cultural significance, aesthetic appeal, and interactivity can optimize user experience, enhance the overall brand image of museums, strengthen users’ cultural identity and national pride, and drive the future development of museum interface designs. Practical relevance. This study provides innovative ideas for optimizing the visual aesthetics of interface design. Designers and scholars can utilize the results of this research to develop more reasonable design strategies to adapt to changing user needs and technological developments, and to enhance the user experience and cultural communication effects of museum applications.

References

Artuk L. Analysis of the icons used in graphical interface of mobile applications. Journal of Management Marketing and Logistics. 2020. Vol. 7(1). P. 18–27. DOI: https://doi.org/10.17261/Pressacademia.2020.1194

Chen D. Non-linear Language Research on Font Art Design. The 6th Intern-ational Conference on Arts, Design and Contemporary Education (ICADCE 2020). January, 2021. P. 693–698. Atlantis Press. DOI: https://doi.org/10.2991/assehr.k.210106.133

Kefi H., Besson E., Zhao Y., Farran S. Toward museum transformation: From mediation to social mediation and fostering omni-visit experience. Information & Management. 2024. Vol. 61(1). P. 103890. DOI: https://doi.org/10.1016/j.im.2023.103890

Li Y., Xu Y. Research on UI visual interface design of local museum under digital background. Frontiers in Art Research. 2023. Vol. 5 (8). P. 86–92. DOI: https://doi.org/10.25236/FAR.2023.050816

Manresa-Yee C., Ponsa P., Varona J., Perales F. J. User experience to improve the usability of a vision-based interface. Interacting with Computers. 2010. Vol. 22, Issue 6. P. 594–605. DOI: https://doi.org/10.1016/j.intcom.2010.06.004

Montazemi A. R. The impact of experience on the design of user interface. International journal of manmachine studies. 1991. Vol. 34(5). P. 731–749. DOI: https://doi.org/10.1016/0020-7373(91)90022-Y

Nadia Z., Pasaribu Y. M., Djati I. D. Expectations and Ideal VRUI from User’s Perspective, Case Studies: VR Interface in ITB Electric Car’s (Molina) Virtual Exhibition. Journal of Computers. 2018. Vol. 13(6). P. 721–732. DOI: https://doi.org/10.17706/jcp.13.6 721-732

Neumeier J. Legibility in typeface design for screen interfaces. Master’s Thesis Aalto University School of Arts, Design and Architecture New Media – New Media Design and Production. 2017. URL: https://underscoretype.com/static/files/neumeier-johanneslegibility-in-typeface-design-for-screen-interfaces.pdf (access date: 12.07.2025).

O’Donovan P., Agarwala A., Hertzmann A. Designscape: Design with interactive layout suggestions. Proceedings of the 33rd annual ACM conference on human factors in computing systems. April, 2015. P. 1221–1224. DOI: https://doi.org/10.1145/2702123.2702149

Ruf A., Zahn C., Agotai D., Iten G., Opwis K. Aesthetic design of app interfaces and their impact on secondary students’ interest and learning. Computers and Education Open. 2022. Vol. 3. P. 100075. DOI: https://doi.org/10.1016/j.caeo.2022.100075

Sherkat M., Miller T., Mendoza A., Burrows R. Emotionalism Within People-Oriented Software Design. Frontiers in Computer Science. 2021. Vol. 3. P. 717787. DOI: https://doi.org/10.3389/fcomp.2021.717787

Yan R. Icon design study in computer interface. Procedia Engineering. 2011. Vol. 15. P. 3134–3138. DOI: https://doi.org/10.1016/j.proeng.2011.08.588

Yan R. The Research of Human-Computer Interface Design based on Vision Communication. Procedia Engineering. 2011. Vol. 15. P. 3114–3118. DOI: https://doi.org/10.1016/j.proeng.2011.08.584

Yang C., Yuan B., Wu K., Ye J. Aesthetic evaluation method for interactive interface layouts on the basis of visual cognitive multi-attribute fusion decision making. International Journal of Industrial Ergonomics. 2025. Vol. 105. P. 103673. DOI: https://doi.org/10.1016/j.ergon.2024.103673

Zhang M., Hou G., Chen Y.-C. Effects of interface layout design on mobile learning efficiency: a comparison of interface layouts for mobile learning platform. Library Hi Tech. 2023. Vol. 41 (5). P. 1420–1435. DOI: https://doi.org/10.1108/LHT-12-2021-0431

Zong S., Wang Y., Zong S. White space design and its application for website interface. 9th International Conference on Computer – Aided Industrial Design and Conceptual Design. November, 2008. P. 928–932. DOI: https://doi.org/10.1109/CAIDCD.2008.4730713

Li J.李娇.移动界面美学研究.美术教育研究 [Research on Mobile Interface Aesthetics]. 2017. Vol. 16. P. 78. URL: https://kns-cnki-net-443.webvpn.sust.edu.cn/kcms2/article/abstract?v=_dzes7vZToNtEE1gg9R-YwtD-g2TNCl1vX93kV5jX2tJO5mSg7hCqXaK5DV-WKvPj4upuldvWK5gUkJdTyJBRIBv0yor3Yhvp9Mv4c_ekLoX7RbFOTR97x111ySNXkhumc8-fD_7Esh9JnxRhy6WbV7_qjgt9FNF54znNScjmmSArLwQGyFd4kds8yqJ45gaF6aeUcqS-xA=&uniplatform=NZKPT (access date: 12.07.2025).

Li M. 李敏. 视觉元素在界面设计中的传达与应用分析. 大众文艺 [Analysis of the Communication and Application of Visual Elements in Interface Design]. 2019. Vol. 11. P. 103-104. DOI: https://doi.org/10.20112/j.cnki.issn1007-5828.2019.11.128

Sun H., Ke Q., Yu H., Cao Y. 孙浩东,柯青,庾海媛& 曹韵秋. 美感与情感:美学视角下的个体交互感知机制研究.现代情报 [Aesthetics and Emotion: A Study of Individual Interactive Perception Mechanisms from an Aesthetic Perspective]. 2024. Vol. 44(01). P. 57–70. URL: https://link-cnki-net-s.webvpn.sust.edu.cn/urlid/22.1182.G3.20231011.0919.012 (access date: 12.07.2025).

Sun X., Chang N. 孙晓宇 & 常能. 手机UI界面设计中视觉艺术元素的构成.中国民族博览 [The Composition of Visual Art Elements in Mobile Phone UI Interface Design]. 2019. Vol. 04. P. 171–172. URL: https://kns-cnki-net-443.webvpn.sust.edu.cn/kcms2/article/abstract?v=_dzes7vZToN0c_2H2PvWDmI6FqWb_fZfdT9RVyHREjmK7ynqpR2WDerTn_Y-ZZi22w22mXrQSQg9fN0AyRQ4IAMCqpqzI8HQgtOSmuQnQxLmOy8fXikMvXb77mOO9WgqUaHAdRwtbiDF7hfS8MNkKa17VE4WW0Hx2o_865_wdahdSecsieHvfA==&uniplatform=NZKPT&language=CHS (access date: 12.07.2025).

Downloads

Published

2025-10-30

How to Cite

Boya, Y., & Skliarenko, N. V. (2025). COMPOSITIONAL FEATURES OF VISUAL ELEMENTS IN THE DESIGN OF MUSEUM APPLICATION INTERFACES IN CHINA. Theory and Practice of Design, (37), 497–505. https://doi.org/10.32782/2415-8151.2025.37.51

Issue

Section

CULTURE AND ART