본문 바로가기
웹디자인 TOOLS/AI 도구

홈페이지 제작 위한 와이어 프레임 AI UI 디자인 툴 Visily

by webbus4
반응형

오늘은 홈페이지제작의 첫 단계인 와이어프레임 작업을 보다 쉽고 간편하게 만들어주는 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 도움을 받아 여러분만의 홈페이지 디자인에 적용해 보세요!   

 

 

Visily - AI-powered UI design software

Visily is the UI design software anyone can use. With Visily, you can create hi-fidelity wireframes and prototypes in minutes, all with no learning curve.

www.visily.ai

 

웹사이트 제작에 도움이 되는 유용한 웹서비스 사이트 추천

요즘은 인터넷을 통한 비즈니스와 개인 활동이 많아지면서 웹사이트 제작의 중요성도 커지고 있는데요. 그러나 웹사이트 제작에 있어 쉽지 않는 과정을 거쳐야 하기에 많은 시간이 필요합니다

projectnftbus.tistory.com

 

반응형

댓글