이번에는 Axure 도형 활용방법을 살펴보겠습니다. 먼저 사용 할 위젯을 드래그해 와이어프레임에 올려놓습니다. 위젯 모양 변경 1. 위젯을 선택하면 우측 상단에 동그란 아이콘이 보여집니다. 아이콘을 클릭하면 다른 도형으로 변경할 수 있습니다. 2. 위젯을 선택하고 우측 Inspector Pane의 Properties를 클릭하면 하단에 Select Shape 옵션이 있습니다. 우측의 셀렉트 박스를 클릭하면 다른 도형으로 변경할 수 있습니다. 코너 라운드 처리 1. 위젯을 선택하면 좌측 상단에 노란색 역삼각형 아이콘이 보여집니다. 아이콘을 좌우로 드래그해서 라운드 크기를 조절할 수 있습니다. 2. 위젯을 선택하고 우측 Inspector Pane의 Style을 선택하면 하단에 Corner Radius 옵션이 ..

부트스트랩(Bootstrap)은 트위터에서 공개한 웹 프론트 엔드 개발 도구로 최근에는 Admin 페이지를 제작할 때 많이 사용하고 있습니다. 아래는 부트스트랩 테마를 동일하게 본뜬 Axure 라이브러리입니다. - 부트스트랩 테마 : http://getbootstrap.com/examples/theme - Axure 데모 : http://goo.gl/hqq0OR 유료 샘플은 대부분 쉽게 구현할 수 있습니다. 샘플 사이트는 참고용으로 둘러보시길 권장합니다.

이번에 소개하는 템플릿은 axurethemes에서 제작한 Parallaxure 템플릿입니다. 프로토타이핑 툴로는 UXPin, Framer, 카카오 Oven, 네이버 프로토나우 등이 있지만 Axure는 단 한줄의 코딩없이도 실제와 흡사하게 구현할 수 있다는 차별화 된 장점이 있습니다. 최신의 기술 트렌드를 반영한 Axure 샘플을 둘러보세요! - Parallaxure 템플릿 데모 : http://amvbhc.axshare.com/home.html - Parallaxure 템플릿 구매 : https://gumroad.com/l/TJiZ ($19) 첨언 사실, 이렇게까지 프로토타이핑을 해야 할 필요가 있을까라는 생각이 들 수도 있지만, 투자유치를 위해 사업계획서를 리뷰하거나, 사장님을 설득하거나, 이해관계자들..

Axure 화면설계는 위젯을 와이어프레임에 드래그하는 것부터 시작합니다. 위젯 묶음을 라이브러리라고 부르며 Default 라이브러리로 대부분의 화면을 그릴 수 있습니다. 위젯 사용방법은 간단합니다. 사용할 위젯을 드래그해 와이어프레임 화면에 올려놓고 Style Pane를 이용해 원하는 스타일로 변경합니다. Axure의 Default 라이브러리 외에도 내가 원하는 라이브러리를 직접 만들거나 다른 사용자가 만들어 놓은 라이브러리를 불러와 사용할 수 있습니다. 기능설명 1. 라이브러리 선택. 새 작업인 경우 Default 라이브러리, Flow 라이브러리를 선택할 수 있습니다. 2. 라이브러리 메뉴. 라이브러리를 생성하거나 불러올 수 있습니다 3. 검색. 라이브러리에 포함 된 위젯을 검색할 수 있습니다. 샘플 ..

주변 이야기를 들어보면 Axure로 프로젝트를 진행하고자 했다가 타 부서와의 마찰로 다시 PPT로 설계로 돌아가는 경우가 있습니다. 이유는 문서로 출력해서 볼 수 없고, 디스크립션을 보기 힘들기 때문이죠. Axure에서도 Word 출력 기능과 각각의 요소에 디스크립션을 작성할 수 있는 기능을 제공하지만 PPT에 익숙한 개발자가 보기에 불편한 것도 사실입니다. 이에 대한 대안으로 PPT의 화면 설계처럼 Axure 화면 우측에 디스크립션을 작성하는 방법이 있습니다. 현업에 적용해보니 개발자분들도 크게 불편해하지 않았고 따로 문서로 출력해서 보지 않아도 프로젝트를 진행하는데 어려움이 없었습니다. 그동안 Notes 기능만 사용했다면 아래 방법도 한 번 사용해보시기 바랍니다. 화면 우측에 디스크립션을 기재하고 C..

Auxre의 좌측 상단에 위치한 Pages Pane은 사이트 구조를 정의하는 도구입니다. 기능설명 1. 사이트 구조 트리 2. 페이지 추가 3. 폴더 추가 4. 페이지 검색 - 페이지명을 더블클릭하면 네이밍을 수정할 수 있습니다. - 마우스 드래그로 상,하,좌,우 Depth 이동이 가능합니다. - Delete 키로 페이지를 삭제할 수 있습니다.