한 줄 요약
AI는 매번 처음 그리는 화가와 같습니다. 말로만 주문하면 결과가 흔들리니, 스타일을 글과 이미지로 고정하고 한 번에 만들어 마무리까지 통일해야 합니다.
비유로 이해하기
AI에게 “초록색 깔끔한 아이콘 그려 줘”라고 말하는 것은, 매번 다른 화가에게 말로만 주문하는 것과 같습니다. 화가마다 ‘초록’과 ‘깔끔함’을 다르게 이해하니, 아이콘 10개를 따로 주문하면 10명의 화가가 그린 것처럼 제각각이 됩니다.
AI 이미지 도구는 생성할 때마다 무작위성이 섞여 있습니다. 그래서 같은 문장을 넣어도 색감, 선 굵기, 그림자, 각도가 조금씩 달라져요. 이 흔들림을 줄이는 방법은 결국 화가에게 줄 단서를 늘리는 것입니다.
해결 원칙 4가지
- 1. 글로 고정하기: 색, 선 굵기, 배경, 각도를 적은 스타일 가이드를 만들어 매번 똑같이 붙여 넣기 (2편)
- 2. 이미지로 고정하기: 기준이 되는 이미지 한 장을 스타일 레퍼런스로 함께 넣기 (3편)
- 3. 기준에서 변형하기: 잘 나온 첫 아이콘을 참고 이미지로 두고 대상과 각도만 바꾸기 (4편)
- 4. 한 번에 만들고 마무리 통일하기: 같은 설정으로 세트를 한꺼번에 만들고, 크기와 형식을 맞춰 내보내기 (5편)
비교해 보기
- 말로만 주문: 빠르지만 아이콘마다 분위기가 달라 사이트가 어수선해 보입니다.
- 규칙 + 기준 이미지 + 세트 생성: 처음 준비에 10분이 더 들지만, 이후 몇십 개를 만들어도 한 가족처럼 보입니다.
따라 해 보기
- 지금 사이트에 쓰고 있는 아이콘이나 이미지를 한곳에 모아 보세요.
- 아래 점검표로 서로 다른 점(색, 선, 그림자, 배경, 각도)을 체크해 보세요.
- 가장 마음에 드는 하나를 ‘기준 아이콘’으로 정해 두세요. 2~5편에서 계속 씁니다.
[아이콘 일관성 점검표] 1. 색상: 정해 둔 색(예: #1F6B47, #A8D672) 안에서만 쓰였나요? 2. 선: 선 굵기와 모서리 둥글기가 같나요? 3. 스타일: 평면(flat) / 3D / 손그림 중 한 가지로 통일됐나요? 4. 빛과 그림자: 빛의 방향과 그림자 유무가 같나요? 5. 각도: 정면 / 45도 아이소메트릭 중 한 가지로 통일됐나요? 6. 배경: 흰색 / 투명 / 단색 중 한 가지로 통일됐나요? 7. 크기와 여백: 캔버스 크기와 아이콘 주변 여백이 같나요?
홈페이지에 적용하기
홈페이지 독립학교의 색상 시리즈에서 배운 것과 원리가 같습니다. 색을 #코드로 매번 고르지 않고 팔레트 변수로 고정했듯이, 아이콘도 스타일을 미리 고정해 두면 사이트 전체가 정돈됩니다.
참고 영상
참고 영상: Midjourney: Beginner’s Guide to Style References (sref) · Zhoosh Designs: The Best AI Icon Maker for Custom Branded Icons (Recraft Tutorial) · The Non-Profit Toolkit: Create Matching Icons from Your Logo Using ChatGPT · 유훈식 교수: 이제 Icon 디자인은 나노바나나 모델에게 맡기세요 · 미드저니 코리아 조남경: Niji + Nano Banana로 일관성 있는 세트 아이템 만들기