진한 칸일수록 이 직업에서 해당 지표가 높습니다.
명료함74
설득88
밀도30
제작 비용34
과제 적합성70
업무 적합성68
낮음높음
짧은 답
Rough.js 주석은 언제 고르나요?
이런 이야기에 맞습니다. 설명 하이라이트, 광고 컨셉 프레임, 콜아웃 교육
언제 피하나요?
이런 경우에는 다른 형식을 쓰세요. 정확한 길이가 필요한 조밀한 정량적 비교
누가 만들고 퍼뜨렸나요?
Rough.js는 개방형 웹에 제어 가능한 스케치 렌더링을 가져왔습니다.
무엇을 인코딩하나요?
주의 신호로 사용되는 불완전한 획과 채우기
광고에 써도 되나요?
네이버·카카오·메타 소재에서 주장이 한눈에 보이면 됩니다. 아니면 랜딩에 그림을 두세요.
수행평가에 쓸 수 있나요?
수행평가와 탐구 발표에서 축·단위·출처가 있으면 됩니다.
Rough.js 주석은 주의 신호로 사용되는 불완전한 획과 채우기로 값을 담습니다. Rough.js는 개방형 웹에 제어 가능한 스케치 렌더링을 가져왔습니다..
업무 보고서, 광고, 학교 과제에서 이렇게 씁니다. 설명 하이라이트, 광고 컨셉 프레임, 콜아웃 교육. 피할 조건은 이렇습니다. 정확한 길이가 필요한 조밀한 정량적 비교
소프트웨어
- Rough.js — 스케치 스타일 캔버스/SVG 기본 요소 - MIT. · MIT · github.com/rough-stuff/rough
- Rough Notation — 강조를 위해 밑줄과 상자에 애니메이션을 적용합니다. · MIT · github.com/rough-stuff/rough-notation
- Excalidraw — 획이 아닌 장면이 필요한 경우 풀 스케치 앱입니다. · MIT · github.com/excalidraw/excalidraw
- Fabric.js — 사용자 정의 주석자를 빌드하는 경우 캔버스 개체 모델입니다. · MIT · github.com/fabricjs/fabric.js
- Callout SVG — 스케치 노이즈 없이 교육 설명선을 정리합니다. · 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을 존중.
Rough.js 주석: 주의 신호로 사용되는 불완전한 획과 채우기를 지키고, 정확한 길이가 필요한 조밀한 정량적 비교에는 다른 그림을 고르세요.