axure interaction 2

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

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

Axure 액슈어 따라하기 4. 다양한 텍스트 인터랙션 : Hover, 입력창

액슈어는 정말 다양한 인터랙션이 있다. 생각하는것들은 대부분 가능한 정도? (그치만 이게 안된다고..? 싶은것도 분명 있긴 함 ㅎ_ㅎ) 정말 기본적이지만, 모르면 모를 수 있는 기본 텍스트 효과 두가지를 정리해봤다. Axure 액슈어 따라하기 4. 텍스트 인터랙션 1. Hover효과를 줄 텍스트를 입력한다. 2. 텍스트를 선택한 상태로, 우측 인터랙션 창에서 'Style effect' 추가를 선택한다. 리스트에서 원하는 효과 선택! 호버, 선택, disable, 포커스 효과를 줄 수 있는데 호버 효과를 주기 위해서는 'MouseOver Style'을 선택한다. 3. 호버시 어떤 효과를 줄지 선택할 차례. 위젯 스타일 컬러 채우기 폰트컬러 바꾸기 투명도 주기 네가지가 기본으로 나오는데, 다른 스타일을 원한..

728x90