[Axure] 시작하기 2_HTML 추출하기

안녕하세요. 기획자 소소한G 입니다.

이전의 Axure의 구성 이야기에 이어서 액슈어(Axure) HTML 파일 추출과 서버 연결 방법을 알아보아요.

Axure의 구성에 대한 이야기는 아래에서 확인할 수 있습니다.

---

 

https://hjp-recipe.tistory.com/57?category=977585 

[Axure] 시작하기 1_구성

---

 

HTML 파일 추출하기

 

스토리보드를 모두 작성했다면 이제 내가 작성한 스토리보드를 고객 또는 개발자, 디자이너와 공유해야겠죠? 

Publish를 통해 내가 그린 스토리보드를 HTML 파일로 추출할 수 있습니다. 

 

 

 

아래 이미지와 같이 Publish →  Generate HTML Files를 클릭하세요.

 

 

 

 

활성화된 팝업창에서 ...을 클릭하여 생성할 폴더를 선택한 후 Publish Locally를 클릭합니다. 

그러면 선택한 폴더에 내가 그린 스토리보드의 파일이 생성됩니다.

 

 

---

서버에 업로드하여 공유하기

 

내가 작성한 스토리보드를 고객 또는 개발자, 디자이너와 공유하기 위해 서버에 업로드하여 

URL을 생성해봅시다. 

 

저는 FTP 프로그램으로 FileZilla를 사용하고 있어요.

아래의 링크에서 FileZilla를 다운로드합니다. 

https://filezilla-project.org/

FileZilla - The free FTP solution

 

 

 

1. FileZilla를 실행 후 좌측 최상단에 있는 사이트 관리자 버튼을 클릭하여 서버에 연결해줍니다. 

호스트와 포트, 사용자와 비밀번호를 입력해주세요. 

 

 

 

 

 

2. 연결되었다면 아래 화면을 보실게요. 

좌측의 빨간색 영역은 저의 로컬 사이트 영역이에요. 내 PC 영역입니다. 

위에서 HTML로 추출한 스토리보드의 파일을 찾아 전체 선택하여 우측 리모트 사이트로 전송해 줄 거예요.

전송할 리모트 사이트의 디렉토리 경로를 항상 기억하고 있어야 합니다.

로컬 사이트의 파일들을 전체 선택하여 우측 마우스 클릭 후 업로드 버튼을 클릭하면 서버에 업로드가 완료!

 

 

 

 

이렇게 액슈어를 사용하면 HTML 파일도 추출하고 URL도 공유해서 

여러 관계자들과 훨씬 효과적으로 소통할 수 있습니다. 

 

기획자에게는 꼭 필요하고 일의 능률을 높여주는 Axure의 이야기였습니다.