블로그

웹사이트 목업&프로토타이핑 프로그램 추천!




지난번에는 모바일,그리고 아이패드 목업툴을 소개했는데요. 오늘은 웹사이트 프로토타입 프로그램 10가지를 소개하겠습니다. 기능, 가격,인터페이스의 차이점을 종합적으로 비교해보고 적당한 프로그램을 선택하시기 바랍니다!

1.EdrawMax

웹사이트 디자인

EdrawMax는 올인원 다이어그램 소프트웨어인데요. 왜 올인원이냐면 280여종의 다이어그램을 이 하나의 프로그램으로 그릴 수 있기때문입니다. 와이어프레임, 프로토타입, 순서도, 회로도 심지어 평면도까지 그릴 수 있는데요. 한마디로 오토캐드, 캔바, 비지오 등 여러개 프로그램 필요없이 이드로우 맥스 하나로만 모든 그래픽을 그릴 수 있다는 거죠!

주요 기능:

  • 2만6천개 이상의 아이콘과 기호.(윈도우,맥,모바일,웹사이트 아이콘 포함)
  • 강력한 호환성
  • 편집 가능한 사용자 맞춤형 아이콘
  • 템플릿 수 천개 사용 가능
  • 맥,윈도우,리눅스 운영체제.
  • 한글 지원.

가격:

  • 무료버전도 사용가능, 고급 기능은 유료로 결제해야 됨.
  • 연간 라이선스, 평생 라이선스 2가지. (7만원-20만원,할인 이벤트 자주함.)

2.MOCKINGBIRD

목업툴

신속한 프로토타이핑을 위해 디자인된 웹 기반 목업 앱입니다. Mockingbird의 드래그&드롭 편집기를 사용해 인터페이스를 빠르게 만들 수 있습니다.

주요 기능:

  • 팁 협업 지원
  • 다수의 목업을 함께 연계
  • 데모와 사용성 평가를 위한 쌍방향 목업

가격:

  • 프로젝트 3개: 12달러/1개월
  • 프로젝트 10개: 20달러/1개월
  • 프로젝트 25개: 40달러/1개월
  • 무제한 프로젝트: 85달러/1개월

무료 시험판: 있음

3.MOCKUP BUILDER

목업

Mockup builder는 프로토타이핑, 목업 및 와이어 프레임 툴로, 고객 및 동료들과 작업을 쉽게 공유할 수 있습니다. iOS와 안드로이드와 같은 모바일 및 웹 애플리케이션을 위한 프로토타입을 만들 수 있습니다.

주요 기능:

  • 다양한 디자인 요소 라이브러리
  • 프로젝트 공유, PNG 및 PDF 파일로 내보내기
  • 무료 와이어 프레임 템플릿

가격:

  • 솔로: 7달러/1개월
  • 프리미엄 라이트 버전: 14달러/1개월
  • 프리미엄 프로 버전: 27달러/1개월
  • 팀 프로 버전: 99달러/1개월

4.AXURE RP

프로토타입

Axure는 와이어 프레임 및 프로토타이핑 툴로, 팀 구성원들과 프로토타입을 쉽게 공유할 수 있도록 합니다.

주요 기능:

  • 생동감 있는 움직임
  • 팁 협업 지원
  • 역동적 콘텐츠 및 조건 로직

가격:

  • 프로: 29달러/1개월
  • 팀: 49달러/1개월

무료 시험판: 없음

5.PIDOCO

프로토타입

출처:Pidoco.com

Pidoco를 사용하면 클릭 가능한 와이어 프레임과 완전한 상호작용을 구현한 UX 프로토타입을 빠르게 만들 수 있습니다.

주요 기능:

  • 쌍방향 프로토타입
  • 팁 협업 지원
  • 모바일 시뮬레이션
  • 프로젝트 내보내기

가격:

  • 무료
  • 기본: 19달러/1개월
  • 프로: 59달러/1개월
  • 무제한: 199달러/1개월

6.MOCKUP.IO

프로토타입

출처:Alternativeto.net

Mockup.io는 하나의 툴로 복잡한 목업과 프로토타입을 만들 수 있는 목업 툴입니다.

주요 기능:

  • 사실적인 디바이스 틀로 목업 전시 공개
  • 쌍방향 목업
  • 팁 협업 지원
  • 맞춤형 애니메이션

가격: 영구 무료

7.JUSTINMIND

프로토타입

출처:Cooper.com

Justinmind는 웹과 모바일 앱을 위한 올인원 프로토타이핑 툴입니다. 실제 디바이스에서 실행되는 디자인을 공유하고 테스트할 수 있으며, 완성된 애플리케이션의 시각적 디자인과 감각적 사용감을 모바일 와이어 프레임으로 재현할 수 있습니다.

주요 기능:

  • 완전한 기능이 구현된 프로토타입
  • 프로젝트 구성원들과 디자인 공유
  • 디바이스에서 테스트 가능

가격:

  • 무료
  • 전문가용: 19달러/1개월
  • 기업용: 사용자당 39달러/1개월

8.SAVAHAPP

프로토타입

출처:Crozdesk.com

Savahapp은 프로토타입 툴로, 코드 한 줄 짜지 않고서도 어떤 디바이스에서도 실행할 수 있는 쌍방향의 빠른 Hi-fi 프로토타입을 구축할 수 있습니다.

주요 기능:

  • 모든 종류의 디바이스에 맞는 하나의 툴
  • 쌍방향 프로토타입
  • 팁 협업 지원
  • 서드 파티 통합

가격:

  • 무료
  • 솔로: 8달러/1개월
  • 팀: 40달러/1개월
  • 회사: 120달러/1개월
  • 기업 플랜 가능

무료 시험판: 있음

9.POWERMOCKUP

Power Mockup

출처:Powermockup.com

파워포인트를 위한 목업 및 와이어 프레임 툴킷으로, 온전히 파워포인트 도형만으로 만들어진 수많은 사용자 인터페이스 요소와 아이콘 모음을 제공합니다.

주요 기능:

  • 800개 이상의 사용자 인터페이스 요소
  • 파워포인트만으로 구축
  • 스토리보드
  • 팁 협업 지원

가격:

  • Individual: $59.9
  • Small Team $269.9
  • Team: $479.9
  • Enterprise: $2099.5

10.FLUID

프로토타입

Fluid를 통해 웹 및 모바일 프로토타입을 만들 수 있으며, 구현하려는 앱의 모양과 느낌 뿐 아니라 상호작용과 생생한 움직임을 쉽게 전달할 수 있습니다.

주요 기능:

  • 안드로이드, iOS, 웹, 데스크톱 등을 위한 내장 라이브러리
  • 상호작용과 애니메이션 추가
  • 팁 협업 지원
  • 프로젝트 내보내기

가격:

  • 무료
  • 솔로: 15달러/1개월
  • 프로: 25달러/1개월
  • 팀: 65달러/1개월

결론

이제 웹사이트 프로토타입 프로그램 10개 소개가 끝났습니다. 여러분이 만들 앱이나 웹사이트 디자인을 위해 바로 사용할 수 있는 10가지의 멋진 목업 툴을 소개했습니다. 목업을 만들면 여러분이 만드는 앱의 초기 버전을 테스트해 볼 수 있을 뿐 아니라 실제 코딩 작업을 할 때 개발자들에게도 도움이 됩니다. 이 글의 업데이트된 목업 툴 목록에서 여러분의 필요에 맞는 툴을 선택하시기 바랍니다.

이드로우 맥스

올인원 다이어그램 소프트웨어
순서도, 평면도, 회로도 등 280가지 이상의 다이어그램 유형 지원
2만6천개 이상의 기호 리소스와 수 천개 무료 템플릿 지원
  • 강력한 호환성: Visio,MS office 등 파일 호환 가능
  • 다양한 운영체제: (윈도우,맥,리눅스)

관련 글