마음에 들 때까지 다듬는 수정 전략
1. 디자인은 '수정'이 8할이다
첫 결과물이 한 번에 완벽한 경우는 거의 없습니다. 그리고 그래도 괜찮습니다. Claude Design의 진짜 힘은 "한 번에 잘 만드는 것"이 아니라 "보면서 빠르게 고치는 것"에 있기 때문입니다.
이번 장은 그 수정의 기술을 다룹니다. 같은 결과물이라도 어떻게 고쳐 나가느냐에 따라, 완성까지 걸리는 시간과 최종 품질이 크게 달라집니다.
2. 구체적인 시각 속성으로 지시하기
수정 단계에서는 추상적인 표현보다 측정 가능한 속성으로 말할수록 정확합니다.
| 추상적 (애매함) | 구체적 (정확함) |
|---|---|
| "좀 더 시원하게" | "섹션 위아래 여백을 1.5배로" |
| "글씨 키워줘" | "제목을 32px, 본문을 16px로" |
| "색 바꿔줘" | "버튼 배경을 #2563EB, 글자는 흰색으로" |
| "둥글게" | "모서리 반경을 12px로" |
| "답답해" | "카드 안쪽 여백(padding)을 넓혀줘" |
물론 처음부터 px 단위로 말할 필요는 없습니다. "조금 더", "절반으로" 같은 상대적 표현으로 시작해 점점 좁혀 가도 됩니다. 핵심은 무엇을, 어느 방향으로 바꾸고 싶은지를 분명히 하는 것입니다.
3. 한 번에 하나씩, 그러나 묶어서
수정 지시를 내릴 때는 두 가지 균형이 필요합니다.
- 너무 많이 한꺼번에: "전체적으로 더 예쁘게 다 바꿔줘" → Claude가 엉뚱한 곳까지 손대 의도가 흐려집니다.
- 너무 조금씩: 한 번에 한 글자씩 → 비효율적입니다.
연관된 변경 2~4개를 묶어서 지시하는 것이 효율과 통제의 균형점입니다.
✅ 좋은 묶음:
- 헤더 배경을 흰색으로
- 로고 옆 메뉴 항목 간격을 넓혀줘
- 로그인 버튼만 채움 버튼(filled)으로 강조
4. 넓은 변경과 콕 집은 변경
3장에서 배운 두 갈래를 다시 떠올립시다. 수정의 성격에 따라 도구를 골라 쓰세요.
| 수정 성격 | 도구 | 예시 |
|---|---|---|
| 화면 전체에 영향 | 대화 패널 | "전체를 다크 모드로", "포인트 색을 바꿔" |
| 특정 요소 하나 | 인라인 수정 | "이 버튼 글자만", "이 카드 그림자만" |
전체 톤을 바꿀 때 인라인으로 하나하나 고치면 끝이 없습니다. 반대로 버튼 하나 고치자고 "전체를 바꿔줘"라고 하면 멀쩡한 곳까지 바뀝니다. 범위에 맞는 도구를 고르는 것이 핵심입니다.
5. 결과가 산으로 갈 때
수정을 거듭하다 보면 처음보다 나빠질 때가 있습니다. 이른바 '산으로 가는' 순간입니다. 세 가지 전략으로 빠져나오세요.
5.1 명시적으로 되돌리기
방금 변경 전으로 돌려줘. 대신 ~만 바꿔줘.
5.2 기준점 다시 잡기
마음에 들었던 버전의 특징을 다시 설명하며 새 출발합니다.
처음의 깔끔한 버전이 좋았어.
그 버전을 기준으로, 색만 다크 모드로 바꿔줘.
5.3 깨끗하게 다시 시작하기
대화가 너무 길고 복잡하게 꼬였다면, 미련을 버리고 새 프로젝트에서 다시 시작하는 것이 오히려 빠릅니다. 이때 그동안 배운 요구사항을 잘 정리해 첫 프롬프트에 담으면, 처음보다 훨씬 나은 출발점에서 시작할 수 있습니다.
6. 수정 사이클을 짧게 유지하기
좋은 디자이너는 작게 바꾸고 자주 확인합니다. 한 번에 열 가지를 바꾸고 결과를 보면, 무엇이 좋아지고 나빠졌는지 알 수 없습니다. 2~4개씩 바꾸고 → 확인하고 → 다음으로. 이 짧은 사이클을 유지하는 것이 길게 보면 가장 빠른 길입니다.
7. 직접 해보기
- 앞 장에서 만든 디자인 하나를 골라, 추상적 지시("좀 더 멋지게")로 한 번 수정해 봅니다. 결과가 예상과 맞나요?
- 같은 부분을 이번엔 구체적 지시("제목 28px, 카드 여백 24px, 모서리 16px")로 수정해, 차이를 비교합니다.
- 일부러 수정을 여러 번 거듭해 디자인을 '망가뜨린' 뒤, 되돌리기와 기준점 다시 잡기로 복구해 봅니다.
8. 정리하며
- 수정은 구체적인 시각 속성으로 지시할수록 정확하다.
- 변경은 2~4개씩 묶어서, 범위에 맞는 도구(대화/인라인)를 고른다.
- 산으로 가면 되돌리기 → 기준점 재설정 → 새 출발 순으로 빠져나온다.
- 작게 바꾸고 자주 확인하는 짧은 사이클이 결국 가장 빠르다.
여기까지가 프롬프트와 수정의 기술입니다. 다음 장(5장)에서는 만든 디자인에 우리만의 브랜드와 일관성을 입히는 디자인 시스템을 다룹니다.