디자인 조정하기

내용을 넣었으니 이제 디자인을 다듬어 봅시다. 색상, 배치, 글꼴 등을 AI에게 요청하면서 마음에 드는 디자인을 찾아갑니다.

색상 바꾸기

현재 페이지의 색상이 마음에 들지 않는다면, AI에게 바꿔달라고 요청합니다.

AI 채팅창(Ctrl + L)에서 이렇게 말해 보세요:

배경색을 하늘색으로 바꿔줘.

AI가 코드를 수정하면 Accept All을 클릭하고, 브라우저에서 결과를 확인합니다.

다른 색상도 시도해 볼 수 있습니다:

색상은 취향의 문제입니다. 여러 가지를 시도해 보고 마음에 드는 것을 고르세요.

사진과 글의 위치를 바꿀 수도 있습니다.

사진을 왼쪽, 소개글을 오른쪽에 배치해줘.

또는 이렇게 요청할 수도 있습니다:

사진을 위에 크게 놓고, 그 아래에 이름과 소개글을 가운데 정렬해줘.

AI가 수정한 결과를 보고, 마음에 들지 않으면 다시 요청합니다:

아까 것보다 사진을 조금 더 작게 해줘.

소개글 아래에 이메일 주소도 추가해줘.

이렇게 대화하듯이 조금씩 고쳐나가면 됩니다.

글꼴(폰트)도 분위기를 크게 바꿉니다.

글꼴을 더 부드러운 느낌으로 바꿔줘.

더 구체적으로 요청할 수도 있습니다:

제목은 굵고 큰 글씨로, 본문은 가벼운 느낌의 글꼴로 바꿔줘.

손글씨 느낌의 한글 글꼴을 적용해줘.

AI가 적절한 글꼴을 골라서 적용해 줍니다.

디자인 작업의 핵심은 반복입니다. 한 번에 완벽한 결과가 나오지 않아도 괜찮습니다.

실제로 작업하는 과정은 이렇습니다:

이 과정이 전문 디자이너의 작업 방식과 크게 다르지 않습니다. 다만 여러분은 직접 코드를 건드리는 대신 AI에게 말로 설명하는 것뿐입니다.

아래 요청들을 참고해서 자유롭게 시도해 보세요:

기술 용어를 몰라도 됩니다. "이 부분이 좀 답답한데 시원하게 바꿔줘" 같은 표현도 AI는 잘 이해합니다.

수정 결과가 마음에 안 들 때는 Ctrl + Z를 누르면 이전 상태로 돌아갑니다. 워드나 엑셀에서 실행 취소하는 것과 같습니다.

여러 번 누르면 여러 단계 전으로 돌아갈 수 있습니다. 마음 편하게 이것저것 시도해 보세요. 언제든 되돌릴 수 있으니까요.