Earticle

초록

한국어

본 연구는 안드로이드의 구글 머티리얼 가이드를 중심으로 애플리케이션의 인터페이스 디자인을 구성하는 요소 들에 관하여 연구하고, 형태 및 조합 방식에 따라 분류하여 UI 디자인 가이드 제작하는 방식을 제안하는 데 목적이 있다. 우선 머티리얼 디자인 가이드라인이 제공하고 있는 컴포넌트들을 분해하여 구성 요소들에 대해 분석하고, 형태 및 속성에 따라 구분하여 유형을 나눈 뒤 각각의 특성에 대하여 조사하였다. UI 디자인의 최소 구성 요소로는 표면, 글자, 아이콘, 미디어가 있고 이러한 요소들은 컴포넌트 적용 사례를 수집하여 공통 규칙을 수립하는 방식으로 가이드를 제작하는 것이 효율적이다. 컴포넌트는 목적에 따라 정보 탐색과 알림, 콘텐츠 전달로 분류할 수 있었는데 속성 및 고려 해야 할 점이 달라 각각에 맞는 제작 방식을 연구하였다. 이러한 결과는 모바일 애플리케이션의 인터페이스 디자인을 구성하는 데 있어서 효율적 가이드를 제공하는 데 의의가 있으며, 머티리얼 디자인을 바탕으로 하는 UI 디자인의 지침 이 될 것으로 기대한다.

영어

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.

목차

요약
Abstract
1. 서론
1.1 연구배경
1.2 연구목적
1.3 연구방법과 범위
2. UI 디자인 시스템
2.1 UI 디자인 시스템 현황
2.2 구글 머티리얼 디자인
3. UI 디자인 스타일 가이드
3.1 UI 디자인 구성 요소
3.2 UI 디자인 스타일 가이드
4. UI 디자인 컴포넌트 가이드
4.1 UI 디자인 컴포넌트의 구성
4.2 정보 탐색을 위한 컴포넌트
4.3 콘텐츠 제공을 위한 컴포넌트
5. 결론
REFERENCES

저자

• 정다영 [ Dayoung Jung | 홍익대학교 국제디자인전문대학원 디자인학 박사과정 ]
• 김승인 [ Seung-In Kim | 홍익대학교 국제디자인전문대학원 디지털미디어디자인 전공 교수 ] Corresponding Author

참고문헌