프로토타입 툴 Axure/프로토타입 샘플

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

Damon Cho 2015. 9. 5. 11:24

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

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

 

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

샘플보기(클릭)

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


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


샘플 #1 모바일 인터랙션

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

샘플 #3 동적 그래프

샘플 #4 워치 앱과 계산기


반응형