Using neural network tools to accelerate the development of Web interfaces

Authors

  • Dmytro Petryna Ivano-Frankivsk National Technical University of Oil and Gas
  • Volodymyr Kornuta Ivano-Frankivsk National Technical University of Oil and Gas
  • Olena Kornuta Ivano-Frankivsk National Technical University of Oil and Gas

DOI:

https://doi.org/10.31649/1999-9941-2024-60-2-42-50

Keywords:

neural network, web interface, UI/UX design, Chat GPT, Midjourney

Abstract

Abstract. The article is devoted to considering modern neural network tools that allow for speeding up the development of web interfaces and simplifying the work of UI/UX designers. One of the main problems of modern design is quick access to general information and possible structuring of a site with specialized content, as well as obtaining its visual content. Currently, neural networks cannot replace designers, but to a large extent help them solve tasks. All neural networks that can be used in the design of web interfaces can be divided into four main types: convolutional, recurrent, forward propagation, and generative adversarial networks. In his work, the designer can mainly use generative networks, they can be classified according to the principle of "information at the input - information at the output". When working on a project, the designer can create a request to the neural network and get several options, generate different ideas, and create mood boards based on them, selecting colors, gradients, texture, typography, etc. The neural network can create various graphic elements: icons, buttons, illustrations, and photos with the right perspective, style, and colors. Using neural networks to improve images and refine or remove necessary elements is also promising. The process of speeding up the creation of the landing page interface using the Midjourney application is considered. Examples of writing prompts (prompts) that will affect the final quality of the generated image are given. The results are high-quality visual content that can either be placed in a project or used as an idea, element placement, composition, color scheme, photos, icons, etc. After creating the graphic design elements using Chat GPT 3.5, the landing page's content was created. You can use the FIG GPT plugin directly in the Figma environment to quickly generate the required content. Existing shortcomings and generation inaccuracies that arise in the work can be corrected by quickly updating and creating new versions of neural networks.

Author Biographies

Dmytro Petryna, Ivano-Frankivsk National Technical University of Oil and Gas

Doctor of Technical Sciences, Professor,
Professor of the Department of Technical Mechanics, Engineering and Computer Graphics

Volodymyr Kornuta, Ivano-Frankivsk National Technical University of Oil and Gas

Candidate of Technical Sciences, Associate Professor,
Associate Professor of the software engineering department

Olena Kornuta, Ivano-Frankivsk National Technical University of Oil and Gas

Candidate of Technical Sciences, Associate Professor,
Associate Professor of the Department of Technical Mechanics, Engineering and Computer Graphic

References

Bozhko, T., & Arefiev, V. (2023). Neural Networks as a Graphic Design Tool. Bulletin of KNUKiM. Series in Arts, (48), 125–135. https://doi.org/10.31866/2410-1176.48.2023.282475 .

Chen, G., Xie, P., Dong, J., & Wang, T. (2019). Understanding Programmatic Creative: The Role of AI. Journal of Advertising, 48(4), https://doi.org/10.1080/00913367.2019.1654421.

Farhana Hoque (2024). Does Artificial Intelligence have the Possibility of Taking Over Designers’ Jobs in the Future? International Journal of Science and Business, 31(1), https://doi.org/10.58970/IJSB.2273.

Irbite, A., & Strode, A. (2021). Artificial intelligence vs designer: the impact of artificial intelligence on design practice. society. integration. education. In Proceedings of the International Scientific Conference, 4, (p.539-549). https://doi.org/10.17770/sie2021vol4.6310

Maltsev, A. (2022). Analysis of modern achievements in the field of artificial neural networks, machine learning and computational intelligence. Information Technology and Society, 2 (4), https://doi.org/10.32689/maup.it.2022.2.9.

Mustafa, Bahaa (2023). The Impact of Artificial Intelligence on the Graphic Design Industry. Arts and Design Studies. 104 https://doi.org/10.7176/ADS/104-01 .

Shunan Guo, Zhuochen Jin, Fuling Sun, Jingwen Li, Zhaorui Li, Yang Shi, and Nan Cao. 2021. Vinci: An Intelligent Graphic Design System for Generating Advertising Posters. In Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems (CHI '21). Association for Computing Machinery, New York, USA, Article 577, (p. 1–17). https://doi.org/10.1145/3411764.3445117.

Sim Aaron, (2023). Retrieved from https://x.com/aaronsiim/status/1595544909540458496

Singh, K.D., Duo, Y.X. (2023). Future Design: An Analysis of the Impact of AI on Designers’ Workflow and Skill Sets. In: Vasant, P., et al. Intelligent Computing and Optimization. ICO 2023. Lecture Notes in Networks and Systems, vol 852. Springer, Cham. https://doi.org/10.1007/978-3-031-50330-6_23

Slityuk O., Struminska T., & Hlinska A. (2023). Application of neural networks to provide artistic expression in the filling of websites, In V International Scientific Conference «Topical issues of modern design», Kyiv, KNUTD, 27.04.2023 (р.379-382).

Tomić, Ivana & Jurič, Ivana & Dedijer, Sandra & Adamovic, Savka (2023). Artificial Intelligence in Graphic Design, In 54th Annual Scientific Conference of the International Circle of Educational Institutes of Graphic-Media Technology and Management, 2023. https://www.researchgate.net/publication/375423443_Artificial_Intelligence_in_Graphic_Design.

Verganti, R., Vendraminelli, L. and Iansiti, M. (2020). Innovation and Design in the Age of Artificial Intelligence. Journal of Product Innovation Managemen, 37. https://doi.org/10.1111/jpim.12523 .

Ying Du, Tianyu Li, Chang Gao (2023). Why do designers in various fields have different attitude and behavioral intention towards AI painting tools? an extended UTAUT model, Procedia Computer Science, Volume 221, https://doi.org/10.1016/j.procs.2023.08.010 .

Zhu J., A. Liapis, S. Risi, R. Bidarra and G. M. Youngblood, Explainable AI for Designers: A Human-Centered Perspective on Mixed-Initiative Co-Creation (2018), in 2018 IEEE Conference on Computational Intelligence and Games (CIG), Maastricht, Netherlands. 2018, (pp. 1-8). https://doi.org/10.1109/CIG.2018.8490433 .

Downloads

Abstract views: 20

Published

2024-10-10

How to Cite

[1]
D. Petryna, V. Kornuta, and O. Kornuta, “Using neural network tools to accelerate the development of Web interfaces”, ІТКІ, vol. 60, no. 2, pp. 42–50, Oct. 2024.

Issue

Section

Information technology and coding theory

Metrics

Downloads

Download data is not yet available.