THE USE OF FLAT ILLUSTRATIONS IN WEBSITES AND SMARTPHONES APPLICATIONS’ USER INTERFACE (UI) DESIGN

El-Sherbiny, Hanan

doi:10.47436/jaarsfa.v1i2.65

THE USE OF FLAT ILLUSTRATIONS IN WEBSITES AND SMARTPHONES APPLICATIONS’ USER INTERFACE (UI) DESIGN

Document Type : Specialized scientific research papers

Author

Hanan El-Sherbiny

Graphics Department, Faculty of Fine Arts, Helwan University

10.47436/jaarsfa.v1i2.65

Abstract

Smartphones and computers are the most usable communicative tools in modern times. This urged the need to develop software, webpages and mobile applications that work as a mediator between users and devices. This is in addition to user interfaces (UI) that need to be designed to help users while using these websites and mobile applications. In this paper, the researcher reviews the Flat design style and its use in UI design. Then, it studies Flat illustrations that are added to user interfaces to help users imagine things better, enhance the brand identity of the UI and make texts and interactions easier to understand. The researcher then reviewed samples of Flat illustrations done for universal user interfaces. Finally, a practical study was made to examine the importance of using Flat illustrations in mobile app’s UI. Through which the researcher could reach to the final results and conclusions via analysis of outputs.

Keywords

Main Subjects

Research in the fields of Visual arts (Painting, Murals, Graphics, Animation and Book Art, Sculpture).

References

Curtis, A. (2015). Rhetoric of Flat design and Skeuomorphism in Apple’s iOS graphical user interface. University of Rhode Island. Open Access Master's Theses. Retrieved from: https://doi.org/10.23860/thesis-curtis-ambrose-2015

Dillon, A. (2006). User Interface Design. Encyclopedia of Cognitive Science: John Wiley & Sons. ISBN: 9780470018866. DOI: 10.1002/0470018860.s00054. Retrieved from: https://www.researchgate.net/publication/227998407_User_Interface_Design

El-Sherbiny, H.F. Designing a brand identity through sensory branding. 2020. PHD Dissertation. Faculty of Fine Arts. Helwan University.

Marcus, A. (2002). Dare We Define User-Interface Design?. Interactions. Volume 9, Issue 5. DOI: 10.1145/566981.566992. Retrieved from: https://www.researchgate.net/publication/220382389_Dare_We_Define_User-Interface_Design

Meggs, P. B. (2005). Graphic design, 1945-75: The International Typographic Style. Encyclopaedia Britannica. Retrieved from: https://www.britannica.com/art/graphic-design/Graphic-design-in-the-20th-century

Oliinyk, V. Semenchuk, N. (2020). Swiss avant-garde origins and its explication in contemporary web-design. Ukraine. Demiurge: ideas, technologies, perspectives of design 2020 Vol. 3 No 1. DOI: 10.31866/2617-7951.3.1.2020.207547.

Pratas, A. (2014). Creating flat design websites. Birmingham, UK : Packt Publishing Ltd. Retrieved from: https://books.google.com.eg/books?id=zH9vAwAAQBAJ&printsec=frontcover&dq=Pratas,+A.+(2014).+Creating+flat+design+websites&hl=en&sa=X&ved=2ahUKEwiurf-v6LPrAhXZUhUIHa7qBCkQ6AEwAHoECAAQAg#v=onepage&q=Pratas%2C%20A.%20(2014).%20Creating%20flat%20design%20websites&f=false

Spiliotopoulos, K. Rigou, M. Sirmakessis, S. A Comparative Study of Skeuomorphic and Flat Design from a UX Perspective. Multimodal Technologies and Interact. 2018. DOI:10.3390/mti2020031. Retrieved from: https://www.mdpi.com/2414-4088/2/2/31

Yalanska, M. Functional Art: 10 Big Reasons to Apply Illustrations in UI Design [Blog post]. Retrieved from: https://blog.tubikstudio.com/big-reasons-to-apply-illustrations-in-ui-design/ .

Yalanska, M. Flat Design. History, Benefits and Practice [Blog post]. Retrieved from: https://blog.tubikstudio.com/flat-design-history-benefits-and-practice/ .

Web Resources:
- https://www.interaction-design.org/literature/topics/flat-design
- Buck creative agency. Retrieved from: https://buck.co/work/facebook-alegria
- Multiple owners. Alegria. Retrieved from: https://www.behance.net/gallery/66231245/Alegria