THE USE OF FLAT ILLUSTRATIONS IN WEBSITES AND SMARTPHONES APPLICATIONS’ USER INTERFACE (UI) DESIGN | ||||
Journal of Arts & Architecture Research Studies | ||||
Article 12, Volume 1, Issue 2, December 2020, Page 198-212 PDF (1.08 MB) | ||||
Document Type: Specialized scientific research papers | ||||
DOI: 10.47436/jaarsfa.v1i2.65 | ||||
View on SCiNiTO | ||||
Author | ||||
Hanan El-Sherbiny | ||||
Graphics Department, Faculty of Fine Arts, Helwan University | ||||
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 | ||||
Flat illustrations; Flat design; User interface (UI) | ||||
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:
| ||||
Statistics Article View: 1,159 PDF Download: 853 |
||||