사이트 디자인을 도와주는 AI사이트(UIzard.io 사용법)

안녕하세요.

여름이지만 선선해서 기분이 좋아지는 하루입니다.

오늘은 서핑 중 사이트 디자인 초안을 잡을 때 도움을 줄 수 있는 사이트를 발견하여 공유드립니다.

(링크) UIzard.io

 

---

1. 사용법

1. 회원가입

해당 링크에 접속 후 회원가입을 진행합니다.

직접 사이트에 회원가입 진행을 하셔도 되지만 간편하게 구글로 가입하시기를 추천합니다.

sign up for free 클릭

회원가입을 끝내고 접속을 하면 메인화면이 뜹니다.

 

2. 디자인 생성

1. 새로운 디자인을 만드는 항목

2. 미드저니와 같이 텍스트를 통하여 AI가 유저가 원하는 디자인 생성

3. 기존 템플릿을 사용

2-1 새 디자인 만들기

디자인은 웹/태블릿/모바일 대상으로 만들 수 있습니다.

웹을 한 번 들어가 보겠습니다.

1. 각 항목 별로 템플릿, 셰이프, 텍스트 등등 추가하여 입맛에 맞게 디자인을 만들 수 있습니다.
2. 만든 디자인을 공유, 저장, 미리 보기가 가능합니다.
3. 전체적인 설정을 만질 수 있습니다.
4. 간편 시작을 할 수 있는 항목입니다.

2-1-1 간편 시작

1. 디자인 스케치를 바탕으로 디자인 생성

 

스케치한 디자인을 바탕으로 디자인 템플릿을 만들어줍니다.

 

2. 템플릿 추가.

 

3. 스크린숏을 바탕으로 디자인 생성

비슷한 양식의 스크린샷을 바탕으로 디자인을 생성해 줍니다.

 

각 항목별로 애니메이션 연결도 가능합니다.

2-2 텍스트로 디자인 생성

텍스트를 통하여 디자인을 생성할 수 있습니다.

AI다운 시스템이지만 아쉽게도 무료 요금제로는 이용할 수 없고 유료 요금제를 결제할 시 이용가능합니다.

처음 경험만 해보실 분들은 메인페이지 왼쪽 하단에 있는 '1달 무료 이용'을 통해 경험이 가능합니다.

2-3 기존 템플릿 사용

기존 라이브러리에 올라와 있는 템플릿을 사용 가능합니다.

라이브러리에 올라와있는 템플릿을 사용 가능합니다.

템플릿 예시

각 항목 우측 상단에 'PRO'가 붙어있다면 유료구독자들만 이용가능합니다.

---

제가 디자인에 대해서 문외한이라서 이용해 보는데 많이 애를 먹었습니다.

다만 전공자의 입장에서는 굉장히 접근성이 좋아 보입니다.

막연한 영역이었던 디자인 부문에서도 이렇게 비전공자도 생성할 수 있는 부분에 큰 점수를 주고 싶습니다.

제 설명이 부족했다면

(링크 : https://youtu.be/sgLs8CJ8W0Q)

개발자가 올려둔 UIzard 가이드를 통해서 조금 더 확인이 가능하니 참고하시길 바랍니다.

다들 오늘 하루 잘 보내시길 바라며, 마무리하겠습니다.

감사합니다.