기획자 데이먼 기획자 데이먼

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

• 티몬 상세페이지 프로토타입 만들기 YouTube Embed

  프로토타입 툴 Axure/프로토타입 샘플 2018. 11. 20. 19:29

  Axure에서 유튜브 영상을 불러와서 티몬 상세페이지를 만드는 영상입니다. 제가 만든 영상이지만 도입부분이 지루하네요 😂😂😂 앞 부분을 skip 하시고 중반으로 넘어가시면 티몬 페이지를 2배속으로 만드는 화면이 나오는데, Axure를 아직 접해보지 않으신 분들이 참고해보시면 좋을 것 같습니다 ^^ 프로토타입 툴을 이용하면 실제 사이트와 거의 흡사한 모형을 아주 빠르게 제작할 수 있습니다.

  Read More
• Sketch로 디자인하고 Axure RP 9으로 프로토타입 만들기

  프로토타입 툴 Axure/프로토타입 샘플 2018. 10. 28. 10:03

  새롭게 출시 된 Axure RP 9 (베타)에서는 Sketch와 연동 된 플러그인을 통해 디자인 파일을 불러오고 자유롭게 편집할 수 있습니다. 아래는 실제 작업 영상입니다. [ Axure RP 9 Beta ] https://www.axure.com/blog/axure-rp-9-beta [ Axure RP 9 Prototype Sample ] https://nwi2et.axshare.com

  Read More
• 프로토타이핑 툴 #11. Axure Admin 샘플

  프로토타입 툴 Axure/프로토타입 샘플 2018. 6. 25. 14:52

  프로로타이핑 툴 Axure로 제작한 Admin 샘플입니다. 시장에는 수많은 프로토타이핑 툴이 출시되어있지만 Admin처럼 규모가 크고 복잡한 설계 작업은 Axure가 최적의 툴입니다.

  Read More
• Axure 프로토타이핑 #10. PC Web 샘플

  프로토타입 툴 Axure/프로토타입 샘플 2018. 6. 13. 23:23

  프로토타이핑 툴 Axure로 제작한 여행사 사이트 PC Web 샘플입니다. 파워포인트 스토리보드가 Axure 프로토타입으로 어떻게 구현되는지 참고해보실 수 있습니다.

  Read More
• Axure 프로토타이핑 #9. 스토리보드 샘플 (디스크립션 & 플로우차트)

  프로토타입 툴 Axure/프로토타입 샘플 2016. 2. 17. 03:55

  스토리보드에 빼놓을 수 없는 중요 요소 중 하나가 디스크립션입니다. 기획자는 설계서를 보는 디자이너, 퍼블리셔, 개발자에게 전해야 하는 메세지를 디스크립션에 작성하고 '화면 UI'와 '디스크립션'에 근거하여 소통을 진행하는데요. 프로토타입 툴은 이러한 디스크립션을 작성하기 어렵다는 단점이 있습니다. 그렇다고 방법이 없지는 않겠죠? 보다 나은 소통을 위해 직접 연구하고 개발한 Axure 스토리보드 실무 적용 사례를 공유드립니다. 샘플은 PC 기준으로 제작되었으니, 모바일 접속자는 동영상 링크를 클릭해주세요.PC용 프로토타입 : http://86pzau.axshare.com/모바일용 동영상 링크 : https://www.youtube.com/watch?v=SNvhZNoF3Ms 강좌 2016년 Axure 강좌..

  Read More
• Axure 프로토타이핑 #8. 플로우차트(Flow Chart) 설계

  프로토타입 툴 Axure/프로토타입 샘플 2016. 2. 8. 00:45

  이번 포스팅은 플로우차트(FlowChart) 설계 예제로, Axure로 플로우차트도 손쉽게 구현 가능함을 보여드리겠습니다. Axure 플로우차트는 파워포인트, VISIO, OmniGraffle 등의 툴 보다도 자유도가 높으며, 플로우차트와 각각의 페이지를 바로 연동할 수 있기 때문에 화면설계의 완성도를 높일 수 있습니다. Axure로 제작한 회원가입 플로우차트(FlowChart) 샘플 - 프로토타입 링크 : http://4h6k7j.axshare.com 위 프로토타입 샘플은 Axure 기능 소개를 위해 제작했지만, 회원가입 플로우차트를 가장 정석적인 방법으로 설계했습니다. 따라서, 플로우차트 작성에 어려움을 겪고 계신 분들은 회원가입 플로우차트 샘플보기를 통해 실무에서의 노하우를 참고하시면 좋을 것 같습..

  Read More
• Axure 프로토타이핑 #7. 백오피스 실제 설계화면

  프로토타입 툴 Axure/프로토타입 샘플 2015. 10. 27. 15:32

  앞서 Axure 프로토타입의 장점을 설명할때 모든 디바이스의 화면을 설계할 수 있으며, 백오피스와 같은 복잡한 화면도 실제와 흡사하게 설계가 가능하다고 했습니다. 백문이 불여일견이라고 실제 현업에서는 어떻게 설계하고 있는지 작업 샘플을 첨부합니다. 대외비라 최소한으로 압축해 GIF 파일로 제작했습니다. Axure로 설계한 백오피스 화면

  Read More
• Axure 프로토타이핑 #6. 유튜브(youtube) 소스 공유

  프로토타입 툴 Axure/프로토타입 샘플 2015. 10. 22. 01:26

  동국대 창업지원 강좌에서 Axure 개념을 설명하기 위해 유튜브(youtube.com) 메인과 상세 페이지를 제작해봤습니다. 이미 구현 된 사이트를 프로토타이핑 하는 작업이라 작업 난이도는 낮았구요. 아래 이미지처럼 Axure 프로토타이핑 작업을 통해 실제 모습과 흡사하게 화면을 설계 할 수 있습니다. 참고로 유튜브는 2006년 약 1.7조원에 구글에 인수되었습니다. 프로토타입을 미리볼 수 있는 URL과 작업 파일 첨부합니다. 프로토타입 URL : http://daoeyj.axshare.com/#c=2 유튜브 메인화면 유튜브 상세화면 강좌 2016년 Axure 강좌일정 및 공식 커리큘럼 안내 소개 IT 기획 연구소 운영자 소개

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

  프로토타입 툴 Axure/프로토타입 샘플 2015. 9. 5. 11:24

  다섯번째 샘플. 반응형 웹 프로토타입을 구현해봤습니다. 최근에 오픈한 SK c&c 웹사이트를 프로토타입 형태로 작업했습니다. 웹 브라우저의 가로 사이즈(Width)를 확대 및 축소하면 브라우저 사이즈에 따라 웹사이트, 태블릿, 모바일 UI가 보여지고 좌측 메뉴의 모바일 화면, 태블릿 화면을 클릭하면 각 디바이스별 구동화면을 미리 볼 수 있습니다. SK c&c 사이트를 먼저 보시고 프로토타입을 보시면 좋을 것 같습니다. Axure 프로토타이핑 #5. 반응형 웹 샘플보기(클릭) 모바일에서 보시는 분은 여기를 클릭해주세요 (아이폰에 최적화되어 있습니다.) 기존에 구현 된 사이트를 본뜨는 작업이라 구현까지 약 반나절 정도 소요되었습니다. 사실, 서비스를 구상하는 기획 과정이 어렵지 화면은 누구나 금방 그려낼 수..

  Read More
• Axure 프로토타이핑 #4. 워치 앱과 계산기

  프로토타입 툴 Axure/프로토타입 샘플 2015. 9. 5. 11:23

  네번째 샘플. 워치 앱 프로토타입을 구현해봤습니다. 애플 워치 실제 해상도에 맞게 UI를 구성하고, 시계 기본 기능인 실시간 타임을 반영했습니다. 계산기가 작동되도록 구현했으며 더블터치 및 롱터치 액션을 적용해 다양한 터치 방식으로 앱을 이용할 수 있도록 설계했습니다. Axure 프로토타이핑 #4. 워치 앱과 계산기 샘플보기(클릭) 애플 워치는 처음 설계해봤는데 생각보다 잘 나온것 같습니다. 계산기 작업이 난이도가 있지만 나머지 액션은 간단히 작업할 수 있습니다. 샘플 #1 모바일 인터랙션 샘플 #2 백오피스 프레임 및 기본 게시판 샘플 #3 동적 그래프 샘플 #5 반응형 웹 강좌 2016년 Axure 강좌일정 및 공식 커리큘럼 안내 소개 IT 기획 연구소 운영자 소개

  Read More