제품 출시 페이지
출시일 전에 헤드라인, 제안, 가입 양식을 테스트해 보세요.
AI 웹사이트 목업 생성기
사이트를 설명하거나 스케치를 첨부하세요. Manus가 이를 데스크톱과 모바일에서 모두 클릭 가능한 고품질 웹사이트 목업으로 만들어 드립니다.
웹사이트 목업 예시: 하나의 브리프, 두 개의 화면
좋은 브리프는 브랜드, 섹션, 스타일, 화면을 명시합니다. 여기 이 네 가지를 모두 담은 브리프가 있습니다.
가상 브랜드를 위한 예시 디자인입니다. 목업은 당신만의 요청사항에 따라 만들어집니다.
웹사이트 목업 생성기 입력값: 문장, 스케치 또는 스크린샷
이미 가지고 있는 것을 사용하세요. 위 박스의 + 버튼으로 이미지를 추가할 수 있습니다.
Figma에서 디자인을 이미 완성했나요? Figma to code를 사용해 프레임을 작동하는 웹 앱으로 바꿔보세요.
사이트, 매장, 앱을 위한 목업 아이디어
예시를 선택해 위쪽 입력창에 해당 요청을 채운 다음, 세부 사항을 수정하세요.
온라인 스토어
플랫폼을 선택하기 전에 홈페이지, 제품 페이지, 장바구니를 확인하세요.
웹 앱 화면
투자자나 엔지니어에게 주요 화면이 어떤 모습이어야 하는지 보여주세요.
포트폴리오
모든 사례 연구를 작성하기 전에 작업을 선보이는 몇 가지 방법을 시도해 보세요.
레스토랑과 지역 비즈니스
메뉴, 영업시간, 예약 버튼을 손님이 가장 먼저 보는 곳에 배치하세요.
클라이언트 제안
첫 번째 클라이언트 미팅에 두 가지 디자인 방향을 가져가세요.
와이어프레임 vs 목업 vs 프로토타입
와이어프레임은 구조를 보여주고, 목업은 완성된 모습을 보여주며, 프로토타입은 작동 방식을 보여줍니다.
노트북과 휴대폰에서 사이트 보여주기
스크린샷을 슬라이드, 포트폴리오, 출시 게시물용 기기 목업으로 변환하세요.
스크린샷을 첨부하고 원하는 기기와 장면을 알려주세요. 피치 덱, 포트폴리오, 출시 게시물용 이미지 파일을 받을 수 있습니다.
- 기기를 선택하세요: 노트북, 데스크톱 모니터, 태블릿 또는 휴대폰
- 장면을 설명하세요: 책상, 단순한 스튜디오 배경, 또는 손
- 크기를 지정하세요. 예를 들어 슬라이드는 16:9, 소셜 게시물은 4:5
로고, 배너, 소셜 그래픽도 필요하신가요? AI 디자인을 사용해보세요.
승인된 목업을 실제 사이트로 전환하기
목업은 이미 웹 페이지이므로, 디자인이 확정되면 바로 계속 만들어 나갈 수 있습니다.
Manus 웹사이트 빌더가 로그인, 데이터베이스, 결제 기능을 추가하는 방법을 확인하거나, AI 웹사이트 생성기로 전체 사이트를 시작하거나, 랜딩 페이지 빌더로 단일 페이지를 만드세요.
자주 묻는 질문
웹사이트 목업이란 무엇인가요?
웹사이트 목업은 실제로 제작되기 전 페이지의 모습을 사실적으로 보여줍니다: 실제 레이아웃, 색상, 글꼴, 이미지, 문구까지 담고 있습니다. 구조만 보여주는 와이어프레임과 완성된 사이트 사이에 위치합니다.
AI로 웹사이트 목업을 만드는 방법은?
이 페이지 상단의 입력창에 페이지를 설명하세요: 대상, 필요한 섹션, 원하는 스타일을요. Manus가 데스크톱과 모바일에서 열 수 있는 웹 페이지로 목업을 만들고, 같은 작업 안에서 수정을 요청할 수 있습니다.
이 웹사이트 목업 생성기는 무료인가요?
각 요청은 Manus 작업으로 실행되며, 작업은 크레딧을 사용합니다. 가격 페이지에서 크레딧 옵션을 확인할 수 있습니다.
스케치나 스크린샷을 목업으로 바꿀 수 있나요?
가능합니다. 손으로 그린 스케치, 화이트보드, 또는 현재 사이트의 스크린샷을 첨부하고 유지할 부분과 변경할 부분을 알려주세요. Manus가 그 이미지를 초기 레이아웃으로 사용합니다.
목업이 모바일에서도 작동할까요?
반응형 페이지를 요청하면 Manus가 데스크톱과 휴대폰 화면 모두에 맞게 레이아웃을 구성합니다. 휴대폰에서 미리보기를 열거나, 둘을 비교하고 싶다면 별도의 모바일 목업을 요청하세요.
와이어프레임과 목업의 차이는 무엇인가요?
와이어프레임은 상자와 회색 placeholder를 사용해 구조를 합의하는 데 쓰입니다. 목업은 시각적 디자인을 더해, 페이지가 실제로 어떻게 보일지 판단할 수 있게 해줍니다. 프로토타입은 한 단계 더 나아가 전체 흐름을 클릭해 체험할 수 있게 합니다.
목업을 수정하면서 코드를 유지할 수 있나요?
가능합니다. 작업에서 변경을 요청하거나, 디자인 편집 모드를 사용해 코드 없이 레이아웃, 색상, 타이포그래피, 간격을 조정할 수 있습니다. 언제든지 전체 코드를 다운로드하거나 계속해서 페이지를 실제 사이트로 구축할 수 있습니다.
제 웹사이트의 디바이스 목업을 만들 수 있나요?
네. 사이트의 스크린샷을 첨부하고 노트북, 휴대폰 또는 태블릿에서 원하는 장면을 요청하세요. Manus가 다운로드할 이미지를 생성해 드립니다.
다음 웹사이트 목업 만들기
페이지를 설명하거나 스케치를 첨부한 후, 데스크톱과 모바일에서 확인하세요.