본문 바로가기

시각 스타일과 조합해 사용하는 구성·상호작용 기법입니다.

W34 / 레이아웃 기법

캔버스·노드 기반 구성

Canvas / Node-based Layout

점 격자와 연결선, 넓은 작업면을 통해 자료의 관계와 창작 가능성을 표현한다. 캔버스처럼 보이는 표지와 실제로 이동·확대하는 작업 도구를 구분한다.

기존 배치 패턴 · 2026 편집 자료 재언급

캔버스·노드 기반 구성 학습용 웹 화면. 관찰할 특징: 점 격자의 넓은 작업면, 노드 사이를 잇는 선, 자료와 결과의 공간적 관계.
구성·상호작용 기법을 설명하기 위해 직접 제작한 학습용 화면입니다.그림 원본 열기 ↗

어디에 적용할까요?

아이디어 보드·워크플로·연구 자료 연결·창작 도구 소개에 활용한다.

함께 살펴볼 점

자료 위치를 잃지 않도록 개요·초기 위치·목록 경로를 제공한다. 드래그만 가능한 핵심 행동은 피한다.

MAKE YOUR OWN

이 기법으로 만들어 보세요

목적과 콘텐츠를 내 작업에 맞게 바꿔 사용하세요.

출처와 확인일

확인일 2026-09-20. 정의와 자료 맥락의 근거이며, 위 그림은 이 도감을 위해 별도로 제작했습니다.

함께 살펴볼 항목

그림을 나란히 비교하기 →

← 구성·상호작용 참고 보기