본문으로 바로가기

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

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


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

샘플보기(클릭)


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


샘플 #1 모바일 인터랙션

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

샘플 #4 워치 앱과 계산기 

샘플 #5 반응형 웹

저작자 표시 비영리 변경 금지
신고
웹기획자 조영수
여행 카테고리 서비스 기획자. 《처음부터 다시 배우는 웹 기획》 저자. 웹기획&AXURE 강사. 웹/모바일 기획자 그룹 운영자.

댓글을 달아 주세요

  1. 강진구 신고">2015.11.10 15:26 신고

    혹시 동적그래프 구현 axure 소스를 좀 구할수 있을까요

    너무 신기합니다~~

  2. 2016.03.16 19:46

    비밀댓글입니다

  3. 2016.08.11 10:54

    비밀댓글입니다

  4. jam 신고">2017.05.06 23:14 신고

    저도 소스좀 얻을수 있을까요.. 신기하네요

  5. 최현욱 신고">2017.08.25 13:56 신고

    안녕하세요 ^^ 액슈어 독학하는데 많이 도움되고 있습니다.
    엑슈어 튜토리얼과 조영수님 기초강좌와 샘플 보면서 따라하다보니까
    어느정도 손에 익고 심지어 재밌네요...
    좀더 숙련이 되고 나중에 기회가되면 강의도 들어보고 싶어요 ^^

    요건.. 샘플 봐서는 감이 안오네요..
    참고 소스좀 받아볼 수 있을까요?
    Email : chw6000@naver.com

    감사합니다.^^