'axure 매뉴얼' 태그의 글 목록

프로토타입 툴 Axure/기타 2016. 4. 19. 17:30

Axure RP 8 공식 오픈 2016년 4월 15일 Axure RP 8 버전이 공식 오픈되었습니다. 작년 여름 베타 버전 출시 후 약 8개월 동안 지속적으로 업데이트를 해왔는데요. 초기에는 수많은 버그가 발생했지만 이제는 모두 개선되어 안정적으로 작동합니다. 이전 버전인 Axure RP 7 버전과 비교했을 때 UI 설계, 프로토타이핑, 설계 문서 공유 등 모든 부분에서 성능이 개선되었고, Windows와 Mac의 작업환경도 동일하게 통일했습니다. Axure를 사랑하는 유저로서 이번 소식이 너무너무 반가운데요. 국내에는 아직 사용자층이 많지 않아 저만 반가운 것 같습니다. ㅎㅎ Axure를 간단히 설명하자면 별도의 코딩 없이 프로토타입을 제작할 수 있는 툴로, HTML&CSS 등의 지식이 없어도 손쉽게 ..

2016년 1회차 Axure 스터디 후기.

프로토타입 툴 Axure/기타 2016. 3. 21. 02:38

2015년 10월. 동국대 창업지원 강좌를 통해 처음으로 Axure 강좌를 진행하고, 블로그를 통해 문의해주신 분들을 대상으로 2016.02.23(화) ~ 03.15(화)까지 총 4회에 걸쳐 1회차 스터디를 진행했습니다. Axure 스터디에 대해 궁금해하시는 분들을 위해 스터디 후기를 간략히 적어봅니다. 이번에 진행한 1회차 스터디는 현업에서 바로 적용해볼 수 있는 가벼운 사례 중심으로 구성했고, 동종업계 종사자들끼리 새로운 만남을 가지는 친목 중심의 스터디로 운영하는 것을 목표로 했습니다. 스터디에는 총 3분이 참석했고, 2분은 청강자로 방문해주셨습니다. 각 회차별 주제는 다음과 같았습니다.1회차 : Auxre 현업 적용 사례 및 기본 사용법 소개 (모바일 샘플 제작)2회차 : Axure를 이용한 백오..

[Axure 강좌] 구글 지도 연동하기!

프로토타입 툴 Axure/기초강좌 2016. 1. 23. 11:39

Axure에 구글 지도 연동하는 방법을 살펴보겠습니다. 구글 지도 연동 시 프로토타입에서도 구글 지도의 확대,축소,이동 등 모든 기능을 동일하게 사용할 수 있습니다.프로토타입 미리보기 : http://cijydn.axshare.com/#c=2 Step 1. 인라인 프레임 위젯 드래그 Axure 실행 후 좌측의 위젯 모음에서 인라인 프레임 위젯을 드래그해 적당한 사이즈로 조절합니다. Step 2. 구글 지도에서 iframe 링크 가져오기 웹 브라우저에서 구글 맵(https://www.google.co.kr/maps) 접속 후 다음 순서에 따라 링크를 복사합니다. 지도의 중심 위치를 검색합니다. (ex. 한라산)공유 버튼을 클릭합니다.지도 퍼가기 탭을 클릭합니다.박스 안의 iframe URL을 모두 복사합니..

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

프로토타입 툴 Axure/해외 라이브러리 2016. 1. 20. 14:01

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

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

프로토타입 툴 Axure/기타 2015. 10. 27. 00:55

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

Axure 기초강좌 - Style 판넬

프로토타입 툴 Axure/기초강좌 2015. 9. 25. 17:01

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

Q. 사진을 동그랗게 만드는 방법

프로토타입 툴 Axure/기타 2015. 9. 19. 07:36

Axure로 사진을 동그랗게 편집하는 방법을 알아보겠습니다. 예전의 웹서비스는 대부분의 이미지를 각진 사각형으로 표현했지만, CSS의 발달과 웹브라우저의 표준화로 최근에는 동그란 이미지도 많이 사용하고 있습니다. 하지만, 아직도 익스플로러 7,8 하위 브라우저에서는 동그란 이미지가 사각형으로 보여지고 있으니 이 점 참고하시기 바랍니다. 1. 이미지 위젯을 와이어프레임에 드래그합니다.2. 이미지 위젯 더블 클릭 후 원하는 이미지를 불러옵니다.3. 불러온 이미지 클릭 후 좌측 상단의 역삼각형 아이콘을 좌우로 드래그해 코너 사이즈를 조절하면 끝! 참 쉽죠~ ^^

Axure 기초강좌 - 마우스 오버, 마우스 이탈, 위젯 선택 시 스타일 적용 방법

프로토타입 툴 Axure/기초강좌 2015. 9. 18. 17:54

Axure 프로토타이핑의 최대 장점은 인터랙션을 시각화해서 보여줄 수 있다는 점입니다. 이번 챕터에서는 특정 위치에 마우스 오버, 마우스 이탈, 위젯이 선택 되었을 때의 스타일 지정 방법을 살펴보겠습니다. 1. 마우스오버, 마우스다운, 셀렉트, 비활성화 인터랙션별 스타일을 지정할 수 있습니다. 2. [위젯 우클릭] - [인터랙션 스타일] 클릭 시 인터랙션 스타일 팝업이 뜹니다. 3, [위젯 선택] - [Inspector/Properties] 판넬에서 원하는 인터랙션 스타일을 클릭하면 팝업이 뜹니다. 강좌 2016년 Axure 강좌일정 및 공식 커리큘럼 안내 소개 IT 기획 연구소 운영자 소개

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

프로토타입 툴 Axure/기초강좌 2015. 9. 17. 18:44

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

Bootstrap 라이브러리

프로토타입 툴 Axure/해외 라이브러리 2015. 9. 16. 23:29

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

ABOUT ME

기획자 데이먼 기획자 데이먼

티스토리툴바