❤ 31기/31기 세미나

[31기 1차 세미나] (5) 디자인 시스템 세미나

솔룩스 2026. 4. 5. 12:12

1차 세미나의 마지막 주제는 SOLUX 디자인 부원들을 위한 디자인 시스템 가이드 세미나로 마무리되었습니다.

 

어느 때보다 풍성하고 알차게 채워진 이번 세미나, 과연 마지막 주제에서는 어떤 내용들이 펼쳐졌을지 지금 바로 살펴볼까요?

 

 

주제


 

기간

 

3월 23일 (월) ~ 4월 3일 (금)

 


 

세미나 소개

 

김정인 멘토님께서 진행해 주신 디자인 시스템 가이드 세미나에서는

디자인 시스템의 기초부터 실전 구축 방법,

그리고 SOLUX 디자이너로서 알아야 할 주의사항까지 폭넓게 다루었습니다.

 

 

내용


1. 디자인 시스템이란 무엇이고 왜 중요한가?

 

섹션 1에서는 디자인 시스템의 개념과 필요성, 컬러 시스템, 타이포/아이콘/버튼, 대표적인 디자인 시스템 사례까지 알아보았습니다.

 

디자인 시스템이란 프로덕트의 목적에 맞는 디자인을 일관성 있게 적용할 수 있도록 팀 내에서 정의한 규칙으로 웹, 앱 또는 서비스 디자인에 적용된 디자인의 규칙이나 모든 가이드라인을 의미합니다.

UX 가이드라인은 서비스와 브랜드 측면에서 사용자가 일관적이고 차별화된 경험을 하도록 하기 위한 가이드이며, 디자인 시스템은 디자인 원칙과 규격, 재사용 가능한 UI 패턴과 컴포넌트, 코드를 포괄하는 시스템입니다.

 

디자인 시스템은 일관성을 유지하고, 생산성을 향상시키며, 협업 효율을 증가시킵니다. 새로운 기능이 추가될 때 기존 디자인과 쉽게 조화되어 확장성 및 유지보수에 용이합니다.

 

 

 

컬러는 단순한 시각적 요소가 아니라 브랜드 정체성을 표현하고, 사용자의 감정과 행동에 영향을 주는 중요한 요소입니다. 

따라서 잘 설계된 컬러 시스템은 일관된 UI 경험을 제공하고, 접근성을 높이며, 디자인과 개발의 효율을 극대화합니다.

 

 

 

타이포그래피는 텍스트를 구성하는 디자인 요소로, 가독성과 사용자 경험을 결정짓는 중요한 요소입니다. 제목, 본문, 캡션 등을 명확히 구분하여 정보를 효과적으로 전달해야 합니다.

 

아이콘은 사용자에게 정보를 직관적으로 전달하는 시각적 언어로, 빠르고 정확한 UI 이해를 돕기 위해 명확한 의미 전달을 중심으로 디자인되어야 합니다. 

 

더 나아가, 컴포넌트의 버튼 유형, 스타일 요소, 상태 변화, 터치 & 접근성 고려 특성을 알아 보았습니다.

마지막으로 대표적인 사례인 Google의 Material Design, Apple HIG - Human Interface Guidelines, IBM Design Language 등에 대해 살펴보았습니다.

 


 

2. 솔룩스 디자이너 주의사항 

 

섹션 2에서는 디자이너로서 주의해야 할 사항들을 살펴보았습니다.

 

첫 번째는 디자인의 일관성 유지로, 색상 코드나 폰트 스타일 등을 명확히 문서화하여 개발자가 혼동하지 않도록 해야 합니다.

 

두 번째는 개발 가능성을 고려하는 것으로, 다양한 화면 크기에 대응할 수 있도록 유연하게 디자인하고, 복잡한 애니메이션은 최소화하는 것이 좋습니다.


세 번째는 디자인 리뷰, 피드백 반영 등을 통한 개발팀과 커뮤니케이션을 강화하는 것이고, 네 번째는 애니메이션 문서화 등을 통해 디자인 핸드오프 시 명확한 자료를 제공하는 것입니다.

 


 

3. 디자인 시스템 구축 방법 

 

섹션 3에서는 폰트 및 컬러 스타일 등록부터 버튼·아이콘 컴포넌트 제작, 그리드 설정과 화면 따라 그리기까지 다양한 피그마 실습을 진행하였습니다.

 

UI 구성 요소들을 직접 하나하나 정의하며 디자인 시스템을 체계적으로 구성해보고, 이를 기반으로 실제 서비스와 유사한 화면 UI를 직접 디자인해보는 시간을 가졌습니다.

세미나를 통해 습득한 이론 내용을 곧바로 실습에 적용해보며, 실전에 가까운 경험을 쌓을 수 있는 알찬 시간이었습니다.

 

 

과제


- 디자인 시스템을 활용해 트래블월렛 '본인인증' 화면 따라 그리기

 

이번 과제는 디자인 시스템을 활용하여 트래블월렛의 '본인인증' 화면을 직접 따라 그려보는 것이었습니다.

 

SOLUX 디자인 부원들은 세미나에서 직접 구성하고 등록한 디자인 시스템을 토대로, 인증 항목이 선택된 상태와 선택되지 않은 상태를 모두 꼼꼼하게 구현하여 과제를 완성해 주셨습니다.

 

 

마무리


디자인 시스템의 개념을 보다 깊이 이해하고, UI 디자인을 체계적으로 익혀나갈 수 있었던 의미 있는 시간이었습니다.

 

이번 세미나를 발판 삼아 쌓아온 디자인 역량이 앞으로의 SOLUX 프로젝트에서 멋지게 빛을 발하길 진심으로 응원합니다! ☺️