WEBBOOK CHAPTER

AI 웹 디자인 디렉팅: 15장 “더 예쁘게” 대신 critique packet을 만든다

15장 “더 예쁘게” 대신 critique packet을 만든다

AI에게 screenshot을 보여 주고 막연히 개선을 요청하면 장식을 추가하는 경향이 있다. critique는 관찰→영향→원칙→수정→검증 형식으로 쓴다.


관찰: class card 세 개가 동일한 background·height·CTA를 가진다.
영향: 첫 방문 추천과 재방문용 수업의 우선순위를 알 수 없다.
원칙: 첫 선택을 돕되 다른 선택을 숨기지 않는다.
수정: 첫 card만 surface contrast를 올리고 “첫 방문 추천” label을 둔다.
검증: 초보자가 15초 안에 추천 수업을 선택하는가.
금지: icon, badge, shadow를 추가해 해결하지 않는다.

AI에게 먼저 screenshot의 visual hierarchy를 묘사하게 하면 우리 의도와 실제 인지가 다른 지점을 찾을 수 있다. 그 다음 한 번에 변수 하나를 바꾼다. 여러 section을 동시에 고치면 무엇이 나아졌는지 알 수 없다.