진한 칸일수록 이 직업에서 해당 지표가 높습니다.
명료함86
설득74
밀도55
제작 비용32
과제 적합성78
업무 적합성92
낮음높음
짧은 답
슬라이드 및 문서 격자는 언제 고르나요?
이런 이야기에 맞습니다. PowerPoint 또는 Google 프레젠테이션, 1페이지 자료, 강의실 포스터
언제 피하나요?
이런 경우에는 다른 형식을 쓰세요. 공유된 가장자리 없이 자유롭게 떠다니는 상자 쌓기
누가 만들고 퍼뜨렸나요?
스위스 그리드 시스템; 최신 프리젠테이션 템플릿 및 CSS 그리드
무엇을 인코딩하나요?
기둥, 홈통 및 여백을 공유 공간 시스템으로
광고에 써도 되나요?
네이버·카카오·메타 소재에서 주장이 한눈에 보이면 됩니다. 아니면 랜딩에 그림을 두세요.
수행평가에 쓸 수 있나요?
수행평가와 탐구 발표에서 축·단위·출처가 있으면 됩니다.
슬라이드 및 문서 격자는 기둥, 홈통 및 여백을 공유 공간 시스템으로로 값을 담습니다. 스위스 그리드 시스템; 최신 프리젠테이션 템플릿 및 CSS 그리드.
업무 보고서, 광고, 학교 과제에서 이렇게 씁니다. PowerPoint 또는 Google 프레젠테이션, 1페이지 자료, 강의실 포스터. 피할 조건은 이렇습니다. 공유된 가장자리 없이 자유롭게 떠다니는 상자 쌓기
소프트웨어
- Open Props — 일관된 레이아웃을 위해 공간 및 크기 척도를 포함한 디자인 토큰. · MIT · github.com/open-props/open-props
- normalize.css — HTML 유인물을 배송할 때 기본 렌더링 일관성. · MIT · github.com/necolas/normalize.css
- Primer CSS — 연구할 수 있는 GitHub 디자인 시스템 간격 패턴을 엽니다. · MIT · github.com/primer/css
- Tailwind CSS — 유틸리티 간격 척도 - 반드시 스택이 아닌 리듬을 훔칩니다. · MIT · github.com/tailwindlabs/tailwindcss
- Geometry demos — 정렬을 가르치는 서버가 그린 모양 뼈대입니다. · CC0 examples · github.com/Tool-Lifes/viz-atlas
보내기
- 보내기 1 — SVG
- 보내기 2 — PDF
- 보내기 3 — PPT에 EMF/SVG (스크린샷 금지)
- 보내기 4 — 웹은 SVG, 인쇄는 PDF
접근성
- 접근성 1 — 색만으로 의미 금지. 패턴·라벨·위치를 겹치세요.
- 접근성 2 — 본문 대비 4.5:1, 큰 마크는 3:1.
- 접근성 3 — 차트에 짧은 대체 텍스트. 숫자는 HTML 표로도.
- 접근성 4 — 움직임은 강조일 때만. prefers-reduced-motion을 존중.
슬라이드 및 문서 격자: 기둥, 홈통 및 여백을 공유 공간 시스템으로를 지키고, 공유된 가장자리 없이 자유롭게 떠다니는 상자 쌓기에는 다른 그림을 고르세요.