[생성형 AI] AI 시안 피드백이 달라지는 웹 화면 기초
AI로 랜딩 페이지나 화면 시안을 만드는 일이 늘어나면서, 결과물에 대한 피드백 역량이 곧 결과물의 품질을 좌우하게 됐습니다. 코드를 직접 작성하지 않더라도 문제를 정확한 용어로 지목하는 수준까지는 10~20분이면 익힐 수 있으며, 이 글에서는 그 기준을 실제 화면과 함께 정리합니다.
"뭔가 어색하다"는 피드백으로는 AI도 디자이너도 정확히 고칠 수 없습니다. 반면 "헤드라인과 본문의 크기 차이가 부족해 위계가 안 잡힌다"고 짚어주면 수정이 훨씬 쉬워집니다.
목차
* 화면을 구성하는 2개 층: 구조(HTML)와 표현(CSS)
* 브라우저 검사 도구로 확인하는 4개 핵심 속성: font-size, color, padding, margin
* 시각 위계를 만드는 4가지 도구: 크기, 대비, 정렬, 여백
* font-size 축소와 대비 소실이 만드는 위계 붕괴 2가지 사례
* 모호한 피드백을 구체적 피드백으로 바꾸는 4개 문장 전환
작성일 2026.08.28 · by Jichui Lee