예제와 템플릿
창작 이야기와 기존 작품 예제에서 장면의 순서·관점·근거를 살펴봅니다.
Story 원본 전체 템플릿CVA의 공용 디자인 시스템
관계를 고르고,
페이지로 만듭니다.
내용을 어떤 순서로, 어떤 관계로 보여줄까요?
필요한 요소와 표현을 골라 읽고 편집할 수 있는 페이지를 만듭니다.
완성한 페이지는 HTML로.
다시 편집할 구성은 JSON으로.
CONTENT & CONNECTIONS구성 예시
내용에 맞는
관계를 펼치다.
순서
- 만남이야기의 시작
- 선택달라지는 방향
- 귀환다시 만나는 장면
관계
페이지의 모양은 전하려는 내용에서 시작합니다.
FIND YOUR WAY
하려는 일에서 시작하세요.
페이지를 만들거나, 이야기를 읽거나.
필요한 곳으로 바로 들어가세요.
고르기
Elio 라이브러리
요소·모듈·표현을
실제 예제로 살펴봅니다.
만들기
페이지 제작실
구성과 내용을 편집하고
HTML·JSON으로 보관합니다.
읽기
Elio Story
장면·인물·시간·근거를
따라 이야기를 읽습니다.
살펴보기
Elio Board
이야기와 도감의 항목을
지도와 보드에서 탐색·편집합니다.
라이브러리와 제작실은 Elio 안의 작업 화면입니다. Story는 이야기 리더, Board는 항목과 관계를 살펴보는 보드입니다.
같은 기준, 내용에 맞는 표현
표현은 달라도,
읽는 기준은 분명하게.
중요한 내용은 먼저 보이게, 관련된 내용은 함께 놓습니다. 이름과 행동은 화면에서 읽히고, 키보드로도 같은 길을 찾을 수 있게 설계합니다.
작은 아이콘에도 이어지는 기준KEEP EXPLORING
예제와 사용 안내
먼저 살펴보고, 내 내용으로 이어가세요.