• Journal of Digital Convergence
• /
• v.18 no.5
• /
• pp.417-423
• /
• 2020

The purpose of this study is to study the elements that make up the interface design of the applicatio, focusing on Android's Google Material Design Guidelines. and propose a way to produce the UI design guide by categorizing it according to form and combination methods. The components provided by the Materials Design Guidelines were disassembled form and attributes, types, and the characteristics. The components of UI design include surfaces, letters, icons, and media, which enable the creation of UI style guides, and the components for the purpose of exploring and communicating information, with different components and rules of use used for the purpose. Based on these results, I would like to propose design criteria for the interface of mobile applications and how to utilize it effectively.

• The Journal of the Korea Contents Association
• /
• v.19 no.10
• /
• pp.353-363
• /
• 2019

This study is for the use of color recommendation system for the color combination of mobile application. For this study, color combination methods of a material design color system that recommends harmonized colors automatically and of a mobile web application were applied to a mobile application design and a color combination experiment was carried out. Then for a survey on the experiment using the two methods, color combinations, selected colors and satisfaction with outputs were investigated on a 7-point Likert scale. And color combination characteristics of outputs were compared. It was found that the material design color palette made it easy to select colors by systematizing the regular coloring stages of fixed colors automatically, but there were differences in color compositions and color scopes of dominant color, assort color and accent colors, which are three-color combinations of mobile web application and accent color selection function was required for each design, since only primary colors and secondary colors could be selected. Moreover, chromatic colors were used a lot in the material system because of the fixed color scopes and color combination scopes and images of color combination outcomes varied depending on the color combination scopes, even when tones with a big contrast or complementary colors were selected. The role of color composition was important according to the color combination scopes.

• Journal of Digital Convergence
• /
• v.17 no.12
• /
• pp.461-466
• /
• 2019

In this study, we found that the design can be configured according to the visual weight in the design of the interface. First of all, interface design has gone through the era of squeeze morphism to express depth and dimension by borrowing part of material design or head design from flat design. This is due to the characteristics of metro UI and flat design, which are difficult to express depth and dimension, but in material design, there was no separate device for inducing eyes, so Gestalt theory showed the principle of visual weight. Positive and negative, the size and placement of regions, proximity, closure, and notion were closely related to visual weight and orientation, and in some cases, it could be applied to the interface.

• The Journal of the Korea Contents Association
• /
• v.21 no.2
• /
• pp.148-160
• /
• 2021

Although a great deal of research has been carried out recently with the rise of importance of the UI design, little research has been conducted on the new Neumorphism design. Given the paucity of the research, we demonstrated the development process of GUI design, focusing on the UI design trends, Skeuomorphism, Flat, Material design and the emerging Neumorphism design. Based on this, the aim of the study is to look into the possibility of Neumorphism design, which is currently drawing attention, as the new UI design trends. This study was ordered as follows in two ways. First, drawing from the work of literature, we illustrated the UI design trends by considering the Skeuomorphism, Flat, and Material Design which were before the advent of the Neumorphism design. In addition, we conducted a study on the characteristics and limitations of the UI design trends through actual cases in which UI designs were applied. Second, the Material design as the most recent UI design trends and the Neumorphism design were compared with the method of expression based on the definition and characteristics of Neumorphism design that we investigated. In this context, we also analyzed the possibility of Neumorphism becoming the new UI design trend. We proposed an application of the design to maximize the benefits. This study is meaningful in that the Neumorphism design, which has yet to be studied, is likely to become the UI design trends in the future.

• Journal of Digital Convergence
• /
• v.17 no.4
• /
• pp.261-266
• /
• 2019

The purpose of this study is to assess usage of floating action button, a component of Google's Material Design. Case studies were conducted to overview the component's current usage and qualities, followed by eye-tracking experiments and in-depth interviews conducted to 12 subjects. Results have shown that while floating button can promote an action by catching viewers' attention with its striking visual, users tend to look at top more, thus preferring top placement for interfaces. To give positive user experience, designers should consider factors such as the amount of content covered by the button, the way users interact with the application, etc. This study aims to provide proper guidelines for the component's application.

• The Journal of the Korea Contents Association
• /
• v.16 no.10
• /
• pp.503-513
• /
• 2016

Innovator and Early Adopter are main clients of smart phone until now, but the silver generation enjoying price stability and the Internet emerges, so a strategy of the importance, systematic classification, and focus of a neglected class is needed. It is necessary to analyze UI that can departmentalize not a neglected class limited to the silver generation but potential users who can be voluntarily users and can secure them. To secure them, the researcher analyzes how Windows, Icons, Mouse Pull-Down-Menus(WIMP) of UI has been applied in the process that skeuomorphism UI of iPhone, Metro UI of MS, and Material UI of Google change. As a result of an analysis, skeuomorphism is not entirely new and has secured potential users slowly with a method to compensate and improve a part that users disregard. As a concept of touch UI, Metro UI considered potential users from the beginning but did not secure them with new and epoch-making UI. However, Material UI of Google compensates the weaknesses of skeuomorphism UI and Metro UI and emphasizes cost-effectiveness, so has developed into UI that can secure final consumers of potential users. Therefore, to secure potential users, it should make users themselves understand why they should use smart phone, and it should approach with more organized studies on UI through feedback of observation and direct talks.

• Journal of Digital Convergence
• /
• v.19 no.1
• /
• pp.343-348
• /
• 2021

This study investigated the method of constructing and combining blocks based on the atomic design system in order to propose a framework for rescue of a reusable design system. For that, I first looked at the necessity of a design system and examples of snow white, skeuomorphic design, flat design, and material design. In addition, molecules, atoms, organisms, templates and pages of atomic design using the principles of chemistry as metaphors were defined through literature studies. In order to implement a new framework, an interface inventory was constructed, and among them, font, color, image and control elements were extracted as core visual elements, and guidelines were defined, and molecular elements were classified and composed of atoms based on them. Blocks are constructed in the form of blocks based on the design pattern most used in the content inventory, and the framework is constructed to implement a layout based on a visual grid and design a page through a combination of blocks. The significance of this paper is that the new framework helps team consistency and collaboration by reusing blocks and supports file sharing and updating.