본문으로 바로가기

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

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

 

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

샘플보기(클릭)

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


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


샘플 #1 모바일 인터랙션

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

샘플 #3 동적 그래프

샘플 #4 워치 앱과 계산기


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

댓글을 달아 주세요

  1. BlogIcon 박기현 신고">2016.05.05 19:04 신고

    안녕하세요 웹기획에 관심많은 개발자입니다. 샘플 보면서 궁금하게 생겻는데요. 샘플 화면 줄어들면서 home 화면이 반응형처럼 화면이 바뀌던데 axure 에 있는 기능인가요? 아님 플러그인 기능인건가요?

    • BlogIcon 박기현 신고">2016.05.06 13:20 신고

      찾았네요 내부 기능인데 아이콘이 숨어있어서 찾기 힘들엇네요 ㅠㅠ

    • BlogIcon 웹기획자 조영수 신고">2016.05.07 08:37 신고

      박기현님 안녕하세요.
      제가 여행을 다녀오느라 메세지를 이제야 확인했네요.

      말씀하신 것처럼 반응형(Adaptive) 웹은 내부 기능이고요,
      화면 우측 Inspector > Adaptive에서 설정할 수 있습니다.
      이번엔 답장이 늦었지만 다음엔 좀 더 빨리 회신 드리겠습니다.

      감사합니다 ^^

  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 신고

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