프로토타입 툴 Axure/기초강좌(14)
-
[Axure 강좌] 구글 지도 연동하기!
Axure에 구글 지도 연동하는 방법을 살펴보겠습니다. 구글 지도 연동 시 프로토타입에서도 구글 지도의 확대,축소,이동 등 모든 기능을 동일하게 사용할 수 있습니다.프로토타입 미리보기 : http://cijydn.axshare.com/#c=2 Step 1. 인라인 프레임 위젯 드래그 Axure 실행 후 좌측의 위젯 모음에서 인라인 프레임 위젯을 드래그해 적당한 사이즈로 조절합니다. Step 2. 구글 지도에서 iframe 링크 가져오기 웹 브라우저에서 구글 맵(https://www.google.co.kr/maps) 접속 후 다음 순서에 따라 링크를 복사합니다. 지도의 중심 위치를 검색합니다. (ex. 한라산)공유 버튼을 클릭합니다.지도 퍼가기 탭을 클릭합니다.박스 안의 iframe URL을 모두 복사합니..
2016.01.23 -
Axure 기초강좌 - Style 판넬
Axure에서는 Style 판넬을 이용해 온라인에서 사용되는 내비게이션, 텍스트, 버튼 등 모든 요소를 동일하게 구현할 수 있습니다. 아래 다운로드 버튼을 예시로 어떤 스타일이 적용되었으며 각각 어떤 기능을 담당하는지 살펴보겠습니다. 1. 위치 및 크기 설정 : 위젯의 위치(X,Y)와 크기(W,H]를 설정할 수 있습니다. W와 H 사이의 [ ]를 클릭하면 위젯이 동일 비율로 커지거나 작아집니다. 2. Hidden : 위젯이 화면에서 안보이도록 숨김처리 합니다.3. 스타일 서식 : 미리 지정해놓은 스타일 서식을 적용합니다.4. 채우기 : 위젯의 채우기 색상을 선택합니다. 전체를 단색으로 채우거나 그라디언트 효과를 적용 할 수 있습니다.5. 그림자 : 위젯의 그림자를 설정합니다. 바깥 그림자, 내부 그림자 ..
2015.09.25 -
Axure 기초강좌 - 마우스 오버, 마우스 이탈, 위젯 선택 시 스타일 적용 방법
Axure 프로토타이핑의 최대 장점은 인터랙션을 시각화해서 보여줄 수 있다는 점입니다. 이번 챕터에서는 특정 위치에 마우스 오버, 마우스 이탈, 위젯이 선택 되었을 때의 스타일 지정 방법을 살펴보겠습니다. 1. 마우스오버, 마우스다운, 셀렉트, 비활성화 인터랙션별 스타일을 지정할 수 있습니다. 2. [위젯 우클릭] - [인터랙션 스타일] 클릭 시 인터랙션 스타일 팝업이 뜹니다. 3, [위젯 선택] - [Inspector/Properties] 판넬에서 원하는 인터랙션 스타일을 클릭하면 팝업이 뜹니다. 강좌 2016년 Axure 강좌일정 및 공식 커리큘럼 안내 소개 IT 기획 연구소 운영자 소개
2015.09.18 -
Axure 기초강좌 - 위젯 모양 변경방법
이번에는 Axure 도형 활용방법을 살펴보겠습니다. 먼저 사용 할 위젯을 드래그해 와이어프레임에 올려놓습니다. 위젯 모양 변경 1. 위젯을 선택하면 우측 상단에 동그란 아이콘이 보여집니다. 아이콘을 클릭하면 다른 도형으로 변경할 수 있습니다. 2. 위젯을 선택하고 우측 Inspector Pane의 Properties를 클릭하면 하단에 Select Shape 옵션이 있습니다. 우측의 셀렉트 박스를 클릭하면 다른 도형으로 변경할 수 있습니다. 코너 라운드 처리 1. 위젯을 선택하면 좌측 상단에 노란색 역삼각형 아이콘이 보여집니다. 아이콘을 좌우로 드래그해서 라운드 크기를 조절할 수 있습니다. 2. 위젯을 선택하고 우측 Inspector Pane의 Style을 선택하면 하단에 Corner Radius 옵션이 ..
2015.09.17 -
Axure 기초강좌 - Widgets Pane 사용방법
Axure 화면설계는 위젯을 와이어프레임에 드래그하는 것부터 시작합니다. 위젯 묶음을 라이브러리라고 부르며 Default 라이브러리로 대부분의 화면을 그릴 수 있습니다. 위젯 사용방법은 간단합니다. 사용할 위젯을 드래그해 와이어프레임 화면에 올려놓고 Style Pane를 이용해 원하는 스타일로 변경합니다. Axure의 Default 라이브러리 외에도 내가 원하는 라이브러리를 직접 만들거나 다른 사용자가 만들어 놓은 라이브러리를 불러와 사용할 수 있습니다. 기능설명 1. 라이브러리 선택. 새 작업인 경우 Default 라이브러리, Flow 라이브러리를 선택할 수 있습니다. 2. 라이브러리 메뉴. 라이브러리를 생성하거나 불러올 수 있습니다 3. 검색. 라이브러리에 포함 된 위젯을 검색할 수 있습니다. 샘플 ..
2015.09.16 -
Axure 기초강좌 - Pages Pane 사이트맵 작성방법
Auxre의 좌측 상단에 위치한 Pages Pane은 사이트 구조를 정의하는 도구입니다. 기능설명 1. 사이트 구조 트리 2. 페이지 추가 3. 폴더 추가 4. 페이지 검색 - 페이지명을 더블클릭하면 네이밍을 수정할 수 있습니다. - 마우스 드래그로 상,하,좌,우 Depth 이동이 가능합니다. - Delete 키로 페이지를 삭제할 수 있습니다.
2015.09.14