본문으로 바로가기

지난 글에 이어 두번째 샘플. 백오피스 프로토타입을 구현해봤습니다.

GNB메뉴와 Left메뉴의 이동과 게시판의 기본 기능인 리스트, 글 보기, 글 작성 화면을 구현했습니다. 리스트 화면에서는 정렬 옵션을 이용해 컬럼별 오름차순/내림차순 정렬이 가능합니다.  


Axure 프로토타이핑 #2. 백오피스 프레임 및 기본 게시판

샘플보기(클릭)


제작 시간은 약 2시간이 소요되었습니다. (맥에서 작업해서 일부 윈도우 브라우저에는 최적화가 안될 수 있습니다 ^^;;)


샘플 #1 모바일 인터랙션

샘플 #3 동적 그래프

샘플 #4 워치 앱과 계산기

샘플 #5 반응형 웹

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

댓글을 달아 주세요

  1. sosol 신고">2016.01.27 19:49 신고

    혹시 해당 rp 파일 공유는 좀 어려울까요..
    메뉴 hover 이벤트를 하려고 하는데 이벤트를 넣어도 반응이 없네요..ㅠㅠ

  2. 2016.02.03 17:36

    비밀댓글입니다

  3. kiz 신고">2016.08.11 10:51 신고

    안녕하세요 포스팅 항상 잘보고있고 이번에 참여하신 책도 주문해 놓은상태입니다!
    다름이 아니라 정렬기능을 구현한 방법이
    1. 드롭다운리스트 만든다
    2. 드롭다운 리스트에 최신순, 조회순 등 각 리스트에 링크? 를 건다
    3. 해당 리스트 클릭 시, 미리 만들어놓은 다른 페이지로 이동 된다?....

    이게맞나요?...어떤방식일까요...

    • BlogIcon 웹기획자 조영수 신고">2016.08.11 15:33 신고

      안녕하세요 Kiz님.

      다이너믹 패널을 이용해서 말씀하신 방식대로 적용하면 구현합니다.

      추가로 메일을 통해 위 샘플을 공유드리려고 하는데요. 위 샘플은 Repeater 위젯을 사용했습니다.

      감사합니다.

  4. 2016.09.01 19:47

    비밀댓글입니다

  5. Crimson 신고">2016.11.07 10:04 신고

    저도 Axure공부중인데 rp파일 받아서 볼 수 있을까요? zzzgogo5@naver.com 메일입니다ㅠ 부탁드려요!!

  6. 남건우 신고">2016.11.18 15:36 신고

    slsrmsn@naver.com 이메일로 소스 보내주시면 감사드리겠습니다 !!

  7. 2017.02.15 18:11

    비밀댓글입니다

  8. 2017.02.21 16:03

    비밀댓글입니다

  9. mien 신고">2017.07.12 11:44 신고

    댓글을 확인하실지 모르겠지만...제게도 해당 rp 파일 좀 공유해주실수 있을까요?
    해당 강의 알아보니 9월까지 기다려야겠네요. -.-;;

  10. 김미선 신고">2017.11.02 17:24 신고

    안녕하세요 Axure 초보자 입니다. rp 공유 부탁드립니다. kimmi8005@naver.com