오늘은 홈페이지제작의 첫 단계인 와이어프레임 작업을 보다 쉽고 간편하게 만들어주는 UI 디자인 와이어프레임 AI 툴 Visily 서비스 소개해 드리겠습니다
Visily ai 소개
Visily는 AI 기반 UI 디자인 툴로, 누구나 쉽게 앱이나 웹사이트의 와이어프레임과 프로토타입을 생성할 수 있고, 복잡한 디자인 작업을 간단하고 빠르게 수행할 수 있게 해 주며, 홈페이지 제작이나 UI 디자인 프로젝트 보조 툴로 활용할 수 있습니다
주요 기능
- 웹사이트의 스크립샷 또는 캡처 한 번으로 원하는 홈페이지 와이어 프레임 생성 기능을 제공합니다
- 스케치 또는 텍스트 프롬프트 통해 원하는 UI 디자인 와이어프레임 생성 기능을 제공합니다
- 디자인 템플랏 제공, 디자인 추천 및 자동 완성 기능을 통해 AI 디자인 보조 기능을 제공합니다
Visily 와이어프레임 홈페이지 제작 방법
1. Visily 웹사이트 접속해 회원가입 및 로그인합니다(간편하게 구글 이메일 로그인 가능)
2. 대시보드 왼쪽 사이드바에서 [Explore Visily] 클릭하고, [Tutorials] - [Screenshot to design ai] - [Try it now] 눌러줍니다
3. 웹사이트 스크린샷 캡처: 제작하려는 웹사이트의 레이아웃을 스크린샵으로 캡처합니다 (예시:네이버 메인 페이지 )
4. 캡처한 스크린샵을 Visily에 업로드합니다 (Tip: 원하시는 웹사이트 레이아웃 보기 좋게 캡처하시면 보다 정확한 와이어프레임을 그대로 생성합니다)
5. 생성된 와이어프레임을 디자인 도구 기능을 사용해 원하는 대로 수정하고 편집합니다
6. 편집이 끝나면 와이어프레임을 바탕으로 아이콘 수정, 사진 변경, 로고 넣기, 텍스트 수정 등 실제 웹사이트 디자인 작업 진행하시면 됩니다
Visily 홈페이지 제작 와이어프레임 생성 후기
- 스크린샵 한번으로 와이어 프레임을 생성할 수 있어 디자인 초안을 빠르게 만들 수 있어 좋았습니다
- 처음 사용자로써 쉬운 인터페이스로 누구나 쉽게 와이어프레임을 제작 쉽게 할 수 있습니다
- AI가 디자인을 보조해 줘 어려움 없이 완성도 높은 결과물을 완성할 수 있었습니다
- 무료 구독제 있어 제한적인 기능 있지만 전반적으로 크레딧 제공으로 디자인 작업을 무료 사용할 수 있습니다 (요금제 보기)
홈페이지 제작 시 와이어프레임 또는 레이아웃 작업이 어렵다면, Visily AI 도움을 받아 여러분만의 홈페이지 디자인에 적용해 보세요!
'AI Tool' 카테고리의 다른 글
상세페이지 제품 이미지 배경 제작 유용한 포티오 AI 활용법 (3) | 2024.08.26 |
---|---|
AI 그림 일러스트 이미지 만들기 Recraft 사용 방법 (0) | 2024.08.16 |
온라인 판매자를 위한 Jector AI로 제품 배경 이미지 생성하기 (0) | 2024.08.01 |
AI 아트 생성기 Craiyon 나만의 일러스트 만들어 보기 (0) | 2024.07.16 |
쉽고 빠르게 UI 디자인 제작 가능한 피그마 AI 기능은? (0) | 2024.07.02 |
댓글