Wireframe

4,449 views

Published on

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,449
On SlideShare
0
From Embeds
0
Number of Embeds
2,137
Actions
Shares
0
Downloads
23
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Wireframe

  1. 1. wireframe콘텐츠 mockup 설계 Prototyping
  2. 2. wireframe
  3. 3. ‘paper mockup’ 웹서비스, 또는 소프트웨어, 어플리케이션 기획 및 디자인에서 스토리보드를 그린다는 것, 와이어프레임, mockup은 상당히 중요.
  4. 4. 아이디어를 싞속하게 보고 만질 수 있도 록 프로토타입 제시 완벽한 계획을 추구하지 말고 실행해 가면서 보완하고, 프로토타입을 적극 활용하라. (아이디오의 CEO인 팀 브라운) Prototyping 특성 아무리 조악한 프로토타입이라도 상관없다. fast low
  5. 5. 너무 정교하지 않으면서도 갂편하게 생각하는 모습을 스케치해서 팀원들과 공유할 수 있다. 목업이 너무 정교하면 거기에 갇힐 우려가 있다. low-fidelity Prototyping 특성
  6. 6. 와이어프레임이나, mockup으로 자신이 구상한 아이디어를 다른 사람이 이해할수 있도록 시각화하여 자신의 생각을 설명해야 한다.
  7. 7. Great Wireframe Examples http://www.pinterest.com/wireframes/great-wireframe-examples/
  8. 8. http://wireframes.tumblr.com/ I ♥ wireframes
  9. 9. 발사믹 목업 손으로 표현한 듯한 덜 다듬어진 표현방식 다른 사람들과 공유하기도 적당하고, 스케치와 같은 미완성의 느낌도 주 면서, 자신의 아이디어를 손쉽게 스토리보드화 할 수 있는 도구 http://www.balsamiq.com
  10. 10. 년도 년도 년도 년도 년도 년도 년도 년도 년도
  11. 11. 년도 년도 년도 년도 타이틀
  12. 12. right Now wireframe

×