앞서 Axure 프로토타입의 장점을 설명할때 모든 디바이스의 화면을 설계할 수 있으며, 백오피스와 같은 복잡한 화면도 실제와 흡사하게 설계가 가능하다고 했습니다. 백문이 불여일견이라고 실제 현업에서는 어떻게 설계하고 있는지 작업 샘플을 첨부합니다. 대외비라 최소한으로 압축해 GIF 파일로 제작했습니다. Axure로 설계한 백오피스 화면

이번에는 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로 제작한 프로토타입을 아이폰 디바이스별로 꽉 차게 퍼블리싱 하기 위해서는 아래 2가지 순서대로 세팅하면 됩니다. 1. DEVICE-WIDTH 값이 가장 큰 아이폰 6 사이즈 375px로 프로토타입 설계 PHONE INCH WIDTH HEIGHT DEVICE-WIDTH iPhone (Original - 3GS) 3.5 320 480 320 iPhone 4 (4, 4S) 3.5 640 960 320 iPhone 5 (5c, 5s) 4 640 1136 320 iPhone 6 4.7 750 1334 375 2. Publish 옵션에서 Mobile/Device 선택 후 Include Viewport Tag 체크, wdith값을 device-width로 선택하면 끝 Device-Width를 320px로 ..

Axure 실행시 보여지는 Welcome 팝업에 대한 소개입니다. 기능설명1. 최근 열어본 파일2. 새로운 파일 생성3. 현재 버전 안내 Axure는 하위 버전(RP6.5, RP7)의 파일을 불러와서 사용할 수 있으나, 상위 버전의 파일을 하위 버전에서 실행할 수 없습니다. 따라서 하위 버전의 파일을 상위 버전으로 실행할 경우에는 반드시 백업 파일을 저장해 두시기 바랍니다.팀 프로젝트에서 여럿이 협업하는 경우 버전은 동일하게 맞추는게 좋습니다. 4. 자동 업데이트 설정 : Axure 실행 후 [help 메뉴] → [Check for Updates]를 클릭하면 아래 팝업이 실행됩니다. 여기서 [Check for updates when Axure RP starts]를 체크하면 Axure가 실행될 때 업데이트..