본문 바로가기
KERD
논문KCI 등재

생성형 AI를 통한 아이콘 디자인 시스템 활용 방안 탐색: 토스의 아이콘 디자인을 중심으로

Exploration on the Utilization of Icon Design System with Generative AI: Toss UI Design

장순규
디자인융복합학회(구.한국인포디자인학회) (Society of Design Convergence)|2024.10|디자인융복합연구(구.인포디자인이슈) (Design Convergence Study)|제23권 제5호|pp. 1-14

1

조회

0

다운로드

0

인용

0

참고문헌

키워드

Generative AIIconPromptDesign systemUIUX design
주제분류디자인

초록

디자인 시스템은 디자인이 UX 디자인 업무에 효율적임에도 불구하고 아직 연구가 부족한 실정이다. 이에 본 연구는 디자인 업무 문화에 대한 도움이 되고자 시스템에 집중한다. 이를 위해 생성형 AI를 통한 디자인 시스템 활 용의 가능성을 탐색한다. 이는 반복되는 프롬프트의 문장, 단어가 유사한 아이콘으로 일관된 시각 경험을 구축할 수 있음을 확인하기 위함이다. 실험 은 생성형 AI를 통해 디자인 시스템에 속한 그래픽 요소인 아이콘을 디자 인하고, 현재 운영 중인 서비스의 아이콘을 교체할 경우 차이를 확인한다. 실험물은 다양한 그래픽 스타일이 사용되는 서비스인 토스의 UI 디자인으 로 구성했다. 실험물은 토스의 UI 디자인 유형과 UI 디자인에 사용된 아이 콘을 생성형 AI의 아이콘으로 수정한 UI 디자인 유형으로 설정했다. 비교 분석은 T-test로 진행했다. 실험 결과, 2가지 UI 디자인 유형 간 차이는 무 의미했다. 이를 통해 생성형 AI로 디자인 시스템에 포함된 아이콘을 디자인 하여도 충분히 활용 가능하다는 것을 확인했다. 피험자 인터뷰에서 생성형 AI로 구현한 UI 디자인의 아이콘은 기존 UI 디자인의 아이콘과 큰 차이가 없다고 제시되었다.

Abstract

Although the design system was efficient for UX design work, there was still a lack of research about design system. As above, this research focuses on the design system to help the design work culture. For this purpose, the possibility of utilizing design systems through Generative AI. This is to confirm that a consistent visual experience can be built with similar icons for sentences and words of repeated prompts. The icon, which is a graphic element belonging to the design as the experiment, was generated by Generative AI. For the experiment, this research picked out UI design of Toss, which is the financial online platform service, because it is used with various graphic styles. The experiment set the UI design cases. One is UI and icons; the other one is the modified version with the icon of the Generative AI. The comparative analysis was conducted by a T-test. As a result, the difference between the two UI design types was meaningless. As mentioned above, it was confirmed that designing the icon included in the design system with Generative AI can be sufficiently utilized. In the interview, it was suggested that the icon of the UI design implemented as Generative AI was not significantly different from the icon of the existing UI design.

참고문헌 (26)

  1. 김연정, "생성형 AI를 활용한 유기농 향수 패키지 디자인의 뷰티전공교육 접목 방안 연구", 한국화장품미용학회지, 13(3), pp.541~551 (2023)
  2. 김유근, "UX 실무에서 생성형 AI의 활용 가능성 탐구 : 대형 실내 시설용 로봇 컨셉 시나리오 발굴 사례를 중심으로", Design Works, 7(1), pp.29~44 (2024)
  3. 김활빈, "생성형 AI 기술이 바꾸는 광고PR의 현재와 미래 : 전문가 인터뷰를 통해 본시사점", 광고연구, 140, pp.118~148 (2024)
  4. 류커준, "청각 장애인의 모바일 앱 사용성 향상을 위한 UI 디자인 연구-중국 언어훈련용 앱 중심으로", 한국콘텐츠학회논문지, 24(2), pp.208~221 (2024)
  5. 박성원, "생성형 AI를 활용한 애니메이션 교육의 방향성 연구", 만화애니메이션 연구, pp.5~43 (2023)
  6. 이기석, "디지털 에셋 창작을 위한 생성형AI 기술 동향 및 발전 전망", 한국전자통신동향분석, 39(2), pp.33~42 (2024)
  7. 이보람, "AI 생성형 로고디자인 사례 연구 : 디자인씽킹뮤지엄 로고디자인을 중심으로", 비즈니스융복합연구, 8(5), pp.85~92 (2023)
  8. 정성환, "사용자 선호지향 기반에 의한 GUI 아이콘 표현 유형과 조형 요소의 상관관계에 관한 연구-그림 아이콘 디자인을 중심으로", 감성과학, 11(4), pp.521~530 (2008)
  9. 한주형, "모바일 배달앱 UI 디자인이 사용성에 미치는 영향-연령의 조절효과를 중심으로", 한국외식산업학회지, 19(6), pp.9~26 (2023)
  10. Churchill, E., "Scaling UX with Design Systems", ACM Interactions, 26(5), pp.22~23 (2019)
  11. 김경미, "생성형 AI 기반 영정 사진을 바탕으로 한제사 문화 서비스 방안 연구", 한국HCI학회 학술대회, pp.697~702 (2024)
  12. 구자은, "생성형 AI의 시각 커뮤니케이션 도구로서 가능성 탐구", 한국HCI학회 학술대회, pp.308~312 (2024), 한국HCI학회
  13. 박영빈, "차량 인테리어 디자인에서의 생성형AI의 활용과 한계 - 한국적 디자인요소기반 생성이미지 제작사례", 한국자동차공학회 추계학술대회, pp.1751~1757 (2023), 한국자동차공학회
  14. 신혜은, "미완의 작품을 완성시키는 생성형 AI 기반 펀딩 서비스 연구", 한국HCI학회 학술대회, pp.610~616 (2024), 한국HCI학회
  15. 이영현, "생성형 인공지능(Generative AI) 기반의 제품-서비스디자인 아이디어 생성 실험을 통한 가능성 탐색", 한국HCI학회 학술대회, pp.325~330 (2024), 한국HCI학회
  16. 이한나, "인스파이어랩: 만화 및 아트 작가 화풍에 따른 생성형 AI의 구독제 서비스", 한국HCI학회 학술대회, pp.270~275 (2023), 한국HCI학회
  17. Moore, R., "Authors Info & ClaimsDesign Systems for Conversational UX", CUI '20: Proceedings of the 2nd Conference on Conversational User Interfaces. Association for Computing Machinery, pp.1~4 (2020)
  18. 전항현, "모바일 패밀리 아이덴티티의 아이콘 디자인 일치성 연구", 석사, pp.2016
  19. UX 디자인이 쉬워지는 디자인 시스템 실무 with 피그마, "UI", pp.2024, 이영주
  20. MacDonald, D., "Practical UI Patterns for Design Systems: Fast-Track Interaction Design for a Seamless User Experience" (2019), Apress Media
  21. Kholmatova, A., "Design Systems: A practical guide for creating design languages for digital products" (2017), Smashing Magazine
  22. "게임사는 AI를 어떻게 활용할까" (2022)[URL]
  23. "디자인 시스템 구축기: (1)디자인 시스템이 필요한 이유" (2022)[URL]
  24. "콘텐츠 업계도 생성AI 전쟁…네이버웹툰 'AI 인재 모시기' 나섰다" (2022)[URL]
  25. "게임업계, ‘생성형AI’로 게임 제작 비용 줄일까" (2023)[URL]
  26. "토스ㅣSimplicity 21 - 지금, 툴이 아닌 틀을 바꿔야 할 때" (2021), 토스[URL]

관련 논문AI추천

이미지 생성형 AI의 반복적 생성 및 구체화 행태 분석을 통한 UX 전략 제안김지은, 반영환디자인융복합학회(구.한국인포디자인학회) · 디자인융복합연구(구.인포디자인이슈)2025 · 제24권 제3호Midjourney를 활용한 UI 디자인 초기 개념 생성에서 시각적 일관성과 레이아웃 조화성 연구박용진, 유정항한국기초조형학회 · 기초조형학연구2025 · 제26권 제4호생성형 AI 기반 산업군별 아이덴티티 시각화 차이 분석명윤경, 황시연디자인융복합학회(구.한국인포디자인학회) · 디자인융복합연구(구.인포디자인이슈)2025 · 제24권 제4호AI 기반 브랜드 디자인의 유용성을 위한 프로세스 설계류준상, 오병근디자인융복합학회(구.한국인포디자인학회) · 디자인융복합연구(구.인포디자인이슈)2023 · 제22권 제3호생성형 AI 도구의 UI 구조 비교 ╶ 디자이너의 창작 경험과 상호작용 흐름을 중심으로╶이보람, 황현하예술디자인연구원 · 예술· 디자인학연구2025 · 제28권 제1호인공지능 기반 로고디자인 툴의 가능성에 대한 탐색적 실험연명흠, 정의태디자인융복합학회(구.한국인포디자인학회) · 디자인융복합연구(구.인포디자인이슈)2021 · 제20권 제2호

이 간행물의 다른 논문 (5건)

아동 학습 앱에서 어포던스 개념의 적용과 GUI 디자인 요소 효과 탐구 - 6-12세 아동 인터뷰를 중심으로김현석, 상일박pp. 15-32중·고령층 디지털 리터러시 향상을 위한 UTAUT2 모델 기반 디지털 헬스 케어 서비스 모형 연구박승민, 이윤수pp. 33-49퍼소나 제작에서 Human Made 제작 방식과 LLM Made 제작 방식 비교연명흠, 박지은pp. 51-66공연예술의 인터랙션 유형에 따른 무대 연구양예은pp. 67-82GenAI 사용 여부 및 디자인 전공 여부에 따른 디자인 시나리오 제작 과정 비교송혜정, 연명흠pp. 83-96
원문 보기