Part 9. 다듬기

9.1

읽기 10분 · 동영상 10분

디자인 개선

기능은 잘 되지만 보기에 아쉬운 부분이 있나요? AI에게 디자인 개선을 요청하는 방법을 알아봅시다. 전문 디자이너가 아니어도 깔끔한 화면을 만들 수 있습니다.


디자인을 바꾸고 싶을 때

디자인을 개선하는 가장 쉬운 방법은 AI에게 포괄적으로 부탁하는 것입니다:

"이 페이지 디자인을 더 세련되게 만들어줘. 깔끔하고 모던한 느낌으로."

AI가 여백, 색상, 글꼴 등을 한꺼번에 다듬어 줍니다. 결과를 확인하고, 마음에 드는 부분은 유지하면서 세부 사항을 조정합니다.


구체적으로 요청하기

포괄적인 요청 후에 세부 사항을 하나씩 다듬어 보세요:

디자인 요소 AI에게 이렇게 말하기
여백 "카드 사이 간격을 좀 더 넓혀줘"
정렬 "모든 텍스트를 왼쪽 정렬로 통일해줘"
색상 "전체적으로 파란색 톤으로 바꿔줘"
그림자 "카드에 살짝 그림자를 넣어서 떠 있는 느낌을 줘"
둥근 모서리 "버튼 모서리를 둥글게 해줘"
글씨 크기 "제목을 좀 더 크게, 본문은 좀 더 작게 해줘"

한 번에 하나씩 요청하세요. "여백도 넓히고, 색상도 바꾸고, 글씨도 키워줘"보다 하나씩 확인하면서 진행하는 것이 낫습니다.


좋아하는 사이트를 참고하기

평소에 "이 사이트 예쁘다"고 느낀 적이 있으신가요? 그 느낌을 AI에게 설명해 보세요:

"네이버 블로그처럼 깔끔한 카드 레이아웃으로 만들어줘"

>

"애플 홈페이지처럼 여백이 많고 심플하게 만들어줘"

>

"쿠팡처럼 상품 카드가 격자로 나열되게 해줘"

AI가 그 느낌을 이해하고 비슷한 스타일로 만들어 줍니다.


모바일에서 확인하기

요즘은 스마트폰으로 웹사이트를 보는 사람이 더 많습니다. 모바일에서도 잘 보이는지 꼭 확인하세요.

확인하는 방법:

  1. Chrome에서 F12를 누릅니다
  2. 왼쪽 위에 스마트폰 모양 아이콘을 클릭합니다
  3. 화면이 좁아지면서 모바일 화면이 됩니다

모바일에서 이상하게 보인다면:

"모바일에서도 잘 보이게 반응형으로 만들어줘"

>

"작은 화면에서는 카드가 한 줄로 세로로 나열되게 해줘"


색상 고르기

색상을 고르기 어려우시다면, AI에게 맡기는 것도 좋은 방법입니다:

"전문적인 느낌이 나는 색상 조합으로 바꿔줘"

>

"따뜻한 느낌이 나는 색상으로 바꿔줘"

>

"차분하고 신뢰감 있는 색상으로 바꿔줘"

느낌 대표 색상
전문적, 신뢰 진한 파랑, 남색
따뜻한, 친근 주황, 베이지
깨끗한, 심플 흰색, 연한 회색
자연, 건강 초록, 연두

이 절의 요약

  • AI에게 "더 세련되게 만들어줘"로 시작해서 세부 사항을 하나씩 다듬습니다
  • 좋아하는 사이트를 참고해서 설명하면 원하는 느낌을 전달하기 쉽습니다
  • F12 → 모바일 모드로 스마트폰 화면을 확인할 수 있습니다
  • 색상이 고민될 때는 원하는 느낌을 말하면 AI가 적절한 색상을 골라줍니다