자세히보기

IT & UX_UI

🔗 [UX/UI] 국내외 Wireframe Tool 소개 및 난이도 (2/6)

uhee 2021. 5. 13. 14:02

 

저는 Axure RP 9.0 을 쓰고 있고, Axure 강추합니다.

10.0 UI가 무척 예뻐졌네요... 
다만 9.0에서 10.0으로 업그레이드 하려니 추가 금액이 들어 살짝 고민중 🙄

 


 

발췌 <뷰저블> 

 

2. Wire-framing


1) Microsoft Visio 
- 정보 시각화 툴. 다이어그램, 프로세스 모델링, 데이터 시각화 기능 및 와이퍼프레임 작성 툴

- goo.gl/ZtZFb5

 

순서도 작성 도구 및 다이어그램 소프트웨어 | Microsoft Visio

데이터가 연결된 다이어그램을 사용하여 복잡한 정보를 간소화하여 전달할 수 있습니다.

www.microsoft.com

 

 

 

 

2) moqups 
- 와이어프레임, 목업, 다이어그램, 프로토타입 작업 툴 (공통 작업 가능)
- moqups.com

 

Online Mockup, Wireframe & UI Prototyping Tool · Moqups

Moqups is a streamlined and intuitive web app that helps you create and collaborate on wireframes, mockups, diagrams and prototypes — for any type of project.

moqups.com

 

 

 

3) UXPin ☆
- 픽셀 단위의 와이어프레임 작업, 인터랙션 삽입, HTML로 공유 및 버전관리, 작업물에 대한 커뮤니케이션 가능.
- www.uxpin.com/

 

UXPin - UI Design and Prototyping Tool

Design tool like no other. Prototypes that feel real, with powers of code components, logic, states and design systems. Join for free!

www.uxpin.com

☞ 갠적으로 사용하다 말았는데, 그냥 그랬음.
    맛보기 정도로 사용만 해봐서 판단은 정확치 않습니다. 

 

 

 

4) Axure  ★★★
- UXPin과 마찬가지로 픽셀 단위 와이어프레임 작업은 물론 인터랙션 삽입과 HTML 기반 공유, 버전관리, 공동 커뮤니케이션이 가능한 프로토타이핑 및 UX 설계 툴 

- axure.com/

 

Axure RP - UX Prototypes, Specifications, and Diagrams in One Tool

The most powerful way to plan, prototype and handoff to developers, all without code. Download a free trial and see why UX professionals choose Axure RP.

www.axure.com

☞ 전 Axure RP 9.0 영구 소유로 사용 중입니다.
   (업그레이드 하려면 추가로 돈을 내야 해서 고민중에요...)
   가격은 꽤 비쌌는데, 10.0부터는 월정액 구독제만 가능하다고 합니다. 

   처음 진입은 어려웠지만, 사용해 보니 UX 설계하기에 무척 좋은 툴이라고 생각합니다. 
   경험상 인터랙션 삽입이 생각보다 어렵지만 하나하나 해내다 보면 성취감도 있고...
   그리고 예제 파일이 제공되고 있어 연습을 해볼 수도 있고, 
   임베디드할 수 있는 유무료 컴포넌트가 꽤 많습니다. 
   흠... 단점은, 퍼블리싱 한 후 비번 변경이 되지 않은 점입니다. 
   외부 URL 공유하면, 영원히 공유되는....🤨
   새로 URL를 발급해도 이전 버전은 그대로 유지된다는... 😟

 

 

 

 

 

5) wireframe.cc
- 별도의 다운로드 없이 사용할 수 있는 미니멀 와이어프레임 툴

- wireframe.cc

 

Wireframe.cc | The go-to wireframing tool.

A powerful, intuitive app for creating and sharing wireframes.

wireframe.cc

 

 

 

 

6) pidoco 
- 협업과 공유하기 좋은 온라인 와이어프레임 툴
- pidoco.com/en

 

Pidoco - The Rapid Prototyping Tool

Pidoco is a powerful web-based prototyping software for rapidly creating clickable wireframes and interactive UX prototypes for web and mobile applications.

pidoco.com

 

 

 

 

7) balsamiq 
- Adobe의 시니어 엔지니어가 2008년 창업한 웹 기반 목업 서비스. JIRA, Confluence, Google Drive와 연동 가능 
- balsamiq.com/

 

Balsamiq. Rapid, Effective and Fun Wireframing Software | Balsamiq

Balsamiq is the company behind Balsamiq Wireframes, the industry standard low-fidelity wireframing tool.

balsamiq.com

☞ 갠적으로 관심이 가는 툴입니다. 
   시간 날때 함 테스트 삼아 써봐야겠어요~ 

 

 

 


 

다음 번엔 Prototyping Tool을 소개할게요~