본문으로 바로가기

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

category 프로토타입 툴 Axure/프로토타입 샘플 2015. 9. 5. 11:22

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

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


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

샘플보기(클릭)


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


샘플 #1 모바일 인터랙션

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

샘플 #4 워치 앱과 계산기 

샘플 #5 반응형 웹

기획자 조영수
IT Product를 만드는 프로덕트 오너이자, 글/영상/서비스를 만드는 기획자입니다.

댓글을 달아 주세요

  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

    감사합니다.^^

  6. sw 2018.05.22 17:31

    좋은 예제네요. 소스보고 공부해보고 싶습니다. dev.seokwon@gmail.com 소스공유 부탁드립니다.

  7. 2018.05.30 16:18

    비밀댓글입니다

  8. jeong 2018.07.04 10:16

    okmy03@naver.com 소스 공유쫌 부탁드립니다
    너무 잘 만드셔서 참고하고싶네요

  9. happy 2019.01.28 10:32

    게시물 정독하고 있는데 좋은 정보들이 많아서 이렇게 댓글 남깁니다.
    동적 그래프 구현이 너무 신기해서요, 혹시 axure 소스 공유주실 수 있으실지요?

    minoopin@naver.com 입니다.

  10. 2019.04.05 11:44

    비밀댓글입니다

  11. 2020.01.18 11:06

    비밀댓글입니다

  12. 2020.03.04 17:00

    비밀댓글입니다

  13. 강프런 2021.02.26 18:34

    안녕하세요! 데이먼님 강의 정말 잘 듣고 있습니다!!
    혹시 동적 그래프 구현 axure 소스를 구할 수 있을까요??? ㅠㅠㅠ
    jongrun77@gmail.com 입니다~~

  14. 김은 맛있다 2021.03.19 17:54

    안녕하세요. 강의 잘 듣고 있습니다. 다름이 아니라 엑슈어로 특정 값을 입력하면 그래프로 출력 되는 기능을 만들려고 하는데 잘 만들어 지지 않네요. 혹시 해당 소스 공유 가능하시면 메일로 부탁 드립니다. 감사합니다.
    메일 주소 : night14@naver.com