본문으로

Interface systems · 오프라인(경주) 위주 + 녹화

레이아웃 그리드가 서로 어긋나지 않게

8pt 그리드, 브레이크, 컨테이너, 서브그리드 실전. 제품팀 뷰·마케팅 뷰가 갈리는 흔한 오류를 잡습니다.

책상 위 흰 판에 붙은 리서치 사진
가격(참고) ₩720,000 · 발급
기간 4주, 주 1회 120분
난이도 중급 · 토요 오전

본문

페이지와 모듈이 다른 그리드 위에 올라가 생기는 “1px씩” 어긋남의 원인을 시각·수식 양쪽에서 잡습니다. 인터페이스 시스템 II가 없어도 이 수업만으로 제품/랜딩 팀이 같은 언어를 쓰게 합니다. 경주 랩에서는 큰 판(프린트)에 그리는 오프라인 랩이 월 1회 있습니다.

다루는 것

  • 브레이크표 + 컨테이너 폭·거터 표
  • “마케 vs 제품” 충돌 케이스 6종
  • 피그마 오토레이아웃 + 그리드 프리셋
  • 접근성(줌·텍스트 리플로) 체크리스트

이후(개인/팀·체감)

  1. 2개 뷰(랜딩/앱)에 공통 쓰는 그리드 천
  2. QA가 보는 1p 체크리스트
서민 프로필

서민

UI 시스템, 프린트/디지털 둘 다 경력.

썸네일: 수업 담당(역할)입니다. 프로필 사진은 생성형 아이콘(외부)입니다.

읽기(경험 중심)

랜딩·앱 둘 다 손댄 팀이었는데, “브레이크 2개” 합의가 20분이 아니라 2시간이던 게 줄었어요. 오프 랩이 좀 덥긴 했지요.

— 강

자주 묻는

노트북이 없을 때요?

공용 기기 4대는 예약제입니다. 1주 전 요청 권장.

최신 피그마가 필요하나요?

가능한 최신을 권장, 다만 3개월 이내 버전이면 강의 내 대체 경로를 안내합니다.

팀 둘(마케/제품)이 올 수 있나요?

가능, 단 두 팀 케이스는 별도 캘럼으로 문의하세요(일정이 달라질 수 있음).