간소 재배치는 재배치 계산 중에는 렌더하지 않고, 대치 뒤 넘친 컨테이너만 제자리에서 키우고 겹치거나 페이지를 벗어난 글을 컨테이너 안에서 비키는 재배치다. 아래의 기존 LLM 판정은 c4 회차 3,114장 중 이전 간소판이 바꾼 장만 같은 조건(gemini-3.5-flash · 축 1·2·3·5·7 · 프롬프트 묶음 #8 · 반복 1)으로 다시 판정했다.
최신 판정 업로드 CSV · 2026-10-17 23:02:48 KST 간소 A CSV · 221장 · 간소 B CSV · 230장 최종 규칙 평가(repaired-reviewed)에서 바뀐 장만 담았다. 원문·YAML·case_key·meta는 보존하고 result_sheet_json을 수정 결과로 바꿨다. 썸네일 칸은 판정 서버가 다시 그리도록 비웠다. 새 LLM 판정은 아직 실행하지 않았다.
2026-10-17 수정 후 재검증 — 규칙 판정
3,114장 완료 · 오류 0 · 컨테이너 없는 글 이동 A/B 모두 0장. 아래 숫자는 해당 결함이 남은 페이지 수다.
비교군
바꾼 장
넘침
신규 겹침
페이지 잘림
글꼴 0.9 미만
입력
0
150
159
27
293
기존 A
151
112
110
24
307
수정 A
221
102
133
26
315
기존 B
212
69
81
20
302
수정 B
230
81
122
24
309
입력 대비 넘침·겹침은 줄었다. 다만 기존판 대비 겹침 개선 폭은 줄었다. 글의 자리와 순서를 지키기 위해 겹침이 남더라도 이동을 거부한 결과다. 작은 글꼴이 남은 페이지 수도 입력보다 늘었으므로, 모든 지표가 좋아진 것은 아니다.
13개 비교군에서 번호 배지는 글상자 폭을 넓혀 한 줄로 만들었고, 잘못된 이동·장식 확대·일부 번호만 더 줄이는 변경을 막았다. 기존 넘침·겹침이 남은 사례는 각 그림 아래에 기록했다. 이는 규칙 재평가와 이미지 관찰이며, 새 LLM 판정 등급이 아니다.
평가 입력은 기존 c4 실험과 같은 CLI 측정·정렬 보정·외곽선이다. 화면의 새 DB 캐시 A 경로를 그대로 재생한 수치는 아니다. DB 캐시 적중률과 좌표 호환성은 별도로 점검했다. 원안/입력/결과 측정 캐시는 재사용했고 LLM 재판정은 실행하지 않았다.
원안 컴포넌트의 글자 영역에서 노드마다 위·아래 여백과 폭 비율을 배워, 대치된 글상자에 얹는다(합성 자)
필요한 입력
원안 글자 영역 · 컨테이너 외곽선 — 컴포넌트마다 캐시
추가 측정
0회
결과 표시 렌더
1회
최신 규칙 판정
바꾼 장 221 · 넘침 150→102 · 신규 겹침 159→133
간소 B · 1회 측정
대치된 글의 글자 영역을 한 번 잰다
글자 영역
대치 직후 렌더 결과에서 한 번 잰다. 크기·글이 그대로인 글은 잰 값을, 재배치가 크기를 바꾼 글만 A 처럼 예측한다
필요한 입력
원안·외곽선 + 대치 직후 글자 영역. 원안은 화면 측정 후 메모리 재사용
추가 측정
대치 결과 1회 + 원안 메모리 캐시 없으면 1회
결과 표시 렌더
1회
최신 규칙 판정
바꾼 장 230 · 넘침 150→81 · 신규 겹침 159→122
공통 — 같은 로직(simple-relayout)이다. 둘 다 오토핏을 켠 렌더를 입력으로 받고, 컨테이너 위치를 옮기지 않으며, 재배치 결과를 다시 렌더해 검증하지 않는다. 컨테이너 없는 글의 입력 x/y는 고정한다.
원안 글자 영역 캐시 전체 점검: 컴포넌트 1,533개, 텍스트 11,975개 중 11,901개 적중(완전 적중 컴포넌트 1,502개). 리소스 외곽선은 2,426개 키 중 2,290개가 호환 캐시였다. 누락한 원안 글자 영역은 A에서 추가 측정 없이 예측하고, 외곽선 누락은 기존 계산으로 보완한다.
초기 120개 컴포넌트·875/876 적중은 일부 표본의 조사였다. 전체 비교에서는 CLI의 정렬 보정을 맞춘 11,884개 중 11,854개가 1px 이내였고 30개는 차이가 남았다. 화면의 측정 호스트는 이 CLI 보정을 적용하지 않으므로, 이 숫자를 화면 캐시와의 완전 일치로 해석하면 안 된다.
화면에서 실제로 도는 파이프라인
공통 ①–④ — 렌더러에 보낼 대치 페이로드까지
①
사용자 원문 입력
페이지에 넣을 글
→
②
YAML 생성
LLM → Visual Summary v0.5 (L1·L2)
→
③
검색
comp-pass 서버(Rust) Frame 매칭·순위
→
④
대치 페이로드
buildFrameReplacement — 슬롯별 글·RLSC role. 실제 대치는 ⑤의 문서 렌더러가 수행
⑤ 대치 렌더부터 방식에 따라 분기 — 오른쪽은 문서 렌더와 추가 측정 횟수
재배치 끔
⑤ 대치 렌더 1회 오토핏 켬 · pageJson 반환
표시
⑤의 그림을 그대로 표시
문서 렌더
1회
추가 측정 0회 합계 1회
간소 A · 추가 측정 없음
⑤ 대치 렌더 1회 오토핏 켬 · pageJson 반환
원안 입력
글자 영역: DB 캐시 조회 외곽선: 호환 캐시 + 기존 형상 계산
재배치
대치된 글자 영역을 예측 측정 렌더 0회
⑥ 결과 표시
문서 렌더 1회 오토핏 끔
문서 렌더
2회
추가 측정 0회 합계 2회
간소 B · 대치 결과 1회 측정
⑤ 대치 렌더 1회 오토핏 켬 · pageJson 반환
글자 영역 측정
대치 결과 1회 원안: 메모리 캐시 없으면 1회
재배치
잰 값 + 변경된 글의 예측 후보 재측정 없음
⑥ 결과 표시
문서 렌더 1회 오토핏 끔
문서 렌더
2회
추가 측정 1 + O회 합계 3 + O회
대치 후 재배치 (Adaptive)
⑤ 대치 렌더 1회 오토핏 끔 · pageJson 반환
글자 영역 측정
대치 결과 1회 원안: 메모리 캐시 없으면 1회
재배치·검증
후보·최종 문서 추가 측정 V회 동일 문서는 내부 캐시 재사용
⑥ 결과 표시
문서 렌더 1회 오토핏 끔
문서 렌더
2회
추가 측정 1 + O + V회 합계 3 + O + V회
횟수의 기준 — 현재 작업 브랜치의 정상 완료 경로이며, 아직 배포 결과를 뜻하지 않는다. 문서 렌더는 화면에 보여 줄 이미지를 그리는 호출이다. ⑤는 대치 결과를, ⑥은 재배치 결과를 그린다. 글자 영역 측정도 내부에서 문서를 그리지만, 화면에 표시할 그림을 만드는 호출과 목적이 달라 별도 횟수로 적었다. O는 원안 측정 메모리 캐시가 없으면 1, 있으면 0이다. 따라서 B는 원안을 처음 재면 4회, 같은 원안 측정값을 재사용하면 3회다. B·Adaptive의 원안은 아직 DB 캐시로 대체하지 않았다. V는 초기 측정 뒤 후보·최종 문서를 실제로 추가 측정한 횟수다. 후보 수와 같지 않으며, 동일 문서의 내부 캐시 재사용은 세지 않는다. 검색이 바뀌면 원안 측정 메모리 캐시를 비운다. 표가 커져 뒤 요소를 재배치하는 경로는 대치 렌더가 1회 더 필요할 수 있다. 오류·재시도는 이 정상 경로 합계에서 제외했다. 재배치가 성공하면 문서가 입력과 같아도 현재 화면 코드는 ⑥을 호출한다.
DB 캐시는 문서 렌더 호출이 아니다. A의 원안 글자 영역은 iui.text_tight_boxes에서 조회하고, 누락분은 기존 프레임으로 예측한다(추가 측정 없음). 리소스 외곽선은 iui.resource_outlines의 호환 행을 우선 쓰되, 리소스 캐시가 확장형 도형·배경색 제거 등 모든 인스턴스 외곽선을 대신하지는 않는다. 필요한 기존 도형 계산·캔버스 래스터화는 별도이며 위의 문서 렌더·측정 횟수에 넣지 않았다. 이 구분은 MOR-2639의 모듈 통합 작업과도 같다.
이 보고서의 오프라인 평가 — c4의 대치 렌더 결과(result_sheet_json)를 이미 받은 상태에서 시작한다. 재배치 결과를 이미지로 표시·판정하려면 A도 1회 다시 그린다. 원안 입력이 준비된 상태에서 필요한 추가 호출은 A 표시 1회, B 대치 결과 측정 1회 + 표시 1회 = 2회다. 규칙 평가용 원안·입력·결과의 별도 측정과 평가 캐시 준비 비용은 이 알고리즘 경로 합계와 따로 센다. 기존 LLM 판정은 화면의 ⑥ 대신 판정 서버의 renderForJudge로 그린 결과다.
수정 전 LLM 판정 결과
등급 분포 — 바꾼 장만
PERFECTACCEPTABLEBAD
간소 A — 바꾼 151장
원래
27
52
72
간소 A
37
55
59
간소 B — 바꾼 212장
원래
48
61
103
간소 B
61
65
86
축별 BAD 장 수 — 원래 → 간소
원래간소 A간소 B
간소 A — 축별 BAD 장 수
구조 적합성
2 → 4
내용 대치 정확성
9 → 11
시각적 계층
17 → 14
텍스트 가독성
51 → 22
디자인 완결성
41 → 41
간소 B — 축별 BAD 장 수
구조 적합성
8 → 5
내용 대치 정확성
13 → 22
시각적 계층
18 → 15
텍스트 가독성
60 → 31
디자인 완결성
67 → 63
그런데 나빠진 장 가운데 판정 증상에 「텍스트 겹침」「넘침」「잘림」이 붙은 장이 13장(A 4 · B 9) 있다. 재배치가 고치려던 결함이 오히려 생긴 장이다. 13장 모두 원래는 이 증상이 없던 PERFECT·ACCEPTABLE 이었고, 규칙 판정(간소판의 게이트)은 13장 모두 넘침·겹침이 줄었다고 읽어 받아들였다. 게이트가 아래 네 가지를 결함으로 세지 못한다.
갈래는 그림과 판정 근거를 보고 붙인 판단이다. 같은 페이지가 A·B 양쪽에 있으면 두 번 센다(329:388, 324:23). 그림을 누르면 전후 두 장이 전체 폭으로 커진다.
①
두 줄로 꺾인 번호 배지를 잘못 다뤘다
5장
대치로 「01」 같은 짧은 번호가 글상자 폭을 넘어 「0 / 1」 두 줄로 꺾였다. 원래 렌더에서도 이미 꺾여 있었고 둘째 줄은 동그라미에 가려 있었다. 간소판은 이것을 넘침·겹침으로 읽고 세 방식으로 다뤘는데 셋 다 그림을 망쳤다.
글을 동그라미에서 비킴 → 첫 줄이 위로 튀어나옴
동그라미를 세로 알약으로 늘림 → 「0 / 2」가 세로로 쌓임
글자를 줄임 → 가려졌던 둘째 줄이 아래로 비어져 나옴
고칠 방향
단어 하나짜리 짧은 글이 단어 중간에서 꺾였으면 옮기지도 키우지도 줄이지도 않는다. 컨테이너 안에서 폭이 허락하면 글상자 폭을 넓혀 한 줄로 만든다. 꺾임은 대치 단계에서 생기므로 대치가 짧은 번호의 글상자 폭을 맞추는 쪽도 함께 본다.
간소 B328:123· D.O. 11369594
ACCEPTABLE→BAD
꺾인 번호 「02」「03」을 담으려고 동그라미를 세로 알약으로 늘려 「0 / 2」가 세로로 쌓였다.
재배치 전
수정 전 간소 B 결과
간소판이 한 일키움 2
규칙 판정(넘침·겹침·잘림)2·0·0 → 0·0·0게이트 통과
수정 후 간소 B
번호 3개를 글꼴 축소 없이 한 줄로 넓혀 넘침 2개를 없앴다. 원형 배경은 유지했다.
규칙: 넘침 0 · 신규 겹침 0 · 잘림 0
아래 등급·판정 근거는 수정 전 간소판의 기록이다. 위 수정 결과에는 새 LLM 등급을 매기지 않았다.
구조 적합성
PERFECT→ACCEPTABLE
내용 대치 정확성
ACCEPTABLE→ACCEPTABLE
시각적 계층
PERFECT→PERFECT
텍스트 가독성
PERFECT→ACCEPTABLE
디자인 완결성
PERFECT→BAD
판정 증상 넘침, 잘림 | 강제 줄바꿈
축별 판정 근거 (전 / 후)
축
재배치 전
재배치 후
구조 적합성
PERFECT
제시된 요약본의 9개 정보 블록을 완전히 수용할 수 있도록 3열 그리드 내에 총 9개의 본문 슬롯이 과부족 없이 배치되어 구조적 수용력이 완벽합니다.
ACCEPTABLE
제시된 summary의 9개 콘텐츠 요소(헤더 1개 및 8개의 세부 사례 항목)를 모두 수용할 수 있도록 3개 열에 걸쳐 9개의 콘텐츠 슬롯이 제공되어 기본적으로 모든 정보가 적절히 수용됩니다. 다만, 각 열 상단에 배치된 '제목을 입력해주세요.' 슬롯 및 첫 번째 열의 '설명을 입력해주세요.' 슬롯 등 대응하는 본문 내용이 없는 불필요한 placeholder 슬롯들이 잔존하여 레이아웃 구조가 다소 헐겁고 비효율적으로 구성되어 있습니다.
내용 대치 정확성
ACCEPTABLE
summary에 기술된 모든 유통 및 판매 협력 구분 사례와 구체적인 진행 상황 정보들이 유실 없이 각 슬롯에 올바른 위계로 매핑되었습니다. 다만 첫 번째 열 상단에 '설명을 입력해주세요.'라는 디스크립션 영역의 플레이스홀더 텍스트가 남아 있어 완벽한 대체가 이루어지지 않았으므로 ACCEPTABLE 등급으로 판정합니다.
ACCEPTABLE
summary의 모든 개별 협력구분별 공개 사례 정보가 누락 없이 좌측에서 우측 열로 이어지는 흐름에 맞춰 정확하게 매핑되었습니다. 다만, 첫 번째 열에 '설명을 입력해주세요.'라는 디스크립션 placeholder가 포함되어 있어 ACCEPTABLE로 평가합니다.
시각적 계층
PERFECT
각 소그룹의 타이틀(예: 라이선스 아웃, 권리 반환 등)은 하위 세부 항목에 비해 글자 크기가 더 크고 색상 대비가 적용되어 상위 위계임이 명확히 드러납니다. 하위 세부 항목들은 일관된 크기와 색상의 텍스트 및 글머리 기호(불릿)로 표현되어 시각적인 계층 구조와 일관성이 아주 훌륭하게 유지되었습니다.
PERFECT
제외 항목인 '국내 유통·판매·공동판촉 협력구분 공개 사례' 타이틀은 화면에 표시되지 않아 평가에서 제외하였습니다. 1레벨 항목인 '협력구분별 공개 사례 및 진행 상황', '라이선스 아웃', '권리 반환' 등은 모두 동일한 크기, 색상, 굵기로 일관성 있게 배치되어 상위 위계를 명확히 나타냅니다. 하위 레벨인 '공개 사례'와 '공개된 진행 상황'은 불릿 기호와 작고 어두운 텍스트를 사용하여 상위 항목과 시각적으로 뚜렷하게 구분되며 일관된 스타일로 잘 표현되었습니다.
텍스트 가독성
PERFECT
화면에 표시된 모든 텍스트가 잘림이나 겹침 현상 없이 선명하게 렌더링되었으며, 폰트 크기와 배경 대비가 적절하여 읽기에 매우 편안합니다.
ACCEPTABLE
상단 원형 배지 내부의 숫자 '02'와 '03'이 좁은 영역으로 인해 어색하게 세로로 줄바꿈되어 표시되나, 전반적인 본문 텍스트는 겹침이나 잘림 없이 또렷하게 읽을 수 있어 가독성에 지장이 없습니다.
디자인 완결성
PERFECT
세로 실선을 통해 정보 단위가 시각적으로 명확하게 구획되어 있으며, 카드 형태의 레이아웃과 상단 인덱스 영역 등의 그래픽 요소가 왜곡 없이 안정적으로 보존되어 있습니다. 3단 열 구조의 배치가 전체 페이지 면적 내에서 균형을 이루고 있고, 유닛 간의 스타일과 간격도 통일감 있게 정돈되어 높은 수준의 디자인 완결성을 보여줍니다.
BAD
상단에 배치된 원형 그래픽 배지 요소 내에서 인덱스 숫자 '02'와 '03'이 비정상적으로 줄바꿈되며 원형 영역을 벗어나고 잘려 보입니다. 이는 콘텐츠 대치 시 그래픽 요소가 비정상적으로 왜곡되어 나타나는 현상으로, 완성도 높은 디자인 템플릿으로서 가져야 할 디자인 보존성(요인 2)이 크게 훼손되어 미완성된 결과물로 보입니다.
사용자 원문
국내 유통·판매·공동판촉 협력구분공개 사례공개된 진행 상황라이선스 아웃렉라자–Janssen한국 제외 전 세계 권리, 글로벌 임상·허가·상업화라이선스 아웃YH14618–Spine Biopharma미국 임상 3상 진행라이선스 아웃YH12852–Processa임상 2a상 완료라이선스 인·공동연구GI-301–GI Innovation일본 제외 전 세계 독점권, 임상 2상 진행공동연구YH35995–GC녹십자공동연구로 시작해 현재 유한양행이 독자 임상개발권리 반환MASH 후보물질–Gilead2024년 계약 종료, 권리 반환 후 내부 개발권리 반환YH25724–Boehringer Ingelheim2025년 계약 종료 후 유한양행 독자 개발판매·공동판촉Gilead·Novartis 제품국내 유통·판매·공동판촉 협력
Visual Summary YAML
version: "0.5"
title: 국내 유통·판매·공동판촉 협력구분 공개 사례
components:
- type: Enumeration.ListingTable
structure:
entities:
- label: 협력구분별 공개 사례 및 진행 상황
dataset:
shape: matrix
columns:
- label: 협력구분
role: category
- label: 공개 사례
role: category
- label: 공개된 진행 상황
role: category
rows:
- [라이선스 아웃, 렉라자–Janssen, 한국 제외 전 세계 권리·글로벌 임상·허가·상업화]
- [라이선스 아웃, YH14618–Spine Biopharma, 미국 임상 3상 진행]
- [라이선스 아웃, YH12852–Processa, 임상 2a상 완료]
- [라이선스 인·공동연구, GI-301–GI Innovation, 일본 제외 전 세계 독점권·임상 2상 진행]
- [공동연구, YH35995–GC녹십자, 공동연구로 시작해 현재 유한양행이 독자 임상개발]
- [권리 반환, MASH 후보물질–Gilead, 2024년 계약 종료·권리 반환 후 내부 개발]
- [권리 반환, YH25724–Boehringer Ingelheim, 2025년 계약 종료 후 유한양행 독자 개발]
- [판매·공동판촉, Gilead·Novartis 제품, 국내 유통·판매·공동판촉 협력]
간소 B323:354· D.O. 11591197
ACCEPTABLE→BAD
꺾인 번호의 첫 줄 「0」을 위로 옮겨, 둘째 줄이 동그라미 아래로 비어져 나왔다.
재배치 전
수정 전 간소 B 결과
간소판이 한 일옮김 2
규칙 판정(넘침·겹침·잘림)4·0·0 → 2·0·0게이트 통과
수정 후 간소 B
번호 4개를 글꼴 축소 없이 한 줄로 넓혀 넘침 4개를 없앴다. 원형 배경은 유지했다.
규칙: 넘침 0 · 신규 겹침 0 · 잘림 0
아래 등급·판정 근거는 수정 전 간소판의 기록이다. 위 수정 결과에는 새 LLM 등급을 매기지 않았다.
구조 적합성
PERFECT→PERFECT
내용 대치 정확성
ACCEPTABLE→ACCEPTABLE
시각적 계층
PERFECT→PERFECT
텍스트 가독성
PERFECT→PERFECT
디자인 완결성
PERFECT→BAD
판정 증상 넘침, 잘림 | 내용 누락
축별 판정 근거 (전 / 후)
축
재배치 전
재배치 후
구조 적합성
PERFECT
제시된 summary의 메인 타이틀과 4가지 주요 그룹(확장의 규칙, 데이터의 사거리, 판단의 정밀도, 옹호의 수신처)의 계층 및 반복 구조를 온전히 수용할 수 있는 슬롯과 타임라인 형태의 반복 영역이 완벽히 구성되어 있습니다. 특히 세부 목록이 없는 첫 번째 항목에 대해서도 설명 영역을 담당하는 슬롯(placeholder 텍스트 제공)이 조화롭게 배치되어 구조적 과부족이 전혀 없습니다.
PERFECT
서머리에 기술된 4개의 주요 항목(확장의 규칙, 데이터의 사거리, 판단의 정밀도, 옹호의 수신처)과 각 항목 아래의 세부 목록 구조를 과부족 없이 수용할 수 있는 4개의 목록 슬롯이 완벽히 제공되고 있습니다.
내용 대치 정확성
ACCEPTABLE
첫 번째 항목인 '확장의 규칙' 설명 영역에 placeholder 텍스트인 '설명을 입력해주세요.'가 남아 있으나, 나머지 '데이터의 사거리', '판단의 정밀도', '옹호의 수신처' 등의 핵심 내용들은 누락 없이 올바른 위치와 순서로 매핑되었습니다.
ACCEPTABLE
요약본의 핵심 텍스트가 각 슬롯에 올바르게 매핑되어 배치되었으나, 첫 번째 항목 하단에 디스크립션 더미 텍스트인 '설명을 입력해주세요.'가 포함되어 있습니다.
시각적 계층
PERFECT
타이틀 '확장의 규칙'이 가장 크고 굵게 표현되어 최상위 위계임을 명확히 보여줍니다. 2레벨의 각 섹션 제목들은 타임라인 노드 옆에 굵은 글씨로 일관되게 배치되었으며, 3레벨 하위 항목들은 작은 글씨와 불릿 기호로 들여쓰기 처리되어 상위 항목과의 위계 차이가 시각적으로 명확하게 구분됩니다.
PERFECT
타이틀인 '확장의 규칙'이 최상단에 가장 크고 굵게 표시되어 상위 위계임이 잘 드러납니다. 하위 섹션 제목들(데이터의 사거리, 판단의 정밀도, 옹호의 수신처 등)은 파란색 원형 인덱스와 함께 강조되어 있고, 세부 항목들은 들여쓰기와 작은 글씨의 불릿 기호로 표현되어 서로 다른 위계 레벨이 명확하고 일관되게 구분됩니다.
텍스트 가독성
PERFECT
이미지 내 모든 텍스트가 겹침, 잘림, 오버플로우 현상 없이 또렷하고 가독성 높게 표시되어 읽는 데 지장이 없습니다.
PERFECT
텍스트의 크기와 대비가 적절하여 가독성이 매우 우수하며, 글자가 겹치거나 잘리는 현상 없이 모든 내용이 또렷하게 잘 읽힙니다.
디자인 완결성
PERFECT
좌측의 흰색 카드와 타임라인 그래픽 요소(파란색 원형 인디케이터 및 세로 연결선)를 통해 정보 단위가 시각적으로 매우 명확하게 구획되어 있습니다. 우측의 고화질 도시 경관 이미지와 좌측의 텍스트 영역이 비대칭적이면서도 조화롭게 배치되어 페이지 전체의 균형과 밀도가 안정적이며, 반복되는 각 유닛의 간격과 정렬 스타일 또한 일관되게 유지되어 완결성 높은 디자인을 보여줍니다.
BAD
리스트의 각 항목을 나타내는 원형 그래픽 내부의 숫자 레이아웃이 일관되지 않고 잘려 표시되어 전체적인 스타일 통일성과 디자인 완결성을 크게 해치고 있습니다. 첫 번째와 두 번째 원형 요소 내에서는 숫자가 세로로 배치되어 표현되는 반면, 세 번째와 네 번째 원형 요소에서는 숫자의 아랫부분이 누락되어 정상적인 인덱스 그래픽 디자인이 유지되지 않고 미완성된 템플릿처럼 보입니다.
사용자 원문
| 확장의 규칙 | 초등 | 중학교 | 고등학교 |
| --- | --- | --- | --- |
| 데이터의 사거리 | 내 몸의 1차 데이터 | 학급·학교 집계 데이터 | 지역·국가 통계와 공공 데이터 |
| 판단의 정밀도 | 어림에서 기준으로 | 측정 오차와 신뢰구간 | 상관과 인과의 구별 |
| 옹호의 수신처 | 우리 반·우리 학교 | 지역사회 신고 채널 | 기업·제도 |
Visual Summary YAML
version: "0.5"
title: 확장의 규칙
components:
- type: AttributeComparison.ComparisonTable
structure:
entities:
- label: 확장의 규칙
dataset:
shape: matrix
columns:
- label: 확장의 규칙
role: category
- label: 초등
role: category
- label: 중학교
role: category
- label: 고등학교
role: category
rows:
- [데이터의 사거리, 내 몸의 1차 데이터, 학급·학교 집계 데이터, 지역·국가 통계와 공공 데이터]
- [판단의 정밀도, 어림에서 기준으로, 측정 오차와 신뢰구간, 상관과 인과의 구별]
- [옹호의 수신처, 우리 반·우리 학교, 지역사회 신고 채널, 기업·제도]
간소 B325:254· D.O. 13182666
ACCEPTABLE→BAD
꺾인 번호를 줄였더니 동그라미에 가려졌던 둘째 줄이 아래로 비어져 나왔다.
재배치 전
수정 전 간소 B 결과
간소판이 한 일줄임 3
규칙 판정(넘침·겹침·잘림)3·2·0 → 3·0·0게이트 통과
수정 후 간소 B
번호 3개를 글꼴 축소 없이 한 줄로 넓혀 넘침 3개와 겹침 2쌍을 없앴다.
규칙: 넘침 0 · 신규 겹침 0 · 잘림 0
아래 등급·판정 근거는 수정 전 간소판의 기록이다. 위 수정 결과에는 새 LLM 등급을 매기지 않았다.
구조 적합성
PERFECT→PERFECT
내용 대치 정확성
PERFECT→PERFECT
시각적 계층
PERFECT→PERFECT
텍스트 가독성
PERFECT→PERFECT
디자인 완결성
ACCEPTABLE→BAD
판정 증상 넘침, 잘림
축별 판정 근거 (전 / 후)
축
재배치 전
재배치 후
구조 적합성
PERFECT
summary의 3가지 주요 단계와 각 단계의 타이틀 및 하위 설명(불릿 목록 포함) 구조가 결과 디자인의 3개 카드 영역에 누락이나 과부족 없이 완전히 부합하여 완벽하게 수용하고 있습니다.
PERFECT
제공된 summary의 3단계 제조 과정과 각 단계별 하위 항목의 수량이 결과 디자인의 카드 형태 슬롯 구성과 완전히 일치하여, 구조적인 과부족 없이 모든 내용을 완벽하게 수용하고 있습니다.
내용 대치 정확성
PERFECT
summary에 기술된 세 가지 단계(콩 수확·가공, 콩기름 추출, 대두유 정제)와 각 세부 설명이 누락이나 위치 왜곡 없이 화면 상에서 위에서 아래로 올바른 순서와 위치에 정확하게 대치되었습니다.
PERFECT
summary의 3개 항목에 대응하는 타이틀과 설명이 알맞은 위치에 누락 없이 정확하게 대치되었습니다. 더미 텍스트나 placeholder가 없고, 내용 전달과 읽기 흐름이 일관되게 정렬되어 있습니다.
시각적 계층
PERFECT
각 단계를 나타내는 상위 항목(섹션 제목)은 볼드체와 더 큰 폰트 크기로 강조되어 있고, 하위의 본문 텍스트는 일반 두께와 작은 크기로 표현되어 위계 구분이 매우 명확합니다. 또한, 각 카드 구조 내에서 동일 레벨의 요소들이 일관된 스타일을 유지하고 있어 구조를 신속하게 파악하기에 훌륭한 시각적 계층 구조를 갖추고 있습니다.
PERFECT
각 카드의 상위 항목(섹션 제목)은 상대적으로 크고 굵은 서체로 강조되었고, 하위 항목(본문 내용)은 일반 서체로 작고 얇게 표현되어 시각적 위계 구분이 명확합니다. 또한, 각 카드 간 동일 레벨의 텍스트 스타일이 일관되게 유지되어 안정적인 구조를 보여줍니다.
텍스트 가독성
PERFECT
제공된 이미지에 포함된 모든 텍스트는 겹침, 잘림, 가려짐 또는 오버플로우 등의 문제 없이 명확하고 또렷하게 판독 가능하며 뛰어난 가독성을 유지하고 있습니다.
PERFECT
화면에 표시된 모든 텍스트가 잘림, 겹침, 오버플로우 없이 선명하고 또렷하게 읽혀 가독성이 우수합니다.
디자인 완결성
ACCEPTABLE
세 개의 정보 단위가 둥근 테두리 카드로 명확하게 구획되어 있으며, 카드 간의 간격과 텍스트 스타일이 매우 일관되고 통일감 있게 배치되었습니다. 다만, 좌측의 원형 숫자 그래픽 영역 하단에 있는 연결선과의 접합부 마감(흰색 반원형의 겹침 처리)이 다소 어색하게 마감되어 디자인 보존성 관점에서 미세한 아쉬움이 있어 ACCEPTABLE 등급으로 판정합니다.
BAD
각 카드 왼쪽에 배치된 검은색 원형 그래픽과 흰색 연결선이 카드의 테두리 영역과 비정상적으로 겹치며 잘려 보이고, 원형 하단에 불필요한 그래픽 조각이 노출되어 디자인 보존성이 크게 훼손되었습니다. 정보 단위는 구분되어 있으나 그래픽 요소가 불안정하게 결합되어 완성된 디자인으로 보기 어렵습니다.
사용자 원문
- 콩 수확·가공
대두(콩)를 수확하고 세척한 뒤 잘게 부수어 기름을 추출하기 쉽게 만듭니다.
- 콩기름 추출
콩에서 대두유(soybean oil)를 추출합니다.
이때 남은 고형물은 주로 대두박(콩기름을 짜고 남은 부분)으로 활용됩니다.
- 대두유 정제
추출한 기름에서 불순물, 색소, 냄새 등을 제거하여 왁스 제조에 적합한 상태로 만듭니다.
- 수소첨가(Hydrogenation)
대두유의 불포화 지방산에 수소를 첨가하여 지방의 구조를 변화시킵니다.
이 과정에서 액체였던 대두유의 녹는점이 높아지고 고체 형태로 굳기 쉬워집니다.
- 소이왁스 완성
이렇게 만들어진 식물성 고체 지방을 정제·가공하면 우리가 캔들 등에 사용하는 소이왁스(Soy Wax)가 됩니다.
Visual Summary YAML
version: "0.5"
title: 소이왁스 제조 과정
components:
- type: ProcessFlow.Steps
structure:
entities:
- label: 콩 수확·가공
items:
- 대두(콩)를 수확하고 세척한 뒤 잘게 부수어 기름을 추출하기 쉽게 만듭니다.
- label: 콩기름 추출
items:
- 콩에서 대두유(soybean oil)를 추출합니다.
- 남은 고형물은 주로 대두박(콩기름을 짜고 남은 부분)으로 활용됩니다.
- label: 대두유 정제
items:
- 추출한 기름에서 불순물, 색소, 냄새 등을 제거하여 왁스 제조에 적합한 상태로 만듭니다.
간소 B326:279· D.O. 13104325
ACCEPTABLE→BAD
꺾인 번호 「02」~「04」의 첫 줄 「0」이 동그라미 위로 튀어나왔다.
재배치 전
수정 전 간소 B 결과
간소판이 한 일옮김 4
규칙 판정(넘침·겹침·잘림)4·3·0 → 0·0·0게이트 통과
수정 후 간소 B
번호를 글꼴 축소 없이 한 줄로 넓혀 넘침 4개와 겹침 3쌍을 없앴다.
규칙: 넘침 0 · 신규 겹침 0 · 잘림 0
아래 등급·판정 근거는 수정 전 간소판의 기록이다. 위 수정 결과에는 새 LLM 등급을 매기지 않았다.
구조 적합성
PERFECT→PERFECT
내용 대치 정확성
PERFECT→BAD
시각적 계층
PERFECT→PERFECT
텍스트 가독성
ACCEPTABLE→ACCEPTABLE
디자인 완결성
ACCEPTABLE→BAD
판정 증상 텍스트 겹침
축별 판정 근거 (전 / 후)
축
재배치 전
재배치 후
구조 적합성
PERFECT
summary의 5가지 핵심 단계와 하위 설명 및 다중 리스트 구조를 과부족 없이 완벽하게 수용할 수 있는 레이아웃 슬롯이 정확하게 구성되어 있습니다.
PERFECT
제공된 summary의 5가지 단계(0~5)를 담기 위한 5개의 가로 슬롯이 과부족 없이 온전히 구현되어 있으며, 마지막 단계의 다중 리스트를 포함한 모든 세부 내용(제목 및 디스크립션)을 수용하기에 충분한 구조적 역량을 갖추고 있습니다.
내용 대치 정확성
PERFECT
summary에 정의된 모든 시각적 단위(VU)의 타이틀과 상세 설명 텍스트가 누락 없이 좌측에서 우측으로 흐르는 올바른 순서와 위치에 정확하게 매핑되어 있습니다.
BAD
각 단계의 원형 아이콘 영역에 들어갈 숫자 텍스트가 원래 템플릿의 숫자인 01, 02, 03, 04, 05 형태와 매핑 과정에서 어긋나, 원형 영역 상단과 내부에 '0'과 '2', '3', '4', '5' 등으로 분할 및 중첩 배치되었습니다. 이로 인해 하단의 타이틀 번호(0, 1, 2, 3, 4~5)와도 일치하지 않아 콘텐츠가 올바른 구조와 위치에 정확히 매핑되지 않았습니다.
시각적 계층
PERFECT
summary의 상위 항목(0~5 단계 제목)은 분홍색의 굵은 텍스트로, 하위 상세 항목들은 검은색 일반 텍스트로 표현하여 상하 위계가 매우 명확하게 구분됩니다. 또한 동일 레벨의 텍스트들이 일치하는 크기와 스타일로 일관되게 구현되어 안정적인 계층 구조를 보여줍니다.
PERFECT
상위 레벨의 단계명(예: '0 : 입장 & 준비')은 붉은색 계열의 굵고 큰 글씨로 강조되어 있고, 하위 본문 내용들은 더 작고 얇은 검은색 글씨로 표현되어 위계 구분이 명확합니다. 또한 동일 레벨의 요소들이 일정한 글꼴 스타일과 구조를 유지하며 배치되어 시각적 일관성이 우수합니다.
텍스트 가독성
ACCEPTABLE
모든 텍스트의 형태가 온전하여 내용을 판독하는 데 큰 지장은 없습니다. 다만, 원형 그래픽 내부의 숫자(02, 03, 04, 05)가 줄바꿈으로 인해 세로로 분절되어 가독성이 저하되며, 세 번째 본문 내 '설명' 텍스트 역시 단어 단위가 아닌 글자 단위('설\n명')로 어색하게 줄바꿈되어 있습니다.
ACCEPTABLE
모든 텍스트의 시인성이 우수하여 판독에 지장이 없으나, 세 번째 열의 본문 텍스트 중 '설명' 단어가 '설\n명'과 같이 어색하게 끊어져 줄바꿈되어 가독성을 약간 저하시킵니다.
디자인 완결성
ACCEPTABLE
정보 단위 구획감과 유닛 배치 및 스타일의 통일감 등 엄격 요인들은 잘 유지되고 있으나, 페이지 전체 차원에서 상단 영역이 완전히 비어있고 컴포넌트들이 하단에 지나치게 치우쳐 배치되어 페이지 전체 배치 및 면적의 균형이 다소 어긋나 보입니다.
BAD
각 단계의 원형 그래픽 위에 숫자 '0'이 부자연스럽게 배치되어 그래픽 요소가 불안정하게 훼손되어 있고, 세 번째 유닛 내에서 대각선 방향의 점선이 가이드 곡선 패스와 무관하게 튀어나와 디자인 보존성을 해치고 있습니다. 또한 화면 상단 영역이 아무런 콘텐츠 없이 완전히 비어 있어 페이지 전체의 배치 균형과 면적 배분이 미완성된 인상을 줍니다.
사용자 원문
0 : 입장 & 준비
구명 조끼 착용 후 정돈된 모습으로 서있기
1 : 모여서 인사
선생님과 아이들 간의 첫 단체 인사
2 : 부모님 브리핑
평소 수업 내용 및 관람 포인트 설명
3 : 준비운동
부상 방지를 위한 지상 스트레칭
4~5 : 물 적응하기
① 앉아서 물장구 치기
② 벽 잡고 물장구
③ 벽 잡고 잠수 (물장구 또는 잠수 연습)
Visual Summary YAML
version: "0.5"
title: 수업 전 준비 및 물 적응 과정
components:
- type: ProcessFlow.Steps
structure:
entities:
- label: "0 : 입장 & 준비"
items:
- 구명 조끼 착용 후 정돈된 모습으로 서있기
- label: "1 : 모여서 인사"
items:
- 선생님과 아이들 간의 첫 단체 인사
- label: "2 : 부모님 브리핑"
items:
- 평소 수업 내용 및 관람 포인트 설명
- label: "3 : 준비운동"
items:
- 부상 방지를 위한 지상 스트레칭
- label: "4~5 : 물 적응하기"
items:
- 앉아서 물장구 치기
- 벽 잡고 물장구
- 벽 잡고 잠수 (물장구 또는 잠수 연습)
간소 B326:280· D.O. 13388975
PERFECT→BAD
꺾인 번호 「01」~「03」의 첫 줄 「0」이 동그라미 위로 튀어나왔다.
재배치 전
수정 전 간소 B 결과
간소판이 한 일옮김 3
규칙 판정(넘침·겹침·잘림)3·0·0 → 0·0·0게이트 통과
수정 후 간소 B
번호 3개를 글꼴 축소 없이 한 줄로 넓혀 넘침 3개를 없앴다. 원형 배경은 유지했다.
규칙: 넘침 0 · 신규 겹침 0 · 잘림 0
아래 등급·판정 근거는 수정 전 간소판의 기록이다. 위 수정 결과에는 새 LLM 등급을 매기지 않았다.
구조 적합성
PERFECT→PERFECT
내용 대치 정확성
PERFECT→PERFECT
시각적 계층
PERFECT→PERFECT
텍스트 가독성
PERFECT→ACCEPTABLE
디자인 완결성
PERFECT→BAD
판정 증상 텍스트 겹침
축별 판정 근거 (전 / 후)
축
재배치 전
재배치 후
구조 적합성
PERFECT
summary에 나타난 3개의 항목(타이틀과 디스크립션)을 담을 수 있는 슬롯이 과부족 없이 완전히 배치되어 수용력이 일치합니다.
PERFECT
제공된 summary의 3가지 항목(타이틀 및 하위 디스크립션)을 배치하기 위한 3개의 카드 레이아웃과 각각의 텍스트 슬롯이 정확히 매칭되도록 설계되어 구조의 과부족이 없습니다.
내용 대치 정확성
PERFECT
summary에 명시된 3개의 VU(입장 & 준비, 모여서 인사, 부모님 브리핑) 및 각각의 세부 설명 내용이 디자인의 각 카드 슬롯에 정확한 순서와 올바른 위계로 매핑되어 누락 없이 표현되었습니다.
PERFECT
summary에 명시된 모든 Visual Unit의 타이틀과 설명 텍스트가 누락 없이 디자인의 올바른 슬롯에 정확하게 매핑되었습니다. 더미 텍스트나 내용 누락 없이 본연의 텍스트가 정상적으로 모두 잘 배치되어 있습니다.
시각적 계층
PERFECT
마크다운 레벨에 따른 위계 구분이 크기와 굵기를 통해 매우 명확하게 표현되었습니다. 각 번호 제목들은 굵고 크게 강조되었으며, 하위 본문 텍스트들은 더 작고 얇은 스타일로 표현되어 시각적 계층 구조가 훌륭합니다. 동일한 위계의 요소들 간에 디자인 스타일이 일관되게 유지되어 안정적인 비주얼을 제공합니다.
PERFECT
상위 레벨인 단계별 타이틀(0, 1, 2번 항목)은 두껍고 강렬한 텍스트 스타일로 적용되었고, 하위 레벨인 세부 설명 문장들은 얇고 작은 스타일로 본문에 배치되어 위계 구분이 확실합니다. 동일한 위계의 요소들끼리도 정렬과 폰트 스타일이 통일성 있게 유지되어 시각적 흐름이 안정적입니다.
텍스트 가독성
PERFECT
모든 텍스트가 겹침, 잘림, 가려짐 현상 없이 또렷하고 명확하게 잘 읽힙니다.
ACCEPTABLE
모든 텍스트가 겹침이나 잘림 없이 선명하게 잘 읽힙니다. 다만, 첫 번째 카드 하단 본문에서 '서있기' 단어가 '서'와 '있기'로 나뉘어 어색하게 줄바꿈된 부분이 있습니다.
디자인 완결성
PERFECT
카드 레이아웃과 배경 색상을 활용하여 정보 단위가 매우 명확하게 구획되어 있으며, 세 개의 카드 컴포넌트가 페이지 전체에 균형 있게 배치되어 완성도가 높습니다. 각 유닛의 간격, 서체 크기 및 정렬 상태가 일관되게 유지되어 시각적 통일감이 우수하고, 중앙의 카메라 그래픽과 좌상단 뱃지 요인 등 원본 디자인의 시각 요소가 안정적으로 보존되어 있습니다.
BAD
각 카드(이미지 영역)의 좌측 상단에 노란색, 초록색, 파란색 카드의 경계에 걸쳐진 흰색 숫자 '0'과 빨간색 원형 숫자 배지('1', '2', '3')가 서로 비정상적으로 어긋나고 겹쳐서 배치되어 있습니다. 이는 텍스트 대치 과정에서 그래픽 요소와 레이아웃이 안정적으로 유지되지 못하고 깨진 것으로, 디자인 보존성 및 유닛 내부 마감 관점에서 심각한 결함에 해당하므로 BAD 등급을 부여합니다.
사용자 원문
0 : 입장 & 준비
구명 조끼 착용 후 정돈된 모습으로 서있기
1 : 모여서 인사
선생님과 아이들 간의 첫 단체 인사
2 : 부모님 브리핑
평소 수업 내용 및 관람 포인트 설명
3 : 준비운동
부상 방지를 위한 지상 스트레칭
4~5 : 물 적응하기
① 앉아서 물장구 치기
② 벽 잡고 물장구
③ 벽 잡고 잠수 (물장구 또는 잠수 연습)
Visual Summary YAML
version: "0.5"
title: 수업 전 준비 및 물 적응 과정
components:
- type: ProcessFlow.Steps
structure:
entities:
- label: '0 : 입장 & 준비'
items:
- 구명 조끼 착용 후 정돈된 모습으로 서있기
- label: '1 : 모여서 인사'
items:
- 선생님과 아이들 간의 첫 단체 인사
- label: '2 : 부모님 브리핑'
items:
- 평소 수업 내용 및 관람 포인트 설명
②
글을 얹혀 있던 카드에서 밀어냈다
2장
파란 카드 안의 글머리 목록이 카드 아래 사진 위로 떨어졌다. 기하 판단이 이 글의 컨테이너를 파란 카드가 아니라 뒤에 깔린 더 큰 건물 사진으로 잡았고, 그 사진 안에서는 아래로 비키는 것이 「허용」됐다.
컨테이너를 뒤의 큰 사진으로 잡음
사진 안이라 아래로 비키기가 통과
사진도 아래로 늘어남
고칠 방향
원안에서 글이 얹혀 있던 도형은 그 글의 배경으로 보고 장애물로 다루지 않는다. 옮긴 뒤에도 원안에서 얹혀 있던 도형 위에 그대로 있어야 받는다.
간소 A329:388· D.O. 13514876
PERFECT→BAD
파란 카드 안의 글머리 목록이 카드 아래 건물 사진 위로 떨어졌다. 사진도 아래로 늘었다.
재배치 전
수정 전 간소 A 결과
간소판이 한 일옮김 1키움 1
규칙 판정(넘침·겹침·잘림)0·1·0 → 0·0·0게이트 통과
수정 후 간소 A
파란 카드 위 본문을 원래 자리에 두었다. 입력의 겹침 1쌍은 남았다.
규칙: 넘침 0 · 신규 겹침 1 · 잘림 0
아래 등급·판정 근거는 수정 전 간소판의 기록이다. 위 수정 결과에는 새 LLM 등급을 매기지 않았다.
구조 적합성
PERFECT→PERFECT
내용 대치 정확성
PERFECT→PERFECT
시각적 계층
PERFECT→PERFECT
텍스트 가독성
PERFECT→BAD
디자인 완결성
PERFECT→BAD
판정 증상 텍스트 겹침 | 색상 대비 | 구획 요소 없음
축별 판정 근거 (전 / 후)
축
재배치 전
재배치 후
구조 적합성
PERFECT
제공된 summary의 구조는 하나의 큰 타이틀과 세 개의 세부 목록 항목으로 구성되어 있으며, 디자인 결과물 역시 이와 동일하게 하나의 대제목 슬롯과 세 개의 불릿 포인트를 갖춘 본문 슬롯이 과부족 없이 알맞게 배치되어 있어 구조 적합성이 뛰어납니다.
PERFECT
summary의 상위 타이틀 항목과 하위 리스트 3개 항목을 과부족 없이 완전히 수용할 수 있도록 타이틀 슬롯과 3개의 불릿 포인트 본문 슬롯이 정확하게 제공되었습니다.
내용 대치 정확성
PERFECT
summary의 핵심 문구인 '박판타박판타일과 우드가 어우러지는 웜 모던 리빙' 타이틀과 하위 세부 리스트 항목 3개가 누락 없이 모두 올바른 슬롯에 매핑되었으며, 각 항목의 순서와 위계도 완벽하게 대응됩니다.
PERFECT
제시된 summary의 타이틀과 세부 설명 내용이 누락 없이 올바른 슬롯과 위치에 위계에 맞게 정확히 매핑되어 있습니다.
시각적 계층
PERFECT
상위 항목인 '박판타박판타일과 우드가 어우러지는 웜 모던 리빙'이 큰 글자 크기와 굵기로 본문보다 강조되어 상위 위계임이 명확히 드러나며, 하위의 3개 본문 항목들은 동일한 글머리 기호와 일관되게 작은 글자 크기 및 굵기로 표현되어 시각적 계층 구조가 아주 명확하게 구분됩니다.
PERFECT
상위 항목인 '박판타박판타일과 우드가 어우러지는 웜 모던 리빙'은 파란색 카드 배경 위에 크고 굵은 흰색 글씨로 배치되어 확실한 시각적 중심 역할을 하며, 하위 본문 항목들은 하단에 작은 글씨와 불릿 기호로 일관되게 정렬되어 있어 마크다운 상의 위계가 시각적으로 매우 명확하게 구분됩니다.
텍스트 가독성
PERFECT
파란색 배경에 흰색 글씨로 대비감이 뚜렷하며, 글자가 겹치거나 잘리는 부분 없이 모든 텍스트를 명확하게 읽을 수 있어 가독성이 훌륭합니다.
BAD
우측 하단의 상세 설명 텍스트가 복잡한 하늘 및 빌딩 배경 이미지 위에 직접 겹쳐서 배치되어 있습니다. 특히 어두운 빌딩 구조물과 검은색 글자가 겹치는 영역은 대비가 극도로 낮아 글자의 형태를 식별하고 정상적으로 읽기 불가능합니다.
디자인 완결성
PERFECT
우측의 파란색 카드 컴포넌트를 통해 정보 단위가 명확하게 구획되어 있으며, 배경의 건축물 이미지와 도트 그래픽 요소가 안정적으로 유지되어 디자인 보존성이 우수합니다. 좌우 대칭 구조를 활용해 페이지 전체의 면적 배분이 균형감 있고, 카드 내부의 아이콘, 헤드라인, 텍스트 단락 간의 간격과 여백도 적절하게 마감되어 디자인 완결성이 매우 높습니다.
BAD
우측 하단의 상세 설명 본문 텍스트가 별도의 카드나 배경 도형, 선 등의 시각적 구획 장치 없이 복잡한 배경 이미지 위에 바로 얹혀 있어 정보 단위 구획감이 확보되지 않습니다. 이로 인해 텍스트 정보가 시각적으로 정돈되지 않고 화면 배경과 분리되지 않아, 전체적으로 완성된 디자인 결과물이라기보다 레이아웃이 정리되지 않은 미완성 상태로 보입니다.
사용자 원문
2. 거실
박판타박판타일과 우드가 어우러지는 웜 모던 리빙
CONCEPT
거실 벽면 전체에 박판타일을 적용해 공간 전체가 하나의 소재로 이어지는 듯한 통일감을 주었습니다. 큰 면적의 타일을 사용해 줄눈을 최소화하고, 스톤 특유의 차분한 질감으로 고급스러운 분위기를 강조했습니다. 짙은 우드 가구와 밝은 뉴트럴 컬러를 함께 구성해 자칫 차가워질 수 있는 타일 공간에 따뜻함을 더하고, 넓은 창으로 들어오는 자연광이 돋보이는 편안한 거실을 계획했습다.
Visual Summary YAML
version: "0.5"
title: 거실
components:
- type: TextBasedCommunication.LongFormTextLayout
structure:
entities:
- label: 박판타박판타일과 우드가 어우러지는 웜 모던 리빙
items:
- 거실 벽면 전체에 박판타일을 적용해 공간 전체가 하나의 소재로 이어지는 듯한 통일감을 주었습니다.
- 큰 면적의 타일을 사용해 줄눈을 최소화하고, 스톤 특유의 차분한 질감으로 고급스러운 분위기를 강조했습니다.
- 짙은 우드 가구와 밝은 뉴트럴 컬러를 함께 구성해 자칫 차가워질 수 있는 타일 공간에 따뜻함을 더하고, 넓은 창으로 들어오는 자연광이 돋보이는 편안한 거실을 계획했습다.
간소 B329:388· D.O. 13514876
PERFECT→BAD
파란 카드 안의 글머리 목록이 카드 아래 건물 사진 위로 떨어졌다(A 와 같은 장).
재배치 전
수정 전 간소 B 결과
간소판이 한 일옮김 1키움 1
규칙 판정(넘침·겹침·잘림)0·1·0 → 0·0·0게이트 통과
수정 후 간소 B
파란 카드 위 본문을 원래 자리에 두었다. 입력의 겹침 1쌍은 남았다.
규칙: 넘침 0 · 신규 겹침 1 · 잘림 0
아래 등급·판정 근거는 수정 전 간소판의 기록이다. 위 수정 결과에는 새 LLM 등급을 매기지 않았다.
구조 적합성
PERFECT→PERFECT
내용 대치 정확성
PERFECT→PERFECT
시각적 계층
PERFECT→PERFECT
텍스트 가독성
PERFECT→BAD
디자인 완결성
PERFECT→BAD
판정 증상 텍스트 겹침 | 색상 대비 | 구획 요소 없음
축별 판정 근거 (전 / 후)
축
재배치 전
재배치 후
구조 적합성
PERFECT
제공된 summary의 구조는 하나의 큰 타이틀과 세 개의 세부 목록 항목으로 구성되어 있으며, 디자인 결과물 역시 이와 동일하게 하나의 대제목 슬롯과 세 개의 불릿 포인트를 갖춘 본문 슬롯이 과부족 없이 알맞게 배치되어 있어 구조 적합성이 뛰어납니다.
PERFECT
summary에서 요구하는 헤드라인과 3개의 상세 불릿 항목을 과부족 없이 온전히 수용할 수 있는 텍스트 슬롯 구조를 갖추고 있습니다.
내용 대치 정확성
PERFECT
summary의 핵심 문구인 '박판타박판타일과 우드가 어우러지는 웜 모던 리빙' 타이틀과 하위 세부 리스트 항목 3개가 누락 없이 모두 올바른 슬롯에 매핑되었으며, 각 항목의 순서와 위계도 완벽하게 대응됩니다.
PERFECT
제공된 summary의 타이틀과 세 가지 상세 본문 설명이 누락이나 오배치 없이 올바른 슬롯에 순서대로 매핑되어 정확히 반영되어 있습니다.
시각적 계층
PERFECT
상위 항목인 '박판타박판타일과 우드가 어우러지는 웜 모던 리빙'이 큰 글자 크기와 굵기로 본문보다 강조되어 상위 위계임이 명확히 드러나며, 하위의 3개 본문 항목들은 동일한 글머리 기호와 일관되게 작은 글자 크기 및 굵기로 표현되어 시각적 계층 구조가 아주 명확하게 구분됩니다.
PERFECT
상위 서브타이틀인 '박판타박판타일과 우드가 어우러지는 웜 모던 리빙'은 파란색 배경 카드 내에 크고 밝게 표현되어 명확한 시각적 중심 역할을 하며, 하위 본문 항목들은 하단에 작은 텍스트 크기와 일관된 불릿 목록 스타일로 배치되어 위계가 뚜렷하게 구분됩니다.
텍스트 가독성
PERFECT
파란색 배경에 흰색 글씨로 대비감이 뚜렷하며, 글자가 겹치거나 잘리는 부분 없이 모든 텍스트를 명확하게 읽을 수 있어 가독성이 훌륭합니다.
BAD
우측 하단의 상세 설명 본문 텍스트가 어두운 빌딩 배경 이미지 위에 배치되어 텍스트와 배경의 명도 대비가 매우 낮으며, 글자 획이 배경 요소와 겹쳐서 글자를 읽어내기 어렵고 판독이 거의 불가능합니다.
디자인 완결성
PERFECT
우측의 파란색 카드 컴포넌트를 통해 정보 단위가 명확하게 구획되어 있으며, 배경의 건축물 이미지와 도트 그래픽 요소가 안정적으로 유지되어 디자인 보존성이 우수합니다. 좌우 대칭 구조를 활용해 페이지 전체의 면적 배분이 균형감 있고, 카드 내부의 아이콘, 헤드라인, 텍스트 단락 간의 간격과 여백도 적절하게 마감되어 디자인 완결성이 매우 높습니다.
BAD
우측 하단의 상세 본문 텍스트가 별도의 카드나 반투명 레이어 같은 시각적 구획 요소 없이 복잡한 배경 이미지 위에 그대로 배치되어 있어, 정보 단위의 시각적인 구획감이 확보되지 않습니다. 파란색 컨테이너와 본문 텍스트가 유기적으로 연결되지 못하고 배경 요소 위에 얹어져 있는 상태로 마감되어 디자인의 완결성이 매우 떨어집니다.
사용자 원문
2. 거실
박판타박판타일과 우드가 어우러지는 웜 모던 리빙
CONCEPT
거실 벽면 전체에 박판타일을 적용해 공간 전체가 하나의 소재로 이어지는 듯한 통일감을 주었습니다. 큰 면적의 타일을 사용해 줄눈을 최소화하고, 스톤 특유의 차분한 질감으로 고급스러운 분위기를 강조했습니다. 짙은 우드 가구와 밝은 뉴트럴 컬러를 함께 구성해 자칫 차가워질 수 있는 타일 공간에 따뜻함을 더하고, 넓은 창으로 들어오는 자연광이 돋보이는 편안한 거실을 계획했습다.
Visual Summary YAML
version: "0.5"
title: 거실
components:
- type: TextBasedCommunication.LongFormTextLayout
structure:
entities:
- label: 박판타박판타일과 우드가 어우러지는 웜 모던 리빙
items:
- 거실 벽면 전체에 박판타일을 적용해 공간 전체가 하나의 소재로 이어지는 듯한 통일감을 주었습니다.
- 큰 면적의 타일을 사용해 줄눈을 최소화하고, 스톤 특유의 차분한 질감으로 고급스러운 분위기를 강조했습니다.
- 짙은 우드 가구와 밝은 뉴트럴 컬러를 함께 구성해 자칫 차가워질 수 있는 타일 공간에 따뜻함을 더하고, 넓은 창으로 들어오는 자연광이 돋보이는 편안한 거실을 계획했습다.
③
밑줄 장식을 컨테이너로 키우고 번호마다 다르게 줄였다
1장
번호 아래 붓터치 밑줄을 컨테이너로 보고 세로 알약 크기로 키웠다. 넘침을 풀려고 일부 번호만 줄여 같은 목록 안 번호 크기가 들쭉날쭉해졌다.
밑줄 장식이 세로 알약으로 커짐
03·05 번호만 작아짐
고칠 방향
원안에서 글을 거의 다 품고 있던 도형만 키울 수 있는 컨테이너로 본다. 축소는 같은 반복 단위의 같은 역할 글에 같은 배율로 함께 건다.
간소 A328:32· D.O. 13383644
ACCEPTABLE→BAD
번호 아래 붓터치 밑줄이 세로 알약 크기로 커졌다. 03·05 만 글자가 줄어 번호 크기가 들쭉날쭉하다.
재배치 전
수정 전 간소 A 결과
간소판이 한 일키움 4줄임 14
규칙 판정(넘침·겹침·잘림)6·0·0 → 2·0·0게이트 통과
수정 후 간소 A
밑줄 장식과 번호를 입력 그대로 유지해 장식 성장과 번호별 불균일 축소를 막았다. 원래 넘침 6개는 남았다.
규칙: 넘침 6 · 신규 겹침 0 · 잘림 0
아래 등급·판정 근거는 수정 전 간소판의 기록이다. 위 수정 결과에는 새 LLM 등급을 매기지 않았다.
구조 적합성
PERFECT→PERFECT
내용 대치 정확성
PERFECT→PERFECT
시각적 계층
PERFECT→PERFECT
텍스트 가독성
ACCEPTABLE→PERFECT
디자인 완결성
PERFECT→BAD
판정 증상 넘침, 잘림 | 유닛 스타일 제각각
축별 판정 근거 (전 / 후)
축
재배치 전
재배치 후
구조 적합성
PERFECT
제공된 요약본의 타이틀('모바일 헬스 목차')과 6개의 본문 목록 아이템을 과부족 없이 완전히 수용할 수 있도록 레이아웃 구조와 슬롯이 완벽히 구성되어 있습니다.
PERFECT
타이틀인 '모바일 헬스 목차'와 본문의 6개 목록 항목을 모두 담을 수 있도록 슬롯이 완벽히 구성되어 있어 구조가 완전히 잘 맞습니다.
내용 대치 정확성
PERFECT
평가 대상인 타이틀 '모바일 헬스 목차'와 6개의 리스트 항목 텍스트가 누락 없이 지정된 순서대로 올바른 슬롯에 정확하게 매핑되어 매치되었습니다.
PERFECT
제공된 요약본의 모든 목차 항목이 누락 없이 정확한 텍스트로 올바른 슬롯에 순서대로 대치되었으며 더미 텍스트나 내용의 누락이 전혀 발견되지 않습니다.
시각적 계층
PERFECT
좌측에 배치된 타이틀('모바일 헬스 목차')은 더 굵은 서체와 독립적인 영역 구성을 통해 본문 항목들보다 명확히 상위 위계로 표현되었습니다. 우측의 본문 리스트 항목들은 동일한 크기와 스타일을 유지하며 번호 강조 그래픽과 함께 일관되게 나열되어, 시각적 계층 구조와 정보의 구분이 매우 훌륭합니다.
PERFECT
타이틀인 '모바일 헬스 목차'가 본문 항목보다 왼쪽에 더 크고 굵은 서체로 배치되어 상위 위계임이 명확하게 나타납니다. 본문의 리스트 항목들 역시 모두 동일한 폰트 크기와 스타일, 일관된 정렬을 유지하여 시각적 계층 구조가 깔끔하게 잘 정돈되어 있습니다.
텍스트 가독성
ACCEPTABLE
왼쪽 타이틀의 '모바일 헬스 목차' 텍스트가 의미 단위와 무관하게 '모바일 / 헬스 목 / 차' 형태로 어색하게 줄바꿈되어 가독성 흐름을 다소 방해하지만, 글자가 잘리거나 겹치는 현상 없이 모든 텍스트를 또렷하게 식별하고 읽을 수 있습니다.
PERFECT
텍스트의 겹침, 잘림, 오버플로우 등의 현상이 전혀 없으며 모든 글자가 또렷하고 선명하게 읽힙니다.
디자인 완결성
PERFECT
좌측의 타이틀 영역과 우측의 목차 리스트가 좌우로 균형 있게 배치되어 페이지 전체의 면적 배분이 매우 안정적입니다. 각 목차 유닛의 순번을 나타내는 숫자와 뒤편의 하늘색 그래픽 장식이 잘림 없이 보존되어 있으며, 모든 리스트 유닛이 일관된 스타일과 간격으로 배치되어 높은 디자인 완결성을 보여줍니다.
BAD
03번과 05번 항목의 번호 배경 그래픽이 비정상적으로 납작하게 찌그러지고 잘려 보여 디자인 보존성이 심각하게 훼손되었습니다. 이로 인해 리스트 간의 그래픽 스타일 통일감이 깨지고 미완성된 템플릿처럼 보입니다.
사용자 원문
목차 한줄로 만들어줘
1. 모바일 헬스의 개념과 발전
2. 모바일 헬스 기기와 앱
3. 모바일 헬스 적용 사례
4. 모바일 헬스의 장점과 한계
5. 최신 연구 동향과 미래
6. 문제 풀이
Visual Summary YAML
version: "0.5"
title: 모바일 헬스 목차
components:
- type: PageNavigation.TableOfContents
structure:
entities:
- label: 모바일 헬스의 개념과 발전
- label: 모바일 헬스 기기와 앱
- label: 모바일 헬스 적용 사례
- label: 모바일 헬스의 장점과 한계
- label: 최신 연구 동향과 미래
- label: 문제 풀이
④
컨테이너 없는 글을 멀리 옮겨 순서·자리가 깨졌다
5장
컨테이너가 없는(페이지에 바로 놓인) 글이 장식이나 다른 글을 비키다가 수백 px 떨어진 자리로 갔다. 규칙 판정은 겹침이 줄었다고 읽어 막지 못했다.
칸 제목이 다른 칸 옆으로 감 → 「오매핑, 순서」
가운데 제목이 카드 끝으로 감
셋째 카드 본문이 페이지 맨 위로 감
고칠 방향
컨테이너 없는 글은 옮기지 않는다. 겹침·페이지 이탈·축소를 이유로도 입력 x/y를 바꾸지 않는다. 컨테이너가 있는 글만 이동 상한·읽기 순서·붙은 장식 관계를 검사한다. 원안 글을 담지 않던 장식을 잘못 연결한 경우도 컨테이너 없음으로 본다.
간소 A328:444· D.O. 12662715
ACCEPTABLE→BAD
가운데 제목 「프로젝트 구성」이 왼쪽 끝으로 300px 넘게 갔고 점선 카드가 왼쪽으로 늘었다. 노란 강조 띠는 제자리에 남았다.
재배치 전
수정 전 간소 A 결과
간소판이 한 일옮김 2키움 1
규칙 판정(넘침·겹침·잘림)3·1·0 → 3·0·0게이트 통과
수정 후 간소 A
가운데 제목과 강조 띠 위치를 유지했고 번호 4개를 한 줄로 넓혔다. 원래 겹침 1쌍은 남았다.
규칙: 넘침 0 · 신규 겹침 1 · 잘림 0
아래 등급·판정 근거는 수정 전 간소판의 기록이다. 위 수정 결과에는 새 LLM 등급을 매기지 않았다.
구조 적합성
PERFECT→PERFECT
내용 대치 정확성
ACCEPTABLE→PERFECT
시각적 계층
PERFECT→PERFECT
텍스트 가독성
PERFECT→PERFECT
디자인 완결성
ACCEPTABLE→BAD
판정 증상 넘침, 잘림 | 빈 슬롯 방치 | 유닛 스타일 제각각
축별 판정 근거 (전 / 후)
축
재배치 전
재배치 후
구조 적합성
PERFECT
타이틀과 4개의 본문 목록 항목을 담을 수 있는 슬롯이 디자인에 과부족 없이 정확하게 구성되어 있어 구조가 완전히 일치합니다.
PERFECT
타이틀인 '프로젝트 구성'을 담을 타이틀 슬롯과 본문 목록의 4개 항목을 모두 담을 수 있는 4개의 반복 목록 슬롯이 과부족 없이 알맞게 구성되어 있습니다.
내용 대치 정확성
ACCEPTABLE
summary에 제공된 프로젝트 구성 타이틀과 네 개의 세부 항목 텍스트는 누락 없이 모두 올바른 위치에 정확히 매핑되었습니다. 다만 각 항목의 순서를 표시하는 기호 안의 숫자가 '01'을 제외하고는 모두 '0'으로 방치되어 텍스트 매핑의 완결성이 경미하게 떨어집니다.
PERFECT
제외 항목인 타이틀 '프로젝트 구성'을 포함하여 summary에 정의된 4개의 프로젝트 구성 항목이 누락 없이 올바른 위치에 정확하게 매핑되어 들어갔습니다.
시각적 계층
PERFECT
타이틀인 '프로젝트 구성'이 가장 크고 굵은 서체로 상단에 강조 배치되어 상위 위계임이 시각적으로 명확히 드러납니다. 본문의 하위 항목들 또한 동일한 글꼴 크기, 색상, 정렬 방식을 유지하여 일관된 스타일로 깔끔하게 정리되어 있으며, 타이틀과 본문 간의 시각적 계층 구조가 훌륭하게 설계되어 있습니다.
PERFECT
타이틀인 '프로젝트 구성'이 본문 항목들보다 훨씬 크고 붉은색으로 강조되어 상위 위계임이 명확하게 표현되었습니다. 본문을 구성하는 4개의 항목은 동일한 글자 크기, 색상, 스타일 및 빨간색 번호 불릿을 사용하여 일관되게 표현되어 시각적 계층 구조가 완벽합니다.
텍스트 가독성
PERFECT
화면에 배치된 타이틀 및 본문 텍스트 모두 겹침, 잘림, 오버플로우 현상 없이 선명하고 또렷하게 판독할 수 있도록 가독성이 훌륭하게 유지되어 있습니다.
PERFECT
화면에 표시된 타이틀과 본문 텍스트 모두 글자가 잘리거나 겹치는 현상 없이 또렷하게 잘 읽힙니다. 숫자 아이콘 하단에 미세한 그래픽 겹침이 있으나, 실제 텍스트 정보의 가독성에는 아무런 영향을 주지 않습니다.
디자인 완결성
ACCEPTABLE
흰색 카드 형태의 뚜렷한 배경 구획과 산타클로스, 눈송이 등의 일러스트가 조화롭게 배치되어 디자인의 전반적인 완성도와 정보 구획감은 우수합니다. 다만, 본문 텍스트 왼쪽에 위치한 붉은색 원형 인덱스 칩들의 하단에 불필요한 그래픽 잔상이 완전히 제거되지 않고 삐져나와 있는 등 그래픽 보존성과 마감 처리에서 미세한 디테일 손상이 발견됩니다. 치명적인 수준은 아니나 시각적인 완결성을 다소 저해하므로 ACCEPTABLE 등급으로 판정합니다.
BAD
정보 유닛 간의 스타일 통일성과 디자인 보존성 측면에서 명백한 결함이 확인됩니다. 리스트 항목을 안내하는 붉은 원형 넘버링 요소의 텍스트가 '01'과 '0'으로 일관되지 않게 배치되어 유닛 간 통일감이 깨지며, 일부 원형 넘버링 아이콘 하단에는 의도를 알 수 없는 붉은색 그래픽 조각들이 비정상적으로 잘려 나간 채 노출되어 디자인 보존성이 훼손되었습니다. 또한, 중앙 상단에 배치된 노란색 사각형 그래픽 요소는 전체적인 디자인 톤앤매너와 어우러지지 못하고 뜬금없이 방치되어 있어 미완성된 템플릿의 느낌을 줍니다.
사용자 원문
1. 프로젝트 개요
2. 팀 구성 및 역할 담당
3. 프로젝트 수행 절차 및 방법
4. 프로젝트 수행 예상 결과
Visual Summary YAML
version: "0.5"
title: 프로젝트 구성
components:
- type: PageNavigation.TableOfContents
structure:
entities:
- label: 프로젝트 개요
- label: 팀 구성 및 역할 담당
- label: 프로젝트 수행 절차 및 방법
- label: 프로젝트 수행 예상 결과
간소 A324:23· D.O. 12338991
PERFECT→BAD
둘째 칸 제목 「대처 방법」이 넷째 칸 제목 옆으로 갔다. 초록 곡선 장식도 커졌다.
재배치 전
수정 전 간소 A 결과
간소판이 한 일옮김 1키움 1줄임 7
규칙 판정(넘침·겹침·잘림)3·0·0 → 2·0·0게이트 통과
수정 후 간소 A
칸 제목의 순서와 자리를 유지하고 장식 성장을 막았다. 일부 글꼴은 축소되었으며 입력의 넘침 3개는 남았다.
규칙: 넘침 3 · 신규 겹침 0 · 잘림 0
아래 등급·판정 근거는 수정 전 간소판의 기록이다. 위 수정 결과에는 새 LLM 등급을 매기지 않았다.
구조 적합성
PERFECT→PERFECT
내용 대치 정확성
PERFECT→BAD
시각적 계층
PERFECT→PERFECT
텍스트 가독성
PERFECT→ACCEPTABLE
디자인 완결성
PERFECT→BAD
판정 증상 텍스트 겹침 | 내용 누락
축별 판정 근거 (전 / 후)
축
재배치 전
재배치 후
구조 적합성
PERFECT
제시된 summary의 메인 타이틀을 위한 슬롯과, 4개의 하위 항목(타이틀-본문)을 배치하기 위한 반복적인 가로 구조의 슬롯이 과부족 없이 완벽하게 들어맞게 설계되어 있습니다.
PERFECT
요약본의 대제목과 4개의 본문 항목(타이틀 및 설명문)을 모두 누락 없이 온전히 수용할 수 있도록 레이아웃 구조와 슬롯이 적절한 개수로 구성되어 있습니다.
내용 대치 정확성
PERFECT
summary에 기재된 4개의 주요 항목과 해당 설명이 모두 누락 없이 올바른 순서와 위치에 매핑되었으며, 타이틀 텍스트도 정확히 반영되어 있습니다.
BAD
summary의 두 번째 항목인 '대처 방법' 타이틀이 본래 위치인 두 번째 슬롯에서 누락되었고, 네 번째 슬롯의 '교수매체 활용' 타이틀 오른쪽에 배치되어 내용의 매핑 구조와 전달 흐름이 올바르지 않습니다.
시각적 계층
PERFECT
최상위 타이틀인 '영유아 안전사고 예방 교육'이 가장 크고 명확한 스타일로 상단에 배치되어 주도적인 위계를 확보하고 있습니다. 또한, '주요 안전사고', '대처 방법' 등 하위 섹션 제목은 굵고 뚜렷하게 표현된 반면, 세부 설명 본문은 그보다 얇고 작은 서체로 일관성 있게 디자인되어 정보의 상하 관계와 시각적 계층 구조가 완벽하게 구분됩니다.
PERFECT
썸네일에 표시된 '영유아 안전사고 예방 교육' 타이틀이 가장 굵고 큰 서체로 표현되어 상위 위계를 명확히 드러내고 있습니다. 또한, 각 하위 섹션 제목들과 본문 텍스트 간에도 크기와 두께 차이를 두어 시각적 계층 구조를 뚜렷하게 구분했으며, 동일한 위계의 요소들은 일관된 스타일로 디자인되어 전체적인 구조를 빠르게 파악하기 좋습니다.
텍스트 가독성
PERFECT
텍스트 뒤로 연두색 곡선 그래픽이 지나가지만, 검은색 글자가 그래픽 요소보다 앞 레이어에 명확하게 배치되어 있고 대비가 뚜렷하여 가려짐이나 잘림 없이 모든 글자를 또렷하게 읽을 수 있습니다.
ACCEPTABLE
일부 텍스트가 배경의 연두색 곡선 그래픽 및 가로 실선과 겹치는 배치를 보이고 있으나, 글자 자체의 획이 훼손되거나 가려지지 않아 모든 내용을 또렷하게 읽고 판독할 수 있습니다.
디자인 완결성
PERFECT
네 개의 정보 유닛이 수평선을 따라 명확하고 일관된 간격으로 배치되어 정보 단위의 구획감이 뛰어납니다. 배경의 연두색 곡선 그래픽과 지시선 포인트 등 독창적인 그래픽 요소들이 왜곡되거나 깨짐 없이 깔끔하게 보존되어 높은 수준의 디자인 완결성을 보여줍니다. 페이지 전체의 공간 구성과 여백 또한 균형이 잡혀 있어 추가적인 수정이 필요 없는 완성도 높은 디자인 결과물로 판단됩니다.
BAD
타임라인 마일스톤을 나타내는 선 위의 고정된 점들과 하단 텍스트 유닛들의 배치 간격이 일치하지 않으며, 특정 텍스트들이 우측 끝에 무분별하게 밀집 배치되어 유닛 배치 및 스타일 통일감(요인 4)이 심각하게 훼손되었습니다. 아울러 배경의 대형 그래픽 요소와 텍스트 유닛들이 조화를 이루지 못하고 부자연스럽게 겹쳐 보여 레이아웃의 시각적 안정성과 디자인 보존성(요인 2)이 저하되었으며, 전반적으로 조율되지 않은 미완성 템플릿의 인상을 줍니다.
사용자 원문
- 영유아에게 발생할 수 있는 주요 안전사고 중 하나임
- 위험 상황을 인식하고 적절하게 대처하는 방법을 익히는 것이 중요함
- 시각자료·놀이·상호작용을 통해 안전수칙을 쉽게 이해할 수 있음
- 영상·이야기 나누기·보드게임 등 다양한 교수매체의 활용 방법을 알아보고자 함
Visual Summary YAML
version: "0.5"
title: 영유아 안전사고 예방 교육
components:
- type: Enumeration.List
structure:
entities:
- label: 주요 안전사고
items:
- 영유아에게 발생할 수 있는 주요 안전사고 중 하나임
- label: 대처 방법
items:
- 위험 상황을 인식하고 적절하게 대처하는 방법을 익히는 것이 중요함
- label: 안전수칙 이해
items:
- 시각자료·놀이·상호작용을 통해 안전수칙을 쉽게 이해할 수 있음
- label: 교수매체 활용
items:
- 영상·이야기 나누기·보드게임 등 다양한 교수매체의 활용 방법을 알아보고자 함
간소 B327:354· D.O. 12338991
ACCEPTABLE→BAD
둘째 칸 제목 「데이터의 사거리」가 넷째 칸 제목 옆으로 갔다. 판정에 「오매핑, 순서」가 붙었다.
재배치 전
수정 전 간소 B 결과
간소판이 한 일옮김 1키움 1
규칙 판정(넘침·겹침·잘림)3·0·0 → 2·0·0게이트 통과
수정 후 간소 B
칸 제목의 순서와 자리를 유지하고 장식 성장을 막았다. 일부 글꼴은 축소되었으며 입력의 넘침 3개는 남았다.
규칙: 넘침 3 · 신규 겹침 0 · 잘림 0
아래 등급·판정 근거는 수정 전 간소판의 기록이다. 위 수정 결과에는 새 LLM 등급을 매기지 않았다.
구조 적합성
PERFECT→PERFECT
내용 대치 정확성
ACCEPTABLE→BAD
시각적 계층
PERFECT→PERFECT
텍스트 가독성
ACCEPTABLE→ACCEPTABLE
디자인 완결성
PERFECT→BAD
판정 증상 텍스트 겹침 | 오매핑, 순서 | 더미 문구 잔존
축별 판정 근거 (전 / 후)
축
재배치 전
재배치 후
구조 적합성
PERFECT
summary에서 대제목 외에 총 4개의 주요 항목('확장의 규칙', '데이터의 사거리', '판단의 정밀도', '옹호의 수신처')을 나열하는 구조인데, 결과물에서도 이를 수용할 4개의 열(슬롯)이 과부족 없이 구성되어 있습니다. 하위 세부 내용이 없는 첫 번째 항목의 경우에도 텍스트 플레이스홀더 슬롯을 배치하여 구조적 수용력을 완전히 만족합니다.
PERFECT
summary의 구조는 대문단 제목 외에 4개의 반복되는 항목(확장의 규칙, 데이터의 사거리, 판단의 정밀도, 옹호의 수신처) 및 그 하위 리스트 구조로 이루어져 있습니다. 디자인은 이를 완벽히 수용할 수 있도록 4개의 정보 그룹 슬롯을 정확히 제공하고 있어 구조적으로 완벽하게 들어맞습니다.
내용 대치 정확성
ACCEPTABLE
summary의 모든 핵심 내용이 누락 없이 올바른 영역에 순서대로 대치되었습니다. 다만 첫 번째 항목인 '확장의 규칙' 아래에 템플릿의 더미 텍스트인 '설명을 입력해주세요.'가 그대로 노출되어 있습니다.
BAD
대주제인 '확장의 규칙'이 첫 번째 노드의 소제목 영역으로 오배치되어 더미 텍스트가 노출되었으며, '데이터의 사거리' 타이틀과 실제 세부 내용의 매핑 위치가 서로 일치하지 않는 구조적 오류가 존재합니다.
시각적 계층
PERFECT
타이틀인 '확장의 규칙'이 좌측 상단에 가장 크고 명확하게 배치되어 시각적 상위 위계를 잘 드러냅니다. 또한, 하단의 각 섹션 제목(데이터의 사거리, 판단의 정밀도 등)과 하위 세부 항목들이 글자 크기와 굵기, 불릿 기호를 통해 확실하게 구분되며, 동일 레벨의 텍스트가 일관된 스타일로 정렬되어 시각적 계층 구조가 완벽하게 표현되었습니다.
PERFECT
타이틀인 '확장의 규칙'은 좌측 상단에 가장 크고 굵은 텍스트로 표현되어 상위 위계가 확실하게 드러납니다. 또한 소제목들('확장의 규칙', '데이터의 사거리', '판단의 정밀도', '옹호의 수신처')과 하위 본문 텍스트들 간의 크기 및 굵기 차이가 명확하게 구분되며, 동일한 레벨의 항목들은 일관된 텍스트 스타일을 유지하여 시각적 계층 구조가 매우 명확합니다.
텍스트 가독성
ACCEPTABLE
'데이터의 사거리' 영역 내 '고등학교: 지역·국가 통계와 공공 데이터' 항목에서 '데이터' 단어가 '공공 데'와 '이터'로 어색하게 줄바꿈(분절)되어 가독성이 다소 저하되나, 전체적인 내용을 판독하는 데 큰 지장은 없습니다.
ACCEPTABLE
본문 텍스트 중 '공공 데이터'의 일부가 '데\n이터'와 같이 어색하게 줄바꿈되어 배치되어 있습니다. 또한 '판단의 정밀도', '옹호의 수신처' 등의 텍스트가 배경의 연두색 곡선 그래픽 위에 배치되어 있으나, 검은색 글자와의 대비가 뚜렷하여 글자를 읽어내는 데는 지장이 없습니다.
디자인 완결성
PERFECT
타임라인을 형상화한 가로형 레이아웃과 감각적인 유기적 곡선 그래픽이 안정적으로 어우러져 디자인 완성도가 매우 높습니다. 각 정보 유닛이 가로 배치 상에서 일정한 간격과 통일된 스타일로 배치되어 명확한 구획감을 제공하며, 페이지의 전체적인 균형과 여백도 훌륭하게 설계되어 완성도 높은 프레젠테이션 디자인의 형태를 보여줍니다.
BAD
녹색 곡선 그래픽 요소가 텍스트와 무분별하게 겹쳐서 배치되어 그래픽 요소의 본래 형태와 레이아웃의 안정성이 훼손되었으며 디자인 보존성이 떨어집니다. 또한, 가로 축선 상의 점들과 하단 텍스트 유닛의 배치 정렬이 서로 어긋나 있고, 일부 타이틀 텍스트는 엉뚱한 위치로 치우쳐 본문과 매칭되지 않는 등 정보 단위의 구획감 및 배치 통일성이 심각하게 훼손되어 완성된 디자인으로 보기 어렵습니다.
사용자 원문
| 확장의 규칙 | 초등 | 중학교 | 고등학교 |
| --- | --- | --- | --- |
| 데이터의 사거리 | 내 몸의 1차 데이터 | 학급·학교 집계 데이터 | 지역·국가 통계와 공공 데이터 |
| 판단의 정밀도 | 어림에서 기준으로 | 측정 오차와 신뢰구간 | 상관과 인과의 구별 |
| 옹호의 수신처 | 우리 반·우리 학교 | 지역사회 신고 채널 | 기업·제도 |
Visual Summary YAML
version: "0.5"
title: 확장의 규칙
components:
- type: AttributeComparison.ComparisonTable
structure:
entities:
- label: 확장의 규칙
dataset:
shape: matrix
columns:
- label: 확장의 규칙
role: category
- label: 초등
role: category
- label: 중학교
role: category
- label: 고등학교
role: category
rows:
- [데이터의 사거리, 내 몸의 1차 데이터, 학급·학교 집계 데이터, 지역·국가 통계와 공공 데이터]
- [판단의 정밀도, 어림에서 기준으로, 측정 오차와 신뢰구간, 상관과 인과의 구별]
- [옹호의 수신처, 우리 반·우리 학교, 지역사회 신고 채널, 기업·제도]
간소 B324:200· D.O. 11515300
PERFECT→BAD
셋째 카드 본문이 페이지 맨 위로 갔고, 셋째 카드 제목은 줄어 둘째 카드 안으로 들어갔다.
재배치 전
수정 전 간소 B 결과
간소판이 한 일옮김 3줄임 13
규칙 판정(넘침·겹침·잘림)0·6·0 → 0·1·0게이트 통과
수정 후 간소 B
셋째 카드 본문을 원래 자리에 두었다. 입력의 겹침 6쌍 중 3쌍이 남았다.
규칙: 넘침 0 · 신규 겹침 3 · 잘림 0
아래 등급·판정 근거는 수정 전 간소판의 기록이다. 위 수정 결과에는 새 LLM 등급을 매기지 않았다.
구조 적합성
PERFECT→ACCEPTABLE
내용 대치 정확성
PERFECT→BAD
시각적 계층
PERFECT→BAD
텍스트 가독성
PERFECT→BAD
디자인 완결성
PERFECT→BAD
판정 증상 넘침, 잘림 | 글자 너무 작음 | 색상 대비 | 오매핑, 순서
축별 판정 근거 (전 / 후)
축
재배치 전
재배치 후
구조 적합성
PERFECT
요약문에서 제시하는 3개의 대항목 및 각 항목별 하위 디스크립션(내용, ESG 연계) 구조를 과부족 없이 완벽히 수용할 수 있도록 3개의 카드 슬롯 구조가 설계되어 제공되었습니다.
ACCEPTABLE
요약본(summary)은 3개의 반복적인 정보 블록으로 구성되어 있으며, 디자인 시안에는 이를 수용하기에 충분한 정보 구획(슬롯)이 존재하여 모든 콘텐츠 구조를 빠짐없이 수용할 수 있습니다. 다만, 실제 요약본의 반복 단위 개수(3개)와 화면 내 시각적 카드/영역의 개수(4개)가 정확히 일치하지 않아 구조적 수용 능력이 다소 헐겁게 구성되어 있습니다.
내용 대치 정확성
PERFECT
제시된 summary의 3가지 핵심 영역 및 세부 내용(내용, ESG 연계)이 누락이나 오배치 없이 올바른 위치에 정확하게 매핑되어 완벽하게 표현되었습니다.
BAD
세 번째 VU의 타이틀인 'Progress for Humanity 가치 기반의 시민주도 기후행동 확산'은 두 번째 VU가 있는 검은색 영역 하단에 동떨어져 배치된 반면, 해당 VU의 상세 내용(내용 및 ESG 연계)은 가장 상단의 흰색 영역에 배치되어 타이틀과 본문 내용이 서로 매핑되지 않고 순서와 흐름이 심각하게 어긋나 있습니다.
시각적 계층
PERFECT
세 개의 주요 섹션 제목은 크고 굵은 글씨로 상단에 배치되고, 하위 본문 내용들은 작은 크기와 일관된 불릿 형태로 하단에 배치되어 상하위 위계 관계가 시각적으로 매우 명확히 구분됩니다. 각 카드별 디자인 스타일이 동일하게 유지되어 일관성도 우수합니다.
BAD
동일한 레벨에 해당하는 세 가지 섹션의 제목이 일관되지 않은 스타일로 표현되어 시각적 계층 구조가 불명확합니다. 첫 번째와 두 번째 섹션 제목은 크고 밝게 강조되어 있으나, 세 번째 섹션 제목은 글자 크기가 매우 작고 어두운 색상으로 표현되어 가독성이 떨어지며 다른 제목들과 일관성을 잃었습니다. 더욱이 세 번째 섹션의 본문 텍스트가 해당 제목과 분리되어 이미지 최상단에 배치됨으로써 시각적인 위계와 정보의 연결 흐름이 완전히 단절되었습니다.
텍스트 가독성
PERFECT
제시된 모든 텍스트 정보가 배경과의 대비가 뚜렷하고, 글자의 겹침, 잘림, 오버플로우 등 가독성을 저해하는 결함 없이 선명하게 잘 읽힙니다.
BAD
어두운 회색 배경 영역의 하단에 배치된 "'Progress for Humanity' 가치 기반의 시민주도 기후행동 확산" 텍스트는 배경색과 글자색의 대비가 극도로 낮아 육안으로 판독하기 어렵습니다.
디자인 완결성
PERFECT
각 정보 단위가 명확한 색상과 곡률을 가진 배경 카드로 구획되어 정보 단위 구획감이 매우 뛰어납니다. 세 개의 카드가 일관된 구조(가운데 정렬된 타이틀과 하단 상세 텍스트) 및 스타일을 유지하여 통일성이 우수하며, 카드 내부의 여백과 텍스트 배치 밀도가 안정적입니다. 전반적으로 톤앤매너가 잘 조화되어 완성도 높은 프레젠테이션 디자인으로 평가됩니다.
BAD
상단의 정보 유닛 텍스트가 배경 카드 영역 바깥의 빈 공간에 배치되어 정보 단위의 시각적 구획감이 크게 훼손되었습니다. 또한 하단의 카드 도형 레이아웃과 텍스트 배치가 비정상적으로 어긋나고 잘려 있어 원본 디자인의 규격과 그래픽 요소가 안정적으로 유지되지 못하는 등 디자인 보존성 측면에서 심각한 결함이 관찰됩니다.
사용자 원문
ECO-CONNECT1. 생태계 회복 및 도시 자율 탄소흡수원 확보 (생태복원 숲 대응)
- 내용: 유휴 폐교 부지의 콘크리트를 철거하고 자생수종 중심의 생태 숲을 복원하여 생물다양성 증진 및 도시 내 탄소흡수원(Carbon Sink) 확보
- ESG 연계: 기업의 자연자본 보전(TNFD) 및 생태계 복원 관련 글로벌 ESG 공시 요구에 선제적으로 대응하는 진정성 있는 환경 CSR 성과 창출
2. 지역사회 자원순환 인프라 및 탄소중립 실천 모델 구축 (탄소감축 거점 대응)
- 내용: 환경 도서관 운영 및 제로웨이스트·자원순환 인프라 구축을 통해 일상 속에서 주민들이 체감하고 실천하는 탄소감축 커뮤니티 거점 형성
- ESG 연계: 현대자동차그룹의 '2045 탄소중립' 비전을 지역 공공 인프라와 연결하여, 주민 생활 밀착형 탄소 저감 성과 달성
3. 'Progress for Humanity' 가치 기반의 시민주도 기후행동 확산 (교육 거점 대응)
- 내용: 주민 대상 환경 교육, 시민 모니터링단 운영 등 참여형 프로그램을 통해 기술을 넘어 '사람 중심'의 자발적 기후행동 생태계 조성
- ESG 연계: '인류를 위한 진보' 비전을 지역사회 교육·문화 가치로 대외 확산하여, 그룹 브랜드의 사회적 가치(Social Value) 및 친밀도 극대화
Visual Summary YAML
version: "0.5"
title: ECO-CONNECT
components:
- type: Enumeration.List
structure:
entities:
- label: 생태계 회복 및 도시 자율 탄소흡수원 확보
items:
- "내용: 유휴 폐교 부지의 콘크리트를 철거하고 자생수종 중심의 생태 숲을 복원하여 생물다양성 증진 및 도시 내 탄소흡수원(Carbon Sink) 확보"
- "ESG 연계: 기업의 자연자본 보전(TNFD) 및 생태계 복원 관련 글로벌 ESG 공시 요구에 선제적으로 대응하는 진정성 있는 환경 CSR 성과 창출"
- label: 지역사회 자원순환 인프라 및 탄소중립 실천 모델 구축
items:
- "내용: 환경 도서관 운영 및 제로웨이스트·자원순환 인프라 구축을 통해 일상 속에서 주민들이 체감하고 실천하는 탄소감축 커뮤니티 거점 형성"
- "ESG 연계: 현대자동차그룹의 '2045 탄소중립' 비전을 지역 공공 인프라와 연결하여, 주민 생활 밀착형 탄소 저감 성과 달성"
- label: "'Progress for Humanity' 가치 기반의 시민주도 기후행동 확산"
items:
- "내용: 주민 대상 환경 교육, 시민 모니터링단 운영 등 참여형 프로그램을 통해 기술을 넘어 '사람 중심'의 자발적 기후행동 생태계 조성"
- "ESG 연계: '인류를 위한 진보' 비전을 지역사회 교육·문화 가치로 대외 확산하여, 그룹 브랜드의 사회적 가치(Social Value) 및 친밀도 극대화"
간소 B324:23· D.O. 12338991
PERFECT→BAD
둘째 칸 제목 「대처 방법」이 넷째 칸 제목 옆으로 갔다(A 와 같은 장).
재배치 전
수정 전 간소 B 결과
간소판이 한 일옮김 1키움 1
규칙 판정(넘침·겹침·잘림)3·0·0 → 2·0·0게이트 통과
수정 후 간소 B
칸 제목의 순서와 자리를 유지하고 장식 성장을 막았다. 일부 글꼴은 축소되었으며 입력의 넘침 3개는 남았다.
규칙: 넘침 3 · 신규 겹침 0 · 잘림 0
아래 등급·판정 근거는 수정 전 간소판의 기록이다. 위 수정 결과에는 새 LLM 등급을 매기지 않았다.
구조 적합성
PERFECT→BAD
내용 대치 정확성
PERFECT→BAD
시각적 계층
PERFECT→PERFECT
텍스트 가독성
PERFECT→ACCEPTABLE
디자인 완결성
PERFECT→BAD
판정 증상 텍스트 겹침 | 내용 누락
축별 판정 근거 (전 / 후)
축
재배치 전
재배치 후
구조 적합성
PERFECT
제시된 summary의 메인 타이틀을 위한 슬롯과, 4개의 하위 항목(타이틀-본문)을 배치하기 위한 반복적인 가로 구조의 슬롯이 과부족 없이 완벽하게 들어맞게 설계되어 있습니다.
BAD
요약본에서는 4개의 타이틀-디스크립션 구조를 요구하고 있으나 결과 디자인에는 디스크립션 슬롯 4개에 비해 타이틀을 수용할 슬롯이 3개만 제공되어 타이틀 콘텐츠를 정상적으로 모두 수용하기에 슬롯 수량이 부족합니다.
내용 대치 정확성
PERFECT
summary에 기재된 4개의 주요 항목과 해당 설명이 모두 누락 없이 올바른 순서와 위치에 매핑되었으며, 타이틀 텍스트도 정확히 반영되어 있습니다.
BAD
summary의 '대처 방법' 타이틀이 정해진 위치인 두 번째 슬롯에 배치되지 않고 네 번째 슬롯인 '교수매체 활용' 옆으로 잘못 매핑되었으며, 이로 인해 두 번째 슬롯의 타이틀이 누락되는 오배치 문제가 존재합니다.
시각적 계층
PERFECT
최상위 타이틀인 '영유아 안전사고 예방 교육'이 가장 크고 명확한 스타일로 상단에 배치되어 주도적인 위계를 확보하고 있습니다. 또한, '주요 안전사고', '대처 방법' 등 하위 섹션 제목은 굵고 뚜렷하게 표현된 반면, 세부 설명 본문은 그보다 얇고 작은 서체로 일관성 있게 디자인되어 정보의 상하 관계와 시각적 계층 구조가 완벽하게 구분됩니다.
PERFECT
타이틀인 '영유아 안전사고 예방 교육'은 가장 상단에 크고 굵게 표현되어 최상위 위계를 명확히 나타내고 있습니다. 하위 섹션 제목들(주요 안전사고, 안전수칙 이해 등)과 그에 대응하는 본문 텍스트 역시 글자 크기와 굵기의 대비를 통해 시각적 계층 구조가 뚜렷이 구분되며, 동일 레벨의 요소들은 일관된 스타일로 디자인되어 완성도가 높습니다.
텍스트 가독성
PERFECT
텍스트 뒤로 연두색 곡선 그래픽이 지나가지만, 검은색 글자가 그래픽 요소보다 앞 레이어에 명확하게 배치되어 있고 대비가 뚜렷하여 가려짐이나 잘림 없이 모든 글자를 또렷하게 읽을 수 있습니다.
ACCEPTABLE
배경의 연두색 그래픽과 일부 텍스트가 겹쳐 있고 우측 타이틀 간격이 좁게 배치되었으나, 검은색 글씨와의 대비가 명확하여 모든 문자를 왜곡 없이 또렷하게 판독할 수 있습니다.
디자인 완결성
PERFECT
네 개의 정보 유닛이 수평선을 따라 명확하고 일관된 간격으로 배치되어 정보 단위의 구획감이 뛰어납니다. 배경의 연두색 곡선 그래픽과 지시선 포인트 등 독창적인 그래픽 요소들이 왜곡되거나 깨짐 없이 깔끔하게 보존되어 높은 수준의 디자인 완결성을 보여줍니다. 페이지 전체의 공간 구성과 여백 또한 균형이 잡혀 있어 추가적인 수정이 필요 없는 완성도 높은 디자인 결과물로 판단됩니다.
BAD
타임라인 구조로 이루어진 프레젠테이션 디자인에서 각 정보 유닛이 일정한 간격과 정렬 규칙을 유지하지 못하고 있습니다. 네 번째 노드 영역에서 '교수매체 활용'과 '대처 방법' 타이틀 텍스트가 비정상적으로 좁은 간격으로 뭉쳐 있어 전체적인 레이아웃의 통일감이 훼손되었습니다. 또한 두 번째 노드에는 타이틀 영역이 누락되어 각 정보 단위의 일관된 구획 및 시각적 배치 통일감이 무너져 완성도 높은 디자인 결과물로 보기 어렵습니다.
사용자 원문
- 영유아에게 발생할 수 있는 주요 안전사고 중 하나임
- 위험 상황을 인식하고 적절하게 대처하는 방법을 익히는 것이 중요함
- 시각자료·놀이·상호작용을 통해 안전수칙을 쉽게 이해할 수 있음
- 영상·이야기 나누기·보드게임 등 다양한 교수매체의 활용 방법을 알아보고자 함
Visual Summary YAML
version: "0.5"
title: 영유아 안전사고 예방 교육
components:
- type: Enumeration.List
structure:
entities:
- label: 주요 안전사고
items:
- 영유아에게 발생할 수 있는 주요 안전사고 중 하나임
- label: 대처 방법
items:
- 위험 상황을 인식하고 적절하게 대처하는 방법을 익히는 것이 중요함
- label: 안전수칙 이해
items:
- 시각자료·놀이·상호작용을 통해 안전수칙을 쉽게 이해할 수 있음
- label: 교수매체 활용
items:
- 영상·이야기 나누기·보드게임 등 다양한 교수매체의 활용 방법을 알아보고자 함
반영한 내용과 남은 확인
번호 배지·원안 지원 도형·장식 성장·같은 역할 축소·이동 조건을 보완했다. 컨테이너 없는 글은 입력 x/y를 고정한다.
c4 3,114장을 다시 규칙 판정하고 13개 비교군의 수정 이미지를 확인했다. 입력 대비 넘침·겹침 개선은 남았지만, 이전판의 겹침 개선 폭은 유지하지 못했다.
A의 원안 글자 영역은 적재 캐시를 읽으며 추가 측정하지 않는다. 외곽선은 호환 캐시를 우선 사용한다.
새 LLM 판정은 수행하지 않았다. 기존 결함이 남은 장이 있으므로 13개 모두가 시각적으로 완전히 해결됐다고 결론 내리지 않는다.
자료: 원래 회차·간소 A·간소 B(묶음 #8 재판정) cells.csv, 판정 업로드 323~329 의 source.csv. 처음 B 판정은 프롬프트 묶음 #1 로 돌아 견줄 수 없어 버렸다.