액슈어 다이나믹패널 2

Axure 액슈어 따라하기 5. 스크롤 이동 액션

응용하기 좋은 기본 액션 중 하나. 스크롤 이동 액션 주기! 스크롤 이동 즉, 화면 포커스 이동을 쓸 때 유용한 효과. 메인화면에서 버튼을 클릭하면 스크롤이 하단으로 이동되는 웹들을 많이 봤을텐데 그런 액션을 기획서에서도 구현할 수 있다. Axure 액슈어 따라하기 5. 스크롤 이동 액션 1. 메인화면을 그린다. 상단 배너의 'Read more'을 클릭하면, 하단 상세 컨텐츠로 이동하는 액션을 추가할 예정! 2. 'Read more' 텍스트를 선택한 상태로, 우측 인터랙션에서 'Click or Tap'을 선택한다. 3. 액션은 'Scroll to Widget'을 선택. 클릭하면 특정 위젯으로 스크롤한다는 의미겠지? 4. 스크롤 이동할 위젯을 선택한다. 미리 오브젝트명을 설정해놓아야, 인터랙션을 선택할 때..

Axure 액슈어 따라하기 2. 탭 구조 만들기 feat.다이나믹패널

1편 마스터 사용하기에 이은 액슈어 따라하기 2편. 액슈어 다이나믹패널로 탭 구조 구현하기! 내가 가장 유용하게, 많이 사용하는 기능 중 하나이다. Axure 액슈어 따라하기 2. 다이나믹 패널을 이용해 탭 구조 구현하기 탭 구조를 이해하기 위해 선행되어야 하는 건 다이나믹 패널의 개념 이해하기. 개인적으로 액슈어의 꽃이라고 생각하는 기능이다 ㅋㅋ 위에서 말했듯이 가장 많이 이용하는 기능! 다이나믹패널이란? 레이어를 이용하여 동적인 방식의 화면동작을 구현할 수 있는 기능! 이라고 정의해보았다. 사실 이 다이나믹패널이 대체 언제 쓰이는건지, 왜 다이나믹 패널을 만들어야하는건지? 에 대해서 개인적으로 이해하는게 좀 오래걸렸다. 다이나믹 패널을 사용한 레퍼런스를 보고서야 바로 이해 ^^; 아마 아래 탭구조 만..

728x90