[TIL][03.25] UI/UX, 피그마, 서비스 디자인 기획, 페르소나

UI/UX를 배워야 하는 이유

활성 사용자 수와 평균 실행 횟수가 높은 기업일수록 수익성이 높고, 결국 더 큰 기업으로 성장할 가능성이 크다.
하지만 서비스가 사용하기 불편하다면 사용자는 이탈할 것이고, 성공적인 비즈니스는 어렵다.
따라서 UI/UX는 사용자 경험을 극대화하여 서비스의 성장을 돕는 핵심 요소다.

피그마

그룹, 프레임, 컴포넌트의 차이

• 그룹 (Ctrl + G)
  • 단순 묶음 (레이어 정리용)
  • 내부 요소들이 독립적으로 움직일 수 있음
• 프레임 (Ctrl + Alt + G)
  • 독립적인 영역 (화면 크기, 스크롤 등 제어 가능)
  • 화면/디자인 시스템을 만들 때 유용
• 컴포넌트 (Ctrl + Alt + K)
  • 재사용 가능한 요소
  • 수정 시 연결된 모든 인스턴스에 반영됨

컬러 토큰

디자인 시스템에서 색상을 변수처럼 관리하는 것

컬러 토큰을 사용하는 이유

• 일관된 디자인 유지 – UI 요소마다 색상을 직접 지정하는 대신, 미리 정의된 색상 변수를 사용하여 일관성 유지
• 빠른 수정 가능 – 한 번의 변경으로 전체 디자인에 적용 가능 (예: "Primary" 색상 변경 시 모든 버튼 색상이 자동 변경됨)

서비스 디자인 기획

사용자의 니즈를 기반으로 서비스의 전체적인 구조, 흐름, 기능을 설계하는 과정

페르소나

서비스를 이용할 가상의 대표 사용자 모델