Axure RP 소개

Axure RP란 무엇인가요? Axure RP는 애플리케이션, 웹사이트, 모바일앱 등을 제작하기 위해 필요한 정적인 와이어프레임, 인터랙티브한 프로토타입, 플로우 차트, 문서를 만들 때 사용하는 데스크톱 애플리케이션입니다. 와이어프레임(Wireframe)이란, 화면 기획서, 스토리보드, Mockup과 같은 말이라고 할 수 있습니다. 웹사이트나 모바일앱 등의 각 페이지가 어떤 역할을 하고 어떤 구성 요소로 이루어져 있는지를 간단한 도형과 텍스트로 더보기…

Axure RP로 스크롤시 고정된 GNB 만들기

개요 페이지를 아래로 스크롤할 때 사라지지 않고 상단에 고정되어 계속 표시되는 GNB를 만들어 보겠습니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다.   실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드   설정 예제 파일 중, Scroll-activated sticky 더보기…

Axure RP로 슬라이딩 메뉴 만들기

개요 Axure RP로 모바일에서 자주 쓰이는 슬라이딩 메뉴 만드는 방법을 알아보겠습니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다.   실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드   설정 예제 파일 중, Sliding Menu 페이지를 엽니다. 캔버스에는 더보기…

Scrivener에서 작성한 글을 Markdown으로 컴파일하기

개요 그동안 블로그 글을 작성할 때 Visual Studio Code에서 마크다운으로 글을 작성하여 올리고 있었습니다. 그러다보니 복잡한 표를 그릴 때나 이미지를 삽입할 때 코드에 신경 쓰게 되어 정작 글을 쓰는 흐름이 깨지는 것 같아서 새로운 워드프로세서를 찾아 보았습니다. 현재는 Scrivener로 글을 작성하고 있습니다. Scrivener의 장점은 서식이 있는 글을 작성한 후 마크다운 더보기…

Sketch 키보드 단축키

개요 스케치 앱의 작업 효율을 높이기 위한 단축키 모음입니다.   유의사항 스케치의 단축키는 키보드가 영문인 상태에서만 동작합니다. 만약 한글로 설정되어 있다면 동작하지 않으니 영문으로 변경한 후에 사용해 주세요. 아직 다국어에 대한 고려가 부족한 느낌입니다.   일반 기능 단축키 비고 Undo command + Z Redo shift + command + Z   더보기…

Axure RP로 아코디언 메뉴 만들기

개요 Axure RP로 아코디언 메뉴를 만드는 방법입니다. 아코디언 메뉴는 쉽게 말해 접혔다 펼쳤다 하는 메뉴를 의미합니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다.   실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드   설정 예제 파일 중 더보기…

Axure RP로 커스텀 아이콘 버튼 만들기

개요 Axure RP로 아이콘과 사각형 조합의 커스텀 아이콘 버튼을 만드는 방법입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다.   실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드   커스텀 스타일 적용하기 예제 파일 중 Custom Icon Button이란 더보기…

Axure RP로 탭 컨트롤 만들기

개요 Axure RP로 탭 컨트롤을 만드는 방법입니다. 탭을 클릭하면 해당 탭의 콘텐츠를 표시하는 방법입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다.   실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 파일 다운로드   시작하기 예제 파일 중 Tab control 더보기…

Axure RP로 화면 100% 가로 너비에 맞춘 이미지 혹은 배너 만들기

개요 Axure RP로 100% 가로 너비의 이미지 혹은 배너를 만드는 방법입니다. 브라우저 창 크기가 변함에 따라 이미지 혹은 배너의 가로 너비가 함께 변경됩니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다.   실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다. 예제 더보기…

Axure RP로 Lightbox 만들기

개요 Axure RP로 Lightbox를 만드는 방법입니다. Lightbox란 메시지나 이미지, 동영상 등을 화면에 띄우면 그 외 여백은 dimmed 처리되고, dimmed된 영역을 클릭하면 다시 이전 화면으로 돌아오는 기능입니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다.   실습 예제 파일 다운로드 실습을 위해 공식 홈페이지에 있는 예제 파일을 더보기…