와이어 프레임 (wire frame) 툴 2가지

와이어 프레임을 그리고 관리하는 툴을 2가지 소개합니다만, 와이어 프레임은 역시 손으로 그리는 게 제맛이지요.
와이어 프레임은 (국내 웹 기획자들이 흔히 ‘스토리보드’라고 부르는) paper mockup 제작 전에 반드시 만들어져야 하며 각 웹 페이지의 관계와 인터페이스, 구조를 제안하는 기본적인 비주얼 가이드이자 인터페이스 디자인에 관한 산출물입니다.
와이어 프레임 작업시 무엇보다도 중요한 것은 ‘쉽게 그리고 쉽게 버린다’는 원칙입니다. 그 원칙만 잘 따른다면 A4 이면지에 연필로 슥슥 그리거나 아래와 같은 툴을 쓰거나 상관없이 매우 가치있는 작업이 될 것입니다.

  1. ForeUI (download해서 trail 버전으로 사용할 수 있습니다)
  2. WireframeSketcher

Similar Posts

  • 금주의 짧은 소식 2009-12-14

    “도라고 말할 수 있는 도는 이미 도가 아니다”(道可道非常道) # 전두환 3남 전재만, 장인과 천억대 와이너리 운영 – 출처불명 괴자금 주인은 누구? (전두환,노태우,이명박과 혼맥으로 연결된 동아제분) http://andocu.tistory.com/629 # 아이트랙킹 솔루션도 잘 골라야 (웹사이트에 사람이 있다면, 그 사람이 쳐다보는 컨텐츠에 사람들은 더 집중한답니다) http://bit.ly/62hSj8 # appvent calendar 2009 (크리스마스까지 매일 1개의 무료 아이폰 게임앱을 제공하는 달력) http://appventcalendar.com/…

  • |

    모바일 웹 SEO의 부상

    원문 : The Rise of Mobile Search Engine Optimization 모바일 SEO의 부상 모바일 웹은 엄청난 속도로 증가하고 있으며 조만간 데스크탑의 사용을 넘어설 것이다. 모바일 사용자들은 모바일에 최적화된 리치한 경험을 원하는 것이 아니라  모바일 장비를 통해 던진 쿼리와 연관된 정보를 빠르게 받기를 원한다. 이러한 요구를 만족시키려면, 마케터와 퍼블리셔는 모바일 웹 SEO라는 새로운 세계를 반드시 경험해 봐야…

  • 금주의 짧은 소식 2010-08-23

    http://bit.ly/7EjEDX 지금까지 나온 모든 아이패드, 아이폰, 아이팟터치의 펌웨어. (아시죠? 아이튠즈에서 콘트롤+클릭, 옵션+클릭하면 복원되는거~) # 아들이 아이폰을 가지고 노는 새로운, 그리고 경악스러운 방법을 발견했다. “폴더에서 아이콘 꺼내 놓기” (몇개는 지우기도 했을 것이다) # 인터넷 영화 예매가 끝난 후에는 예매 내역을 QR코드로 제공해주면 좋겠다. 모니터의 예매 내역을 찍었더니 잘 나오지 않는다. # RT @xguru 구글과 버라이즌이 욕먹고…

  • 금주의 짧은 소식 2011-08-15

    The Art of Naming a Business http://t.co/iYuhKHL # 음홧홧. 오늘 같은 날, 주식 계좌 텄다! # '주옥'같은 대통령. (발음을 빨리하면 곤란하다, 나는 꼼수다 4회) # 앗 충격. 벌써 2012년 다이어리를 준비한다. http://instagr.am/p/Jq-hD/ # http://goo.gl/x7V1G # http://goo.gl/SMiKz 길트그룹이 패션 쇼핑몰을 냈습니다. # 독립군의 배를 가르고 참수하며 기념사진을 찍은 백선엽이!! RT @funronga: "'독립운동 토벌대' 소속 백선엽, 국립묘지…

  • web brand and usability

    (이 글은 dobiho의 comment에 대한 보충 의견이다)Web brand and usability브랜드란?1. AMA(American Marketing Association)의 정의 (1991) 판매자가 자신의 제품이나 서비스를 식별하고, 다른 경쟁자와 구별하기 위해 사용하는 명칭(name), 용어(term), 심벌(symbol), 디자인(design) 또는 그 결합체(combination) 2. Metabranding의 정의 (1999) 기업의 제품이나 서비스를 식별하고(Identify), 경쟁자의 제품이나 서비스를 차별화하고(Distinguish) 소비자의 마음속에 가치 있게 느끼게 하는(Value-Create) 경험적 상징 체계(Experiential Symbolic System)…