axure 프로토타입

axure 프로토타입

    B2C 웹사이트 템플릿 - AXIT

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

    Axure 프로토타이핑 #7. 백오피스 실제 설계화면

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

    동국대 창업지원강좌 (Axure 프로토타이핑)

    2015년 10월 16일과 10월 17일. 2일(14시간) 동안 명동 티마크 호텔에서 Axure 강좌를 진행했습니다. 본 강좌는 동국대 창업지원단이 주관하는 실전창업강좌 웹 기획자 과정으로 최준호 강사님이 4주간 웹 기획 이론을 교육하고, 저는 2일간 Axure를 이용해 각자의 아이디어를 설계하는 실습 과정을 담당했습니다. 국내에서 진행하는 Axure 강좌는 최초였지 않았을까 생각되는데요. 20세 대학생부터 50대 어르신까지 큰 어려움 없이 툴을 익혔고 굉장히 만족해하셨습니다. 덕분에 둘째 날은 본인 아이디어를 바탕으로 자신이 생각하는 서비스를 설계해 볼 수 있었고 기대 이상으로 좋은 결과물이 많이 나왔습니다. 이번 강좌를 통해 Axure가 아이디어를 설계하는데 유용한 툴임을 다시 한 번 확인하게 되었고..

    Axure 프로토타이핑 #6. 유튜브(youtube) 소스 공유

    동국대 창업지원 강좌에서 Axure 개념을 설명하기 위해 유튜브(youtube.com) 메인과 상세 페이지를 제작해봤습니다. 이미 구현 된 사이트를 프로토타이핑 하는 작업이라 작업 난이도는 낮았구요. 아래 이미지처럼 Axure 프로토타이핑 작업을 통해 실제 모습과 흡사하게 화면을 설계 할 수 있습니다. 참고로 유튜브는 2006년 약 1.7조원에 구글에 인수되었습니다. 프로토타입을 미리볼 수 있는 URL과 작업 파일 첨부합니다. 프로토타입 URL : http://daoeyj.axshare.com/#c=2 유튜브 메인화면 유튜브 상세화면 강좌 2016년 Axure 강좌일정 및 공식 커리큘럼 안내 소개 IT 기획 연구소 운영자 소개

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

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

    Axure 기초강좌 - Style 판넬

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

    Axure 기초강좌 - 위젯 모양 변경방법

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

    Bootstrap 라이브러리

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