디자인 시스템
디자인 토큰 버전 관리: 팀 협업에서 토큰 충돌을 방지하는 워크플로우
디자인 토큰 Git 기반 버전 관리, 시맨틱 버저닝 적용, 브레이킹 체인지 처리, Figma-코드 토큰 싱크, 팀 규모별 거버넌스 구조를 실무 관점에서 다룹니다.
디자인 시스템
더보기UX
더보기UX
제로-상태(Empty State) 디자인: 사용자 이탈을 막는 빈 화면 전략과 패턴
빈 목록, 첫 방문, 오류, 검색 결과 없음 등 상황별 Empty State 설계 패턴, 일러스트레이션 사용 기준, CTA 설계, 실제 앱 사례 분석을 다룹니다.
UX
데이터 시각화 UX 설계: 대시보드 차트 선택 기준과 흔한 오류 패턴
데이터 유형별 차트 선택 매트릭스, 색상 시스템, 밀도 최적화, 인지 부하 줄이기, 반응형 차트 설계, 흔한 시각화 오류 패턴과 수정 방법을 다룹니다.
UX
마이크로인터랙션 설계: 사용자 피드백 루프를 만드는 애니메이션 원칙 15가지
트리거-규칙-피드백-루프의 마이크로인터랙션 구조, 애니메이션 타이밍 원칙, 로딩·성공·오류 상태 애니메이션, CSS/Framer Motion 구현 예시까지 다룹니다.