본문으로 바로가기

다섯번째 샘플. 반응형 웹 프로토타입을 구현해봤습니다.

최근에 오픈한 SK c&c 웹사이트를 프로토타입 형태로 작업했습니다. 웹 브라우저의 가로 사이즈(Width)를 확대 및 축소하면 브라우저 사이즈에 따라 웹사이트, 태블릿, 모바일 UI가 보여지고 좌측 메뉴의 모바일 화면, 태블릿 화면을 클릭하면 각 디바이스별 구동화면을 미리 볼 수 있습니다. SK c&c 사이트를 먼저 보시고 프로토타입을 보시면 좋을 것 같습니다.

 

Axure 프로토타이핑 #5. 반응형 웹 

샘플보기(클릭)

모바일에서 보시는 분은 여기를 클릭해주세요 (아이폰에 최적화되어 있습니다.)


기존에 구현 된 사이트를 본뜨는 작업이라 구현까지 약 반나절 정도 소요되었습니다. 사실, 서비스를 구상하는 기획 과정이 어렵지 화면은 누구나 금방 그려낼 수 있습니다. 


샘플 #1 모바일 인터랙션

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

샘플 #3 동적 그래프

샘플 #4 워치 앱과 계산기


기획자 조영수
IT 서비스 기획자. 처음부터 다시 배우는 웹 기획 저자. 웹기획&AXURE 강사. 웹/모바일 기획자 그룹 운영자.

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 2016.05.20 22:49

    비밀댓글입니다

  3. 2016.07.20 10:01

    비밀댓글입니다

  4. 2016.07.21 20:23

    비밀댓글입니다

  5. 2016.08.11 10:57

    비밀댓글입니다

  6. 남건우 2016.11.16 15:48

    저도 소스 공유좀 부탁드려요.. slsrmsn@naver.com 입니다ㅠ

  7. 2017.01.04 15:53

    비밀댓글입니다

  8. Bellarok 2017.02.16 14:04

    Axure 처음 접해 봅니다.
    소스공유 부탁 드립니다. 가능하시다면 강좌 전체를 부탁 드립니다.
    차근차근 따라해 볼까 합니다.
    bellarok@gmail.com

  9. 테스트중 2017.04.20 13:17

    axure 에 관심이 많아서 월로 결제하여 테스트 해보고 있습니다. 괜찮으시면 소스 공유 부탁 드릴 수 있을까요? 부탁드립니다. ㅠㅠ m_con@naver.com

  10. 2017.04.25 15:15

    비밀댓글입니다

  11. 정명식 2017.06.22 14:44

    안녕하세요 웹기획자입니다.
    요즘 axure 를 알고 부터 혼자 이리저리 따라하는데...관련 서적도 없고...마음대로 잘 안되네요...
    혹시 가지고 계신 소스 있으시면 분석하면서 이리저리 배워볼려고 합니다.
    번거로우시던라도 메일로 소스 부탁드립니다.
    메일 주소는 : msjung777@gmail.com
    날씨가 많이 무덥네요...건강조심하시고요....앞으로 자주 놀러오겠습니다.
    감사합니다.

  12. 2017.07.03 10:31

    비밀댓글입니다

  13. hwchoi 2017.08.28 11:39

    사이트 본뜨는 작업이 액슈어 손에 익히기엔 제일 좋은 것 같네요 ^^
    도움 많이 받고있습니다~

  14. 최현욱 2018.01.30 17:49

    안녕하세요 ^^
    PC웹 화면 기획은 액슈어로 제작 했는데, 모바일웹도 반응형으로 액슈어로 작업하려는데 막막합니다..
    가능하면 액슈어로 모바일까지 하고싶은데 어렵네요;;
    모바일은 사이즈도 따로 잡아야 하는건지 부터해서 감이 잘 안오네요
    샘플 요청 및 액슈어로 반응형 화면 제작시 팁이 있다면... 알려주시면 감사하겠습니다.
    e-mail : chw6000@naver.com

    p.s 지난번에 보내주신 샘플은 너무 잘봤고 큰 도움됐습니다 ^^~

  15. 2018.02.06 11:27

    비밀댓글입니다

  16. 2018.03.22 13:24

    비밀댓글입니다

  17. 2018.05.03 00:44

    비밀댓글입니다

  18. 2019.02.09 00:51

    비밀댓글입니다

  19. 빠곰 2019.07.16 09:39

    안녕하세요. Axure 공부중에 있습니다.
    반응형웹 설계가 필요해서 Inspector설정했더니
    미리보기에서 페이지 표시가 안되네요...
    추가설정을 해야하는게 있을까요?
    혹시 강좌에 대한 정보가 있으면 부탁드립니다.
    샘플소스 공유가능하시면 함께 부탁드립니다.
    nnow@korea.com

  20. 이종용 2019.07.18 14:24

    저도 소스 공유 좀 부탁드려요. 공부중인데 모르는게 너무 많네요.ㅠㅠ
    jyend@naver.com

  21. 김승석 2019.10.22 10:42

    안녕하세요 Axure 처음 접해서 배우고자 하는데 소스코드 공유 부탁드립니다.
    without47@naver.com 입니다. 감사합니다!