Application of Artificial Intelligence in Web Page Design Generation

Abstract

Razvoj umjetne inteligencije (AI) donosi značajne promjene u području web dizajna. AI omogućuje automatizirano generiranje funkcionalnog koda, ali upitna je mogućnost generiranja vizualno privlačnih sučelja. AI alati sve češće preuzimaju ulogu dizajnera, donose odluke o tipografiji, bojama, rasporedu elemenata i vizualnoj hijerarhiji. Ovo otvara pitanje u kojoj mjeri AI može generirati inovativne i estetski usklađene web stranice te koliko uspješno poštuje temeljne principe dizajna korisničkog sučelja. Cilj ovog rada je ispitati sposobnost komercijalnih AI modela u generiranju koda za privlačno web sučelje koje prati osnovna pravila dizajna. Provedeno testiranje uključuje evaluaciju dizajnerskih odluka koje AI donosi te usporedbu s uobičajenim principima web dizajna. Istraživački dio rada sastoji se od analize pet AI generiranih dizajna prema kriterijima vizualne hijerarhije, dosljednosti, tipografiji i čitljivosti, bojama te inovativnosti i estetici. Dobiveni rezultati pružaju uvid u prednosti i ograničenja AI modela u web dizajnu te mogućnosti njihove primjene u stvarnim projektima.The development of artificial intelligence (AI) is bringing significant changes to the field of web design. AI enables the automated generation of functional code, but its ability to create visually appealing interfaces remains questionable. AI tools are increasingly taking on the role of designers, making decisions about typography, colors, element layout, and visual hierarchy. This raises the question of to what extent AI can generate innovative and aesthetically coherent websites while successfully adhering to fundamental user interface design principles. The aim of this paper is to examine the capability of commercial AI models in generating code for visually appealing web interfaces that follow basic design principles. The conducted testing includes an evaluation of the design decisions made by AI and a comparison with conventional web design principles. The practical part of the study consists of an analysis of five AI-generated designs based on criteria such as visual hierarchy, consistency, typography and readability, colors and innovativeness. The obtained results provide insight into the advantages and limitations of AI models in web design, as well as their potential applications in real-world projects