본문으로 바로가기

Axure 화면구성

category 프로토타입 툴 Axure/기초강좌 2015.09.09 00:18

Axure RP는 Rapid Prototyping의 약자로 빠른 프로토타이핑이라는 의미를 가지고 있습니다.  또한 코딩없이 프로토타입을 제작할 수 있는 툴입니다. 


IT 현장에서는 서비스가 출시되기까지 많은 시간과 비용이 발생하는데 프로토타입은 단기간에 실제 서비스와 유사한 형태로 구현이 가능하기에 리스크를 최소화 할 수 있고, 실제 작동이 눈에 보이기 때문에 구성원들과의 의사소통이 수월하다는 장점이 있습니다. 현재까지도 대부분의 현장에서 파워포인트를 중심으로 화면을 설계하고 있지만 정적인 화면만으로는 기획 의도를 명확히 전달하기 어렵기 때문에 프로토타이핑에 대한 Needs가 점차 늘고 있는 추세입니다.


시중에 여러 프로토타이핑 툴이 출시되어 있지만 각각의 장/단점이 명확합니다. 저는 Axure를 5년 이상 사용해왔고 그 중 Axure가 최고의 프로토타이핑 툴이라 생각되어 사용법을 공유하려고 합니다. 앞으로 긴 강좌가 이어질 예정이니 이제 막 입문하는 분들은 천천히 따라오시기 바랍니다. 그럼 지금부터 Axure 활용 강좌를 시작하도록 하겠습니다. 


화면 구성

1. 빠른 도구모음 : 자주 사용하는 도구모음 영역입니다.

2. PAGES : 사이트맵 영역으로 Tree구조 메뉴를 구성할 수 있습니다.

3. Widgets : 화면설계시 자주 사용하는 버튼, 텍스트필드, 콤보박스 등의 위젯이 탑재되어 있습니다. 와이어프레임 영역으로 Drag&Drop 해서 사용합니다.

4. Masters : 파워포인트는 슬라이드 포맷만 마스터로 지정할 수 있지만, Axure는 GNB 메뉴부터 버튼 및 텍스트까지 공통으로 사용하는 요소를 자유롭게 설정할 수 있습니다. 마스터를 수정하면 사용중인 모든 페이지에 일괄 반영됩니다.

5. Wireframe : 화면을 설계하는 영역입니다.

6. Properties : 인터랙션을 설정하는 메뉴로 클릭, 더블클릭, 롤오버 등 다양한 인터랙션을 설정할 수 있습니다.

7. Style : 모든 위젯에 대하여 폰트, 컬러, 사이즈, 자간/행간 등 다양한 스타일을 설정할 수 있습니다.

8. Outline : 포토샵의 레이어와 같은 개념으로 현재 페이지에서 사용중인 모든 위젯을 보여줍니다.

9. 반응형웹 설정 : 반응형 웹을 구현하기 위한 기초 정보를 설정합니다.

10. 현재 페이지 : 현재 작업중인 페이지를 보여줍니다.


강좌는 Axure RP 8.0 버전으로 진행합니다. 툴에 대한 궁금증이 있다면 언제든지 문의주세요.

저작자 표시 비영리 변경 금지
신고
웹기획자 조영수
여행 카테고리 서비스 기획자. 《처음부터 다시 배우는 웹 기획》 저자. 웹기획&AXURE 강사. 웹/모바일 기획자 그룹 운영자.

댓글을 달아 주세요

  1. 2015.09.09 13:25

    비밀댓글입니다

  2. 2016.09.09 00:36

    비밀댓글입니다

  3. 루리 신고">2016.09.26 21:33 신고

    덕분에 설치 후 시작해보려고 합니다 =)

  4. c00012 신고">2016.10.06 20:26 신고

    windows 10 desktop 앱을 디자인하려고 하는데, axure로 디자인 가능하겠죠?

    • BlogIcon 웹기획자 조영수 신고">2016.10.06 20:58 신고

      안녕하세요! Axure는 디자인 툴이 아니여서 이 툴로 디자인해도 개발에 적용할 수 없습니다.

      따라서 디자인을 위한 툴을 찾으신다면 스케치를 추천드러요!

      Axure는 설계 기반의 프로토타입 제작 툴입니다.