# Adobe XD로 Wires를 이용한 디자인

본 실습은 멋쟁이사자처럼 8기 UX/UI 교육을 통해 진행하였습니다.

메인페이지 디자인을 해보자

# Adobe XD 다운로드

Adobe XD 홈페이지 (opens new window)

img

무료 체험판을 선택

img

실행하면 된다!

# Wiresframe 다운로드

Wiresframe 다운로드 페이지 (opens new window)

다운로드 받은 WireFrame.xd 파일을 열어보자

Web과 Mobile이 있는데 나는 Web으로 진행했다.

img

제공된 wires file에는 웹 화면을 구성하기 위한 UI Elements, 여러가지 템플릿을 제공해서 잘 배치하면 wire frame을 쉽고 빠르게 제작할 수 있고 재사용도 가능하다!

img

Adobe XD의 템플릿을 활용해 CodeLion 홈페이지에 메인페이지를 구성해보자.

Last Updated: 6/18/2023, 2:13:15 PM