프로토타입 툴 Axure/해외 라이브러리 11

Bureau UI Kit (모바일 커머스 템플릿)

Axure로 조금만 욕심부리면 디자인 스타일도 자유롭게 입혀볼 수 있습니다.이번에 소개하는 Bureau UI Kit은 디자인이 적용된 모바일 템플릿으로 사진과 패턴 이미지를 제외하고는 100% Axure로 제작되었습니다.가격 : $24(한화 약 2만7천원)Preview : http://jbc5gb.axshare.com 스케치처럼 결과물을 디자인 파일로 추출해주는 기능까지 포함되어 있다면 정말 환상적일 텐데 아쉽게도 해당 기능은 지원되지 않습니다.다만, 이정도 퀄리티까지 구현 가능함을 알고 있으면 급할 때 디자이너의 도움 없이도 그럴싸한 프로토타입 문서를 만들 수 있습니다.

(Axure Library) 소셜미디어 아이콘

고퀄리티 Axure 템플릿을 판매하는 Axure Themes 에서 '소셜미디어 아이콘 라이브러리'를 무료 배포하고 있습니다.총 208개의 위젯으로 구성되어 있고 아이콘 크기, 색상, 백그라운드 등 자유롭게 수정 가능합니다. 라이브러리 미리보기다운방법 : 링크 접속 후 Free Download 버튼 클릭 > PAY WITH A TWEET 버튼 클릭 후 팔로우 직접 사용해보니 라이브러리 퀄리티가 상당히 좋습니다. 다만, 국내 소셜 미디어 아이콘이 포함되지 않아 활용도가 많지는 않을 것 같습니다.

B2C 웹사이트 템플릿 - AXIT

하이퀄리티의 Axure 템플릿을 판매하는 axurethemes에서 AXIT 템플릿을 공개했습니다. 단 한줄의 코딩없이도 실제와 흡사하게 구현할 수 있는 Axure RP. 최신 트렌드를 반영한 AXIT 템플릿을 구경해보세요! - AXIT 템플릿 데모 : http://mqz8du.axshare.com/home.html - AXIT 템플릿 구매 : https://gumroad.com/l/jIJs ($15) 첨언 사실, 이렇게까지 프로토타이핑을 해야 할 필요가 있을까라는 생각이 들 수도 있지만, 투자유치를 위해 사업계획서를 리뷰하거나, 사장님을 설득하거나, 이해관계자들과 커뮤니케이션 할 때 실제와 흡사한 프로토타입은 내 의도를 상대방에게 100% 전달할 수 있다는 장점이 있습니다. 유료 샘플은 대부분 쉽게 구현..

여성적인 느낌의 Axure 템플릿. (아이폰, 아이패드, 애플워치 등)

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

Bootstrap 라이브러리

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

B2C 웹사이트 템플릿 - Parallaxure

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

IOS8 라이브러리

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

Android 머트리얼 디자인 라이브러리

uxtooltime에서 제공하는 Android_MaterialDesign 라이브러리에는 안드로이드 스킨을 포함하여 머트리얼디자인 가이드에 따른 다양한 위젯이 포함되어 있습니다. Roboto 폰트가 없으면 폰트가 깨져보이니 다른 폰트로 대체하거나 첨부파일의 폰트를 설치 후 사용하시기 바랍니다. Library 사용법 1. 라이브러리 파일(OOOOO.rplib)을 다운로드 받는다. 2. Axure를 실행하고 Widgets 옆 햄버거 아이콘을 클릭한다. 3. Load Library를 클릭한다. 4. 다운받은 OOOOO.rplib 라이브러리 파일을 오픈한다. 5. Widgets에 추가 된 라이브러리를 드래그해서 사용한다.

어썸폰트 아이콘 라이브러리 (500여개의 아이콘)

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