히어로를 국소 레퍼런스로 다시 잡고, 국소 경로에 1′ 단계를 넣는다
히어로를 고치면서 레퍼런스를 다시 보지 않았다. lusion 하나에서 얻은 원리만 들고 판 폭과 액자 비율을 네 번 고쳤다 — 전부 계산이지 근거가 아니었다. 국소 레퍼런스 실측 lusion.co 3D 가 첫 화면의 71%, h1 36px, 텍스트는 캔버스 위 basement.studio 3D 가 100%, h1 87px 은 캔버스 아래(y=916) railway.com h1 54px 1줄, 미디어는 그 아래 우리(고치기 전) 3D 52% / 텍스트 43% — 둘 다 어중간 셋 다 3D 와 텍스트를 세로로 분리하고 3D 에 70% 이상을 준다. CTA 가 첫 화면에 있어야 하므로 basement 형이 아닌 lusion 비율을 택했다. 현행 텍스트 24% / 액자 59%, 링크는 액자 캡션 줄로 내렸다. 3D 형태 판 15x6 으로 액자 비율과 일치시켰다. 좁으면 통과 내내 좌우 테두리가 남아 세로 기둥으로 보이고, 낮으면 액자 경계와 겹쳐 이중선이 된다 sway 를 0.16+0.05i 로 되돌렸다. 키우니 문이 아니라 쌓아둔 사각형이 됐다 모바일 액자 4/3 -> 1/1 (화면의 27% -> 36%) 스킬 SKILL.md 0단계: 연장·국소 경로에 1′(국소 레퍼런스 1개) 추가. design.md 는 방향과 토큰까지만 답하고 형태를 답하지 않는다. 그 빈칸을 메우는 것이 기본값이고 기본값의 총합이 슬롭이다. galleries.md 의 국소 브리프 표에 진입점이 없던 것을 연결했다
This commit is contained in:
parent
9648d1d82a
commit
4b853355e3
4 changed files with 83 additions and 16 deletions
|
|
@ -66,8 +66,22 @@ description: "웹 디자인 전 과정을 끌고 가는 파이프라인 스킬.
|
|||
| 조건 | 경로 | 도는 단계 |
|
||||
|---|---|---|
|
||||
| (A 또는 B) 이고 C 아니오 | **전체** | 0 → 1 → 2 → 3 → 4 → 5 → 6 |
|
||||
| (A 또는 B) 이고 C 예 | **연장** | 0 → 3 → 4 → 5 → 6 — 방향은 `design.md` 가 이미 답했다 |
|
||||
| A·B 둘 다 아니오, 손대는 섹션 2개 이하 | **국소** | 0 → 4 → 5 → 6(한 줄 추기) |
|
||||
| (A 또는 B) 이고 C 예 | **연장** | 0 → **1′** → 3 → 4 → 5 → 6 — 방향은 `design.md` 가 이미 답했다 |
|
||||
| A·B 둘 다 아니오, 손대는 섹션 2개 이하 | **국소** | 0 → **1′** → 4 → 5 → 6(한 줄 추기) |
|
||||
|
||||
**1′ — 국소 레퍼런스.** 연장·국소도 레퍼런스를 **완전히 건너뛰지는 않는다.**
|
||||
`design.md` 는 방향과 토큰까지만 답한다. "히어로를 다시 짜라" 같은 요청에 대해 그 파일은
|
||||
**형태를 답하지 않는다** — 액자가 화면의 몇 %여야 하는지, 헤드라인이 몇 px 이어야 하는지는 거기 없다.
|
||||
그 빈칸을 메우는 것이 기본값이고, 기본값의 총합이 슬롭이다.
|
||||
|
||||
`references/galleries.md` §1 의 **국소 브리프 표**에서 손대는 대상(히어로·내비·푸터·요금제·404·후기)의
|
||||
소스를 열고 **사례 1개를 실측한다.** 전체 경로의 3개가 아니라 1개다. 6축을 다 채우지 않아도 된다.
|
||||
**손대는 축만 숫자로 적으면 통과다.**
|
||||
|
||||
> 실측 사례: designpaca 자신의 히어로를 고칠 때 이 단계를 건너뛰고 수치만 조정하다가
|
||||
> 판 폭·액자 비율을 네 번 고쳤다. 레퍼런스 2개를 실제로 재자 한 번에 답이 나왔다 —
|
||||
> 3D 영역이 첫 화면의 71%(lusion.co)와 100%(basement.studio)인데 우리는 52%였다.
|
||||
> **"이상한데요" 는 취향이 아니라 측정 가능한 차이였다.**
|
||||
|
||||
고른 경로와 근거를 한 줄로 말해라: *"국소 — 새 화면 없음, 토큰 재정의 없음, 섹션 1개."*
|
||||
|
||||
|
|
@ -242,7 +256,7 @@ HTML-in-Canvas(`drawElementImage`)는 **폴백을 완성한 뒤에만** 얹는
|
|||
|
||||
| 파일 | 언제 읽나 |
|
||||
|---|---|
|
||||
| `references/galleries.md` | 1단계 — 어느 갤러리를 볼지 정할 때 |
|
||||
| `references/galleries.md` | 1단계 — 어느 갤러리를 볼지 정할 때 / **1′ — 국소 브리프 표** |
|
||||
| `references/reference-method.md` | 1단계 — 레퍼런스를 뜯어볼 때 |
|
||||
| `references/presets/README.md` | 2단계 — 미학 방향을 고를 때 (고른 프리셋 하나만 추가로 읽는다) |
|
||||
| `references/tokens.md` | 3단계 — 토큰을 정할 때 |
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue