프레이머 AI를 활용한 무료 홈페이지 제작 가이드: 쉽게 시작하는 방법!
안녕하세요. 이 글은 유튜브 채널 “가이드빈”에서 공개한 “프레이머 AI 기능으로 무료 홈페이지 만들기” 관련 동영상을 정리한 것입니다. 이 글의 정리 목적은 저희가 필요할 때 자체 검색용, 그리고 참고 목적으로 약식 정리한 것이므로, 개괄적인 내용만 정리했습니다. 세부적이고 보다 자세한 내용은 링크를 참조하여 해당 동영상을 직접 시청하세요.
프레이머 사이트 계정 생성
프레이머 AI 기능을 사용하기 위해 먼저 프레이머 사이트에 방문하여 계정을 생성해야 합니다. 구글을 통해 계정을 만들거나 이메일을 사용해도 가능합니다. 구글 계정을 선택한 후 로그인하거나 연결하여 계정 생성을 완료합니다. 계정 생성 후, AI를 통해 페이지를 생성하기 위해 상단의 액션 메뉴에서 ‘제너레이트 페이지’를 클릭합니다.
사이트 생성 프롬프트 작성
페이지 생성이 시작되기 위해서는 원하는 사이트의 내용을 명확히 표현하는 프롬프트를 작성해야 합니다. 예시로 제공된 두 가지 프롬프트를 살펴보면, 각각 특정 행사나 개인 웹사이트에 대한 요구 사항이 잘 정의되어 있습니다. 프롬프트는 되도록 영어로, 구체적인 내용이 포함되어야 합니다. 실험을 통해 한국어보다는 영어로 작성할 경우 더 잘 반영된다는 사실을 알게 되었습니다.
페이지 생성 후 미리 보기
페이지 생성을 위해 작성한 프롬프트를 입력 후 스타트 버튼을 클릭하면, 데스크톱뿐만 아니라 태블릿 및 모바일 버전까지 생성된 웹페이지를 확인할 수 있습니다. 사이트 상단에는 메인 배너와 소개 부분, 서비스 소개, 포트폴리오, 문의하기 섹션이 포함됩니다. 이러한 자동 생성된 페이지 구성이 마음에 든다면 로고, 텍스트, 이미지, 링크 부분을 수정 후 ‘퍼블리시’ 버튼을 클릭하여 사이트를 바로 완성할 수 있습니다.
페이지 편집 방법
편집할 때는 데스크톱 버전의 UI 요소를 조정할 수 있습니다. 만약 생성된 페이지가 마음에 들지 않는다면 ‘regenerate’ 버튼을 통해 다시 생성할 수 있습니다. 헤더 부분에서 모바일에서도 적합하도록 디자인을 조정하며 필요 없는 요소는 삭제합니다. 새로운 내비게이션을 추가한 후 레이아웃을 적절히 배치하고 색상과 폰트 스타일을 수정하며 편집을 진행합니다.
컴포넌트와 스타일 설정
내비게이션에 사용되는 요소는 컴포넌트로 저장하여 다른 곳에서도 쉽게 재사용할 수 있습니다. 내비게이션 컴포넌트를 더블 클릭하여 데스크톱과 모바일 버전으로 디자인을 수정합니다. 여기에 남은 모든 메뉴 텍스트를 적절한 색상으로 변경하고 여백을 설정하여 원활하게 보이도록 작업합니다. 이렇게 하면 페이지에서 정렬 또한 유연하게 조정할 수 있습니다.
서비스 및 포트폴리오 섹션 수정
서비스 섹션의 내용을 임시 텍스트로 수정하고 필요 없는 이미지는 제거합니다. 서비스 텍스트와 관련하여 새로운 컴포넌트를 활용하여 레이아웃을 추가합니다. 포트폴리오 섹션의 경우, 관련 이미지를 추가하여 슬라이드 쇼 형태로 배치하고 속도를 조정하면 더욱 매력적인 인터페이스가 만들어집니다.
문의하기 섹션 완성
문의하기 섹션에서 관련 내용을 입력하고, 각 요소의 색상과 스타일을 정리하여 최종적으로 홈페이지가 잘 보여지도록 합니다. 이러한 작업을 통해 전반적인 사이트를 검토하며 문제를 수정하는 단계로 진행합니다. 모든 작업을 마쳤다면 미리 보기를 통해 최종 결과를 확인합니다.
사이트 퍼블리시 및 결론
사이트의 모든 편집이 완료되면, 상단에 있는 퍼블리시 버튼을 클릭하여 사이트를 공개할 수 있습니다. 만약 커스텀 도메인을 사용하고 싶다면 추가적인 설정이 필요합니다. 프레이머 AI 기능으로 제작한 홈페이지는 매력적인 스타일과 형태를 가지고 있으며, 사용자 친화적인 인터페이스를 제공합니다. 혁신적인 웹사이트 제작 방식을 경험해 보시기 바랍니다.
이 글을 통해 도움이 되었으면 좋겠습니다. 아래 링크를 통해 해당 동영상을 시청하시기 바랍니다.
시청하기