웹 서핑 중 여성적인 느낌의 Axure 템플릿 사이트를 발견했습니다. 제작자는 폴란드의 Kate Lisowska라는 여성으로 사이트를 여성적인 감각으로 예쁘게 잘 만들었습니다. 아이폰, 아이폰6, 아이폰 플러스, 아이패드, 안드로이드, 애플워치에서 사용할 수 있는 Axure 템플릿을 유료로 판매하고 있으며 퀄리티가 상당히 좋습니다. Axure로 모바일 프로토타이핑을 고민중이시라면 이 사이트를 참고해보시길 추천드립니다. - 사이트 링크 : http://www.axlibrary.com/

Axure에서는 Style 판넬을 이용해 온라인에서 사용되는 내비게이션, 텍스트, 버튼 등 모든 요소를 동일하게 구현할 수 있습니다. 아래 다운로드 버튼을 예시로 어떤 스타일이 적용되었으며 각각 어떤 기능을 담당하는지 살펴보겠습니다. 1. 위치 및 크기 설정 : 위젯의 위치(X,Y)와 크기(W,H]를 설정할 수 있습니다. W와 H 사이의 [ ]를 클릭하면 위젯이 동일 비율로 커지거나 작아집니다. 2. Hidden : 위젯이 화면에서 안보이도록 숨김처리 합니다.3. 스타일 서식 : 미리 지정해놓은 스타일 서식을 적용합니다.4. 채우기 : 위젯의 채우기 색상을 선택합니다. 전체를 단색으로 채우거나 그라디언트 효과를 적용 할 수 있습니다.5. 그림자 : 위젯의 그림자를 설정합니다. 바깥 그림자, 내부 그림자 ..

이번에는 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 유료 샘플은 대부분 쉽게 구현할 수 있습니다. 샘플 사이트는 참고용으로 둘러보시길 권장합니다.

uxtooltime에서 제공하는 IOS8 라이브러리에는 홈, 전화번호입력, 설정 등의 화면이 모두 포함되어 있으며 아이폰5, 아이폰6 해상도에 맞추어 각각 제작되어 있습니다. Library 사용법 1. 라이브러리 파일(OOOOO.rplib)을 다운로드 받는다. 2. Axure를 실행하고 Widgets 옆 햄버거 아이콘을 클릭한다. 3. Load Library를 클릭한다. 4. 다운받은 OOOOO.rplib 라이브러리 파일을 오픈한다. 5. Widgets에 추가 된 라이브러리를 드래그해서 사용한다.

Axure에서 Font Awesome 아이콘 폰트 사용하기. 서비스 설계 시 기획 의도를 정확히 표현하기 위해 아이콘을 사용해야 하는 경우가 종종 발생합니다. 저는 그 동안 아이콘파인더에서 무료 아이콘을 다운받아 사용해왔는데요. 최근에는 아이콘 폰트를 활용한 방식이 많이 사용되고 있다고 합니다. 아이콘 폰트에 대한 내용은 weddir님의 아이콘 폰트(IconFont)의 모든 것 포스트 참조. 아이콘 폰트를 사용 할 경우의 가장 큰 장점은 폰트를 설정하는 방식과 동일하게 아이콘 크기와 색상을 자유롭게 지정할 수 있다는 점입니다. 기존 이미지 방식인 경우에는 이미지가 가공되면 손실이 발생하는데 아이콘 폰트는 그럴 일이 전혀 없습니다. 아이콘 폰트(어썸폰트)를 Axure에서 사용하는 방법은 다음과 같습니다. ..