Axure RP로 스크롤시 고정된 GNB 만들기
개요 페이지를 아래로 스크롤할 때 사라지지 않고 상단에 고정되어 계속 표시되는 GNB를 만들어 보겠습니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 설정 예제 파일 중, Scroll-activated sticky header 페이지를 엽니다. 캔버스에…
Axure RP로 슬라이딩 메뉴 만들기
개요 Axure RP로 모바일에서 자주 쓰이는 슬라이딩 메뉴 만드는 방법을 알아보겠습니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 설정 예제 파일 중, Sliding Menu 페이지를 엽니다. 캔버스에는 두 개의 위젯 세트가 있습니다.…
Axure RP로 아코디언 메뉴 만들기
개요 Axure RP로 아코디언 메뉴를 만드는 방법입니다. 아코디언 메뉴는 쉽게 말해 접혔다 펼쳤다 하는 메뉴를 의미합니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 설정 예제 파일 중 Accordion control 페이지를 엽니다. Accordion…
Axure RP로 커스텀 아이콘 버튼 만들기
개요 Axure RP로 아이콘과 사각형 조합의 커스텀 아이콘 버튼을 만드는 방법입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 커스텀 스타일 적용하기 예제 파일 중 Custom Icon Button이란 페이지를 엽니다. 캔버스에 SUBMIT이라고 쓰여있는…
Axure RP로 탭 컨트롤 만들기
개요 Axure RP로 탭 컨트롤을 만드는 방법입니다. 탭을 클릭하면 해당 탭의 콘텐츠를 표시하는 방법입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 시작하기 예제 파일 중 Tab control 페이지를 엽니다. 페이지에는 Tab 1,…
Axure RP로 화면 100% 가로 너비에 맞춘 이미지 혹은 배너 만들기
개요 Axure RP로 100% 가로 너비의 이미지 혹은 배너를 만드는 방법입니다. 브라우저 창 크기가 변함에 따라 이미지 혹은 배너의 가로 너비가 함께 변경됩니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 시작하기 예제…
Axure RP로 Lightbox 만들기
개요 Axure RP로 Lightbox를 만드는 방법입니다. Lightbox란 메시지나 이미지, 동영상 등을 화면에 띄우면 그 외 여백은 dimmed 처리되고, dimmed된 영역을 클릭하면 다시 이전 화면으로 돌아오는 기능입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드…
Axure RP로 커스텀 드롭다운 메뉴 만들기
개요 Axure RP로 Droplist를 만드는 방법입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 드롭리스트 옵션 숨기기 예제 파일 중, Custom Droplist 페이지를 엽니다. 캔버스 위에는 Custom Droplist라는 그룹이 있을 것입니다. 그…
Axure RP로 커스텀 체크박스와 라디오 버튼 만들기
개요 Axure RP로 커스텀 체크박스와 라디오 버튼을 만드는 방법입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 체크 표시 숨기기 예제 파일 중, Custom Checkbox and Radio Button이라는 페이지를 엽니다. 캔버스에는 Custom…
Axure RP로 Flyout 메뉴와 커스텀 툴팁 만들기
개요 Axure RP로 Flyout 메뉴와 커스텀 툴팁을 만드는 방법입니다. Flyout 메뉴란 마우스가 메뉴를 벗어나면 메뉴가 자동으로 사라지는 메뉴를 의미합니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다. 실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드 설정 예제 파일 중, Flyout menu…