다섯번째 샘플. 반응형 웹 프로토타입을 구현해봤습니다.
최근에 오픈한 SK c&c 웹사이트를 프로토타입 형태로 작업했습니다. 웹 브라우저의 가로 사이즈(Width)를 확대 및 축소하면 브라우저 사이즈에 따라 웹사이트, 태블릿, 모바일 UI가 보여지고 좌측 메뉴의 모바일 화면, 태블릿 화면을 클릭하면 각 디바이스별 구동화면을 미리 볼 수 있습니다. SK c&c 사이트를 먼저 보시고 프로토타입을 보시면 좋을 것 같습니다.
Axure 프로토타이핑 #5. 반응형 웹
모바일에서 보시는 분은 여기를 클릭해주세요 (아이폰에 최적화되어 있습니다.)
기존에 구현 된 사이트를 본뜨는 작업이라 구현까지 약 반나절 정도 소요되었습니다. 사실, 서비스를 구상하는 기획 과정이 어렵지 화면은 누구나 금방 그려낼 수 있습니다.
'프로토타입 툴 Axure > 프로토타입 샘플' 카테고리의 다른 글
Axure 프로토타이핑 #7. 백오피스 실제 설계화면 (15) | 2015.10.27 |
---|---|
Axure 프로토타이핑 #6. 유튜브(youtube) 소스 공유 (6) | 2015.10.22 |
Axure 프로토타이핑 #5. 반응형 웹 (39) | 2015.09.05 |
Axure 프로토타이핑 #4. 워치 앱과 계산기 (1) | 2015.09.05 |
Axure 프로토타이핑 #3. 동적 그래프 (18) | 2015.09.05 |
Axure 프로토타이핑 #2. 백오피스 프레임 및 기본 게시판 (35) | 2015.09.05 |
비밀댓글입니다
비밀댓글입니다
저도 소스 공유좀 부탁드려요.. slsrmsn@naver.com 입니다ㅠ
비밀댓글입니다
Axure 처음 접해 봅니다.
소스공유 부탁 드립니다. 가능하시다면 강좌 전체를 부탁 드립니다.
차근차근 따라해 볼까 합니다.
bellarok@gmail.com
axure 에 관심이 많아서 월로 결제하여 테스트 해보고 있습니다. 괜찮으시면 소스 공유 부탁 드릴 수 있을까요? 부탁드립니다. ㅠㅠ m_con@naver.com
비밀댓글입니다
안녕하세요 웹기획자입니다.
요즘 axure 를 알고 부터 혼자 이리저리 따라하는데...관련 서적도 없고...마음대로 잘 안되네요...
혹시 가지고 계신 소스 있으시면 분석하면서 이리저리 배워볼려고 합니다.
번거로우시던라도 메일로 소스 부탁드립니다.
메일 주소는 : msjung777@gmail.com
날씨가 많이 무덥네요...건강조심하시고요....앞으로 자주 놀러오겠습니다.
감사합니다.
비밀댓글입니다
사이트 본뜨는 작업이 액슈어 손에 익히기엔 제일 좋은 것 같네요 ^^
도움 많이 받고있습니다~
안녕하세요 ^^
PC웹 화면 기획은 액슈어로 제작 했는데, 모바일웹도 반응형으로 액슈어로 작업하려는데 막막합니다..
가능하면 액슈어로 모바일까지 하고싶은데 어렵네요;;
모바일은 사이즈도 따로 잡아야 하는건지 부터해서 감이 잘 안오네요
샘플 요청 및 액슈어로 반응형 화면 제작시 팁이 있다면... 알려주시면 감사하겠습니다.
e-mail : chw6000@naver.com
p.s 지난번에 보내주신 샘플은 너무 잘봤고 큰 도움됐습니다 ^^~
비밀댓글입니다
비밀댓글입니다
비밀댓글입니다
비밀댓글입니다
안녕하세요. Axure 공부중에 있습니다.
반응형웹 설계가 필요해서 Inspector설정했더니
미리보기에서 페이지 표시가 안되네요...
추가설정을 해야하는게 있을까요?
혹시 강좌에 대한 정보가 있으면 부탁드립니다.
샘플소스 공유가능하시면 함께 부탁드립니다.
nnow@korea.com
저도 소스 공유 좀 부탁드려요. 공부중인데 모르는게 너무 많네요.ㅠㅠ
jyend@naver.com
안녕하세요 Axure 처음 접해서 배우고자 하는데 소스코드 공유 부탁드립니다.
without47@naver.com 입니다. 감사합니다!
비밀댓글입니다
안녕하세요! 이제막 교육업으로 창업한 베이비 CEO입니다.
청소년 교육프로그램을 웹으로 개발 중인데,
강사님 인프런 강의를 이작 막 듣고있습니다.
덕분에 개발팀과의 소통이 매우 도움이 되고 있습니다.ㅠㅠ
제가 생각하는 부분을 프로토타입으로 보여줄 수 있어 참 행복합니닷 :)
감사드립니다.
반응형 웹으로 교육프로그램 개발중인데, 검색하다가 강사님 글을 찾게 되었습니다.
혹시 소스 공유 가능하실까요?
이메일 주소는 eunemon626@gmail.com 입니다.
감사합니다.
혹시 해당