인비전 invision 프로토타입 만들기 – TOP 버튼, 플로팅 메뉴 버튼 예제

이번 포스팅에서는 인비전의 Fixed Footer와 Screen as Overlay를 활용한 예제를 소개합니다.Fixed Footer를 활용해서 화면 맨 위로 이동하는 인터랙션 구현하기 (Top Button) 화면 하단에 TOP 버튼이 있는데, 화면을 스크롤 해도 버튼의 위치는 그대로 유지되고, 버튼을 탭 하면 화면의 맨 위로 스르륵 이동합니다.Fixed Footer, Screen as Overlay를 활용해 플로팅 메뉴 버튼 구현하기 (Floating Menu Button) 화면 하단에 메뉴 버튼이 있는데, 화면을 스크롤 해도 버튼의 위치는 그대로 유지되고, 버튼을 탭 하면 보조 메뉴가 위에 나타나고, 다시 탭 하면 사라집니다. 보조 메뉴가 나타난 상태에서는 배경이 살짝 연해집니다. 준비이번 예제는 아..
UI Design tool study 2017. 1. 7. 16:50
1