Axure RP로 Flyout 메뉴와 커스텀 툴팁 만들기
개요 Axure RP로 Flyout 메뉴와 커스텀 툴팁을 만드는 방법입니다. Flyout 메뉴란 마우스가 메뉴를 벗어나면 메뉴가 자동으로 사라지는 메뉴를 의미합니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 설정 예제 파일 중, Flyout menu…
Axure RP에서 사용되는 인터랙션의 종류
개요 Axure RP에서 사용되는 인터랙션의 종류입니다. 이 글은 공식 홈페이지에 있는 글을 옮긴 글입니다. 이벤트 리스트 모든 위젯에 적용 가능한 이벤트 OnClick: When a widget is clicked OnMouseEnter: When the cursor is moved over a widget OnMouseOut: When the cursor is moved away from a widget OnDoubleClick:…
Axure RP로 이미지 Carousel 만들기
개요 Axure RP로 Carousel을 만드는 방법입니다. Carousel이란 이미지나 배너 등을 좌우로 슬라이드쇼 보듯 자동 혹은 수동으로 넘겨보는 형태를 의미합니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 설정 예제 파일 중, Carousel 페이지를…
Axure RP로 Drag and Drop 만들기
개요 Axure RP로 드래그 & 드롭을 만드는 방법입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 이미지를 dynamic panel로 변환하기 예제 파일 중, Drag and Drop 페이지를 엽니다. 캔버스에는 네 개의 이미지 위젯과…
Axure RP로 검색바 구현해보기
개요 Axure RP로 검색바를 구현해보겠습니다. 검색바를 클릭하면 검색어 추천 레이어가 표시되다가 글자를 입력하면 자동 완성 레이어로 변경되고 엔터를 입력하면 검색 결과가 표시되는 것을 Prototype으로 만들어 보는 작업입니다. 단, 자동 완성 등의 기능이 실제로 동작하는 것은 아니고, 대략 그렇게 돌아간다는 것을 보이는 용도로 간단하게 구현하는 것입니다. 예제 파일 다운로드 아래의 실습 내용을 통해 완성된 파일을…
Axure RP로 미디어 삽입하기
개요 Inline Frame 위젯을 이용해 YouTube 비디오, 구글 맵 등의 미디어를 Prototype 페이지에 삽입할 수 있습니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 설정하기 예제 파일 중, Embed Media 페이지를 엽니다. 캔버스에는…
Axure RP로 스크롤 가능한 표 만들기
개요 Axure RP로 헤더는 고정된 상태에서 스크롤이 가능한 테이블을 만드는 방법입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 설정 예제 파일 중, Scrollable Table 페이지를 엽니다. 캔버스에는 하나의 테이블 위젯과 고정된 헤더…