액슈어(Axure) 따라하기 - Getting Started (1)

최근 Axure(액슈어)를 본격적으로 사용해보고 싶다고 문의주시는 분들이 많아졌는데요. 너무 개별적인 기능만 소개하다보니 기본적인 것들을 놓치고 있다는 생각이 들었습니다. 그래서 Axure.com에서 제공하는 Documentation을 전체적으로 따라하면서 기본 기능을 익혀보려고 해요. 사실 Axure.com의 Documentation에 youtube 영상이 너무 잘 되어 있어서 해당 영상만 보셔도 아주아주 충분합니다.

 

(참고) https://docs.axure.com/tutorials/basics/getting-started/ 

Getting Started with Axure RP · Axure Docs

 

Getting Started

1. Page 추가
2. Page Style 설정
3. Library 불러오기
4. Rectangle 추가
5. Text 추가
6. Image 추가
7. Rectangle에 글 삽입 / 글꼴 수정 / 글자 크기 수정 / 글자색 수정

 

1. page 추가

<기본 모드>

좌측 상단의 PAGES의 '+' 아이콘을 클릭합니다.

Page 2가 생성되고 이름을 변경할 수 있습니다.

<PAGES의 '+' 클릭 후 Page 2 추가>

 

2. page Style 설정

<STYLE에서 PAGE DIMENSIONS 설정>

우측 상단의 STYLE의 PAGE DIMENSIONS을 설정하여 기본 페이지를 변경할 수 있습니다. 기본적으로 Web / 모바일 (아이폰 / 갤럭시) / 태블릿에서 많이 사용하는 페이지의 사이즈를 설정할 수 있습니다.

<기본 페이지 변경 - iPhone 8 Plus>

<기본 페이지 변경 - Web>

 

3. Library 불러오기

<설치한 LIBRARIES 선택>

※ Axure에서 제공하는 기본 Libraries 설치 방법

https://www.axure.com/support/download-widget-libraries

Widget Libraries - Axure

다운로드 받은 후 해당 파일을 Axure가 설치된 폴더 안의 libraries 폴더로 이동하고 Axure를 다시 실행합니다.

 

4. Rectangle 추가

Rectangle 아이콘 클릭 후 마우스를 드래그 하여 Rectangle을 만듭니다. Rectangle에 대한 수정은 우측 상단의 STYLE에서 수정할 수 있습니다.

< Rectangel 추가>

 

5. Text 추가

Text 아이콘 클릭 후 마우스를 드래그 하여 Text를 만듭니다. Text(Paragraph)에 대한 수정은 우측 상단의 STYLE에서 수정할 수 있습니다.

< Text 추가>

 

6. Image 추가

Image 아이콘 클릭 후 (내 컴퓨터 내의) Image를 추가합니다. Image에 대한 수정은 우측 상단의 STYLE에서 수정할 수 있습니다.

< Image 추가>

 

7. Rectangle에 글 삽입 / Rectangle 색 수정 / 글꼴 수정 / 글자 크기 수정 / 글자색 수정

<Rectangle 글 삽입>

<Rectangle 색 수정>

<상단 Toolbars의 단축 아이콘 사용>

지금까지 Axure의 기본적인 사용 방법을 알아보았습니다. 다음에는 간단한 Interaction을 추가해보겠습니다.

 

<예제 파일과 링크>

예제 파일

Getting_Started_01.rp

0.36MB

예제 링크 - https://ax244q.axshare.com/