# Adobe XD로 Wires를 이용한 디자인
본 실습은 멋쟁이사자처럼 8기 UX/UI 교육을 통해 진행하였습니다.
메인페이지 디자인을 해보자
# Adobe XD 다운로드
Adobe XD 홈페이지 (opens new window)
무료 체험판을 선택
실행하면 된다!
# Wiresframe 다운로드
Wiresframe 다운로드 페이지 (opens new window)
다운로드 받은 WireFrame.xd 파일을 열어보자
Web과 Mobile이 있는데 나는 Web으로 진행했다.
제공된 wires file에는 웹 화면을 구성하기 위한 UI Elements, 여러가지 템플릿을 제공해서 잘 배치하면 wire frame을 쉽고 빠르게 제작할 수 있고 재사용도 가능하다!
Adobe XD의 템플릿을 활용해 CodeLion 홈페이지에 메인페이지를 구성해보자.