본문 바로가기

디자인

액슈어(AXURE) 설치하고 메뉴 알아보기

액슈어 실행 화면

액슈어 설치하기

액슈어를 사용하기로 결정했다면 우선 액슈어를 자신의 로컬 컴퓨터에 설치를 해야한다. 액슈어는 맥(Mac), 윈도우즈(Windows)를 모두 지원하기 때문에 일반적으로 많이 사용하는 운영체제에서 이용이 가능하다. 액슈어를 설치하기로 했다면 액슈어 공식 홈페이지로 이동한다.

 

※이 게시글은 2020년 작성되어 현재와 상이할 수 있습니다.

 

▶︎ 액슈어 홈페이지를 방문

 

 

Axure RP 9 - Prototypes, Specifications, and Diagrams in One Tool

The most powerful way to plan, prototype and hand off to developers, all without code. Download a free trial and see why professionals choose Axure RP 9.

www.axure.com

 

 

▶︎ 액슈어 웹사이트 접속 후 [Download] 버튼을 클릭하여 다운로드

 

액슈어 웹사이트

 

 

▶︎ 자신이 사용하고 있는 컴퓨터 환경(OS)에 맞춰 다운로드를 시작

 

운영체제 선택 화면

 

 

▶︎ 다운로드가 완료되면 로컬 PC 에 설치한 후 프로그램을 실행

 

 

액슈어를 실행하면 아래 이미지와 같은 화면이 보여진다. 첫 실행이면 최근 작업 파일이 없기 때문에 [New File]를 눌러 실행하면 새로운 작업을 시작할 캔버스가 열리게 된다


(제 개인 컴퓨터 환경은 맥을 사용하고 있어서 환경에 따라 아래 화면은 차이가 날 수 있습니다.)

 

액슈어 실행화면

 

액슈어는 유료 프로그램으로 영구 구매 혹은 정기 구독 결제 방식 중 선택하여 이용할 수 있다. 월 구독형 구매는 액슈어 프로는 월 29달러, 액슈어 팀은 월 49달러이다.(액슈어9 기준) 만약 월 구독형이 아니라 영구 구매를 원한다면 액슈어 프로는 495달러, 액슈어 팀은 895달러로 1회 비용 지불로 영구적인 사용이 가능하다. 자신의 원하는 결제 방식으로 구매하여 이용하면 된다. 나는 영구 구매로 이용 중이다.

 

 

액슈어 프로 / 팀의 차이는?

액슈어 프로(Pro)와 팀(Team)의 가장 큰 차이는 바로 팀 단위 협업 유무 차이이다. 프로는 혼자 작업을 하는 사람이 사용하면 좋고, 팀은 팀 작업을 같이 하실 팀 단위 그룹에서 사용하면 좋을 상품이다. 따라서 개인이면 프로를 여러명이 협업을 할 팀 단위면 팀 라이센스를 구매하면 된다.

 

(※ 프로를 사용하다 팀으로 업그레이드도 가능합니다.)

 

액슈어 프로/팀 차이

 

액슈어 실행하기

액슈어는 기본적으로 툴바(ToolBar), 라이브러리(Libraries), 마스터(Masters), 페이지(Pages), 아웃라인(Outline), 스타일(Style), 인터렉션(Interactions), 노트(Notes)로 구성된다.

 

 

툴바는 액슈어에 사용되는 기본적인 기능을 빠르게 사용할 수 있는 패널이다. 툴바에는 요소 선택 타입 선택, 요소 삽입, 정렬, 텍스트 설정 등 주요 기능을 사용할 수 있게 되어있다. 

 

액슈어 기본화면

 

라이브러리는 액슈어가 기본적으로 제공하는 컴포넌트 요소를 모아 놓은 메뉴로 입력박스(InputFiled)가 필요하면 라이브러리에서 해당 요소를 선택하여 작업 화면에 드래그하여 삽입하면 된다. 해당 라이브러리를 사용하면 빠르고 쉽게 작업이 가능하다. 그리고 라이브러리에 내가 필요로 하는 요소가 없으면 [Get Libraries]를 통해 무료/유료 구매로 추가 할 수 있고 내가 만들어서 저장해서 사용할 수도 있다.

 

 

💾 액슈어 라이브러리 다운로드

 

Widget Libraries - Axure

A collection of free and premium widget libraries for Axure RP.

www.axure.com

 

 

 

마스터는 자주 사용하는 컴포넌트를 마스터로 만들어 수정이 발생할 경우 일괄 변경이 가능토록 하는 기능이다. 예를 들어 GNB메뉴를 만들었다면 모든 페이지에 노출이 되어야 한다. 페이지마다 GNB를 만든다면 매우 비효율적이고 할 일이 많을 것이다. 그래서 GNB를 마스터로 설정해 놓으면 다른 페이지에서 그대로 사용할 수 있게 된다. 수정사항이 발생해서 마스터의 GNB를 수정하면 모든 페이지에 있는 GNB가 자동으로 수정되어 페이지마다 수정해야 하는 번거로움을 줄일 수 있다. 이로인해 업무 효율을 높일 수 있는 유용한 기능이다.

 

마스터 패널

 

 

 

페이지는 내가 생성한 화면을 보여주는 메뉴이다. 페이지의 생성, 수정, 삭제를 할 수 있으며 그룹핑, 이름 변경 등 페이지에 대한 모든 관리를 할 수 있다. 생성한 페이지의 그룹화를 통해 계층 구조를 만들면, 정보 전달이 수월해지고 내부이해관계자의 접근성을 향상 시킬 수 있다.

 

페이지 패널

 

 

아웃라인은 컴포넌트 단위의 구성 요소를 보여주는 메뉴이다. 해당 페이지에서 사용한 컴포넌트(텍스트, 박스, 입력필드, 드랍리스트 등) 모든 구성 요소를 확인 및 관리할 수 있다.

 

스타일은 텍스트 및 구성 요소의 크기, 색상, 모양을 설정할 수 있는 메뉴로 우리가 흔히 알고 있는 CSS와 같이 꾸며주는 역할을 한다. 텍스트일 경우 텍스트의 색상, 크기, 행간, 자간 등을 수정하여 사용자가 원하는 결과물을 만들 수 있다. (각 컴포넌트의 요소의 세부 설정을 변경할 수 있다.)

 

스타일 패널

 

인터렉션은 애니메이션 및 화면 전환 등 동작하는 행위를 설정할 수 있다. 마우스 Hover 액션이나 페이지 전환 등 애니메이션이 들어가거나 전환 액션에 사용하게 된다. 내가 구현하고 싶은 인터렉션을 설정하여 표시할 수 있다. 물론 화려한 인터렉션 기능을 지원하기 보다는 프로토타입에서 필요한 인터렉션을 지원한다. 따라서 디자인적으로 화려한 인터렉션을 원한다면 다른 툴을 사용해야 한다.

 

인터렉션 패널

 

노트는 기능이나 구성 요소에 설명을 등록할 수 있는 기능이다. 내가 설계한 내용에 대해 세부적인 설명과 추가적인 내용을 작성할 수 있다. 이로 인해 내부이해관계자가 해당 기능을 쉽게 이해할 수 있도록 돕는다. 노트는 설정 변경으로 화면에서 보여지게 하거나 숨길 수 있다. 목적에 따라 설정을 변경해서 사용하면 된다.

 

노트 패널