• 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.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.