프로토타입 툴 Axure/프로토타입 샘플

Axure 프로토타이핑 #3. 동적 그래프

Damon Cho 2015. 9. 5. 11:22

세번째 샘플. 동적 그래프 프로토타입을 구현해봤습니다.

그래프가 동적으로 로딩되고, 정렬 옵션을 이용해 오름차순/내림차순 정렬이 가능하며, 막대그래프 클릭 시 툴팁을 보여줍니다. 


Axure 프로토타이핑 #3. 동적 그래프

샘플보기(클릭)


동적 그래프 화면 구성은 쉽고 빠르게 할 수 있지만 동적인 효과를 넣기 위해 기본적인 개발지식이 필요합니다. 엑셀의 매크로와 같은 개념으로 생각하면 되구요. Axure 프로토타이핑에서는 최고 난이도 작업이라고 볼 수 있습니다. 이전에 만들었던 소스를 활용하여 구현까지 약 1시간 소요되었습니다.


샘플 #1 모바일 인터랙션

샘플 #2 백오피스 프레임 및 기본 게시판

샘플 #4 워치 앱과 계산기 

샘플 #5 반응형 웹

반응형