웹 사이트 및 앱용 UI 모형을 만드는 5 가지 훌륭한 도구

우리가 추천 : 윈도우 최대 오류, 최적화 및 속도의 교정을위한 프로그램.

모바일 앱, 데스크톱 소프트웨어 또는 단순히 웹 사이트 디자인을 디자인하든 UI 모형을 작성하든 미래 프로젝트의 첫 번째 시각 자료를 얻을 수 있으며 더 좋은 방법으로 클라이언트에게 디자인 아이디어를 제시 할 수 있습니다.

UI 모형 만들기는 Wireframing과 다릅니다. 와이어 프레임은 주택 또는 엔지니어링 프로젝트의 청사진을 만드는 것과 비슷하지만 Mockup을 만들려면 고객을위한 집안의 실제 크리에이티브 디자인 (최종 모양)이 필요합니다.

편리한 Mockup 도구에 액세스하면 UI 설계 단계에서 도움이되며 전체 프로세스의 속도를 높일 수 있습니다.

UI 모형 도구가 부족합니다. 그러나 선택할 수있는 옵션이 너무 많으므로 먼저 사용을 시작해야하는 것이 무엇인지 혼동 스러울 수 있습니다.

자신의 현재 무기고에 더 많은 파워 툴을 추가하려는 전문가이든, 처음 Mockup 디자인을 시도하는 초보자이든, 이 가이드는 2019 년 UI Mockup을 제작할 수있는 최고의 도구를 소개합니다.

UI 모형을 만드는 데 가장 좋은 도구는 무엇입니까?

1

MockFlow

  • 가격 - 무료 제한 / 프리미엄 $ 19 월별 요금제 - 사용자 당 월 $ 14 연간 요금제

MockFlow는 개인 및 조직을 위해 Wireframe, Prototyping 및 UI Mockup 도구를 제공하는 프리미엄 클라우드 기반 솔루션입니다. 무료 및 프리미엄 요금제로 제공되며 PC에서도 사용할 수 있습니다.

가격은 연간 및 월간 계획으로 나누어집니다. 연간 계획과 비교할 때, 월간 계획은 비쌀뿐만 아니라 일부 기능을 놓치게됩니다. 연간 요금제는 공정한 할인 혜택을받을뿐만 아니라 3 개월 무료 서비스, 오프라인 액세스 및 파워 업을 제공합니다.

이 도구를 사용하려면 무료 계정으로 가입해야합니다. 무료 계정을 사용하면 각 앱마다 하나의 프로젝트를 만들 수 있으며, 프로젝트 당 리뷰어 2 명, 제한된 앱 선택 및 지원이 필요 없습니다. 그러나 무료 계정은 MockFlow의 유용성에 대해 공정한 아이디어를 제공합니다.

MockFlow는 Windows 및 Mac OS 실행 컴퓨터에서 오프라인 액세스를 제공합니다. MockFlow 확장 프로그램을 사용하면 Microsoft Office, Google 크롬, Google 문서 도구, 슬랙, JIRA 등의 응용 프로그램에서이 도구를 사용할 수 있습니다.

MockFlow에는 WireFrame과 UI Mockups, Sitemap, StyleGuide, DesignCollab, Annotate Pro 및 Website Pro의 6 가지 기본 기능이 있습니다. UI 모형을 만들려면 대시 보드의 첫 번째 WireFrame 옵션을 사용하고 + 아이콘을 클릭하십시오.

iOS 기기, 스마트 시계, 웹 사이트, Microsoft 앱 등의 모형을 만들려는 플랫폼을 선택하십시오.

편집 대시 보드는 6 개의 탭으로 나누어 져 있습니다. 요소 탭에서 모바일 프레임, 아이콘, 배경 이미지, 메뉴 탭, 체크 아웃 옵션 등 미리 디자인 된 객체를 드래그 앤 드롭하거나 원하는 경우 빈 페이지에서 시작할 수 있습니다.

객체는 간단한 두 번 클릭으로 추가로 사용자 정의 할 수 있습니다. 여러 요소를 그룹화하면 UI를 더 쉽게 이동하고 크기를 조정할 수 있습니다.

에디터의 다른 탭은 동일한 앱, 이미지 탭, 프로젝트의 상태를 추가하고 확인하기위한 플로우 탭, 더 많은 앱과 템플릿을 추가하기위한 저장 및 파워 업 탭에 대한 여러 페이지를 작성하는 페이지입니다.

MockFlow는 UI Mockups 등을 만드는 데 유용한 다용도 도구입니다. 그러나 프리미엄 계획은 제공하는 기능의 절반 이상을 사용할 수있는 심각한 사용자를위한 것입니다.

MockFlow 사용해보기

  • 또한 읽기 : 초보자와 고급 사용자를위한 10 가지 최고의 무료 3D 디자인 소프트웨어
2

바르샤 미크

  • 가격 - 무료 30 일 평가판 / 온라인 버전은 월 $ 9에서 시작 / 오프라인 버전은 $ 89 영구 라이센스에서 시작

Balsamiq은 빠르고 친숙하고 협업적인 와이어 프레임을 제공하는 UI 디자이너 및 개발자를위한 최신 클라우드 기반 솔루션입니다. 오프라인 솔루션을 선호하는 경우, Balsamiq에서도이 솔루션을 사용할 수 있습니다.

Balsamiq은 Mac 및 Windows 컴퓨터 용 온라인 및 오프라인 데스크톱 응용 프로그램의 두 가지 버전을 제공합니다. 오프라인 버전은 단일 사용자에 대해 89 달러의 비용으로 구입할 수 있습니다. 온라인 버전은 사용자 당 월 9 달러에서 시작하여 두 개의 프로젝트를위한 공간이 있습니다.

다행히도 무료로 가입하고 무제한 와이어 프레임 및 무제한 사용자에게 30 일 동안 무료로 웹 애플리케이션을 사용할 수 있습니다.

무료 평가판 계정에 가입하는 것은 쉽지만 사용자가 이메일을 확인해야합니다. 완료되면 공간을 만들고 이름을 지정하십시오. 그런 다음 첫 번째 프로젝트를 만듭니다.

프로젝트 편집기는 매우 간단하고 사용하기 쉬운 인터페이스를 가지고 있습니다. 모든 속성은 툴바에 멋지게 퍼집니다. 페이지 또는 와이어 프레임이 왼쪽에 표시되고 위에 + 아이콘을 클릭하여 여러 페이지를 추가 할 수 있습니다.

템플리트를 편집기로 드래그 앤 드롭하거나 기본 편집 도구를 사용하여 처음부터 시작할 수 있습니다. 기타 제어 옵션을 사용하여 라이브러리에서 더 많은 템플리트 및 아이콘을 검색하십시오. Balsamiq 라이브러리에는 데스크톱 응용 프로그램과 다이어그램부터 하드웨어 및 레이아웃 UI에 이르기까지 Mockup 및 Wireframes를 쉽게 만들 수있는 모든 것이 있습니다.

개체 속성을 변경하려면 개체를 선택하면 해당 옵션이 오른쪽 창에 표시됩니다.

개발자는 전자 메일을 통해 링크를 전송하여 프레젠테이션을하도록 클라이언트를 초대 할 수 있습니다. 팀 구성원을 프로젝트에 추가하고 각 팀 구성원에게 역할을 지정할 수도 있습니다.

또한 Balsamiq은 Google 드라이브, Confluence 및 Jira와 같은 비즈니스 앱과의 통합을 제공합니다. 웹 사이트의 UI 디자인 리소스는 초보 사용자뿐 아니라 경험이 많은 사용자에게 도움이됩니다.

Balsamiq은 탁월한 도구이며 오프라인 및 온라인 소프트웨어 제품군을 통해 의심의 여지없이 최고의 비즈니스 중 하나입니다. 무료 30 일 무료 평가판과 함께 사용하면 구입하기 전에 도구를 평가할 수있는 충분한 시간을 갖게됩니다.

발사믹을 시도해보십시오.

  • 또한 읽기 : 책자를 만들고 마케팅 게임을 지배하는 8 가지 훌륭한 소프트웨어

MockPlus

  • 가격 - 무료 평가판 / 연간 $ 59 개인 라이센스 / $ 199 영구 라이센스 / 팀 플랜은 연간 $ 299부터 시작합니다.

실물 모형을 만드는 유연한 도구와 모든 화면 크기와 플랫폼을위한 프로토 타입을 찾는 사람들에게 MockPlus가 좋은 선택입니다. 오프라인 응용 프로그램이며 Windows, Mac, Android 및 iOS 장치에서 사용할 수 있습니다.

MockPlus는 Microsoft 및 IBM을 비롯한 IT 업계의 선도적 인 회사에서 사용합니다. 구매하기 전에 도구를 사용해 볼 수있는 7 일 무료 평가판이 있습니다.

MockPlus의 사용자 인터페이스는 잘 배치되어 있으며 현대적으로 보입니다. 충분한 공간을 제공하고 불필요한 도구로 작업 공간을 혼란스럽게하지 않습니다. 또한 더 나은 생산성을 위해 여러 창에서 소프트웨어를 사용하는 다중 창 옵션이 있습니다.

사전 설계된 구성 요소를 편집기로 끌어서 놓기 만하면 쉽게 대화 형 프로토 타입을 작성할 수 있습니다. 이 라이브러리에는 3000 개 이상의 아이콘과 약 200 개의 사전 설계된 구성 요소가 포함되어있어 드래그 앤 드롭 기능을 모두 지원할 수 있습니다.

프로토 타입은 앱에서 생성 한 QR 코드를 사용하여 즉시 테스트 할 수 있습니다. 또한 프로토 타입과 웹 링크를 공유하여 클라이언트와 팀 구성원의 의견을 얻기 위해 프로젝트를 웹에 게시 할 수 있습니다.

MockPlus는 탁월한 기능을 자랑하며, 이 프로토 타이핑 소프트웨어의 특징과 기능은 전문성과 상관없이 UI 및 UX 디자이너에게 이상적인 도구입니다.

MockPlus 다운로드

  • 또한 읽기 : PC에 대화 형 타임 라인을 만드는 9 가지 기능이 풍부한 소프트웨어
4

Moqups

  • 가격 - 무료 평가판 / 월 $ 19부터 시작 - 개인 계획

Moqups는 와이어 프레임, 목업, 다이어그램 및 프로토 타입을 만들고 다른 팀 구성원과 실시간으로 공동 작업 할 수있는 클라우드 기반 웹 응용 프로그램입니다.

개인 및 팀 계정이있는 프리미엄 도구입니다. 무료 평가판을 사용하려면 계정을 등록해야하며 하나의 프로젝트가 300 개 개체로 제한된 5MB의 저장 용량을 제공해야합니다.

사용자 인터페이스는 MockFlow와 유사하지만 도구와 레이아웃이 다릅니다. 새로운 프로젝트를 생성 한 후에 스텐실 (Stencil) 탭에서 요소를 드래그 앤 드롭 할 수 있습니다.

프로젝트에 페이지를 추가하고 개요를 사용자 정의하고, 템플리트를 작성하고, 이미지를 업로드 및 추가하고, 방대한 아이콘 라이브러리에서 찾아보고 프로젝트에 설명을 추가 할 수 있습니다.

개체는 크기 조정, 회전, 정렬 및 스타일을 편집 할 수 있습니다. 그룹화 기능을 사용하면 여러 객체를 쉽게 그룹화하여보다 쉽게 ​​움직일 수 있습니다.

Mockup이 준비되면 Google 드라이브, 보관 용 계정 또는 컴퓨터의 로컬 드라이브 (PNG, PDF 또는 HTML 형식)로 내보낼 수 있습니다.

Moqups는 와이어 프레임을위한 도구를 사용하기 쉽고 빠르게 다이어그램과 목업을 만들 수 없습니다. 무료 계정에 가입하고 스핀에 필요한 도구인지 확인하십시오.

Moqups 시도

결론

전문적인 UI 디자이너 이건 초보자 이건 관계없이 UI 모형을 만드는 데 사용할 도구를 아는 것이 중요합니다. 와이어 프레임 도구를 찾고 있다면 Wireframes.cc를 사용해 보길 권합니다.

미니멀리즘 디자인의 웹 기반 앱과 앱 또는 웹 사이트를위한 간단하고 효과적인 와이어 프레임을 만드는 몇 가지 기능이 있습니다. 결국 더 좋은 것은 항상 나은 것은 아닙니다.

그러나 기능이 풍부한 Mockup 도구를 찾는 UX / UI 디자이너는 위의 권장 도구를 모두 사용해보십시오. 이 도구는 모두 무료 평가판이나 기본 무료 계정을 제공하므로 제한받지 않고 시작할 수 있습니다.

필수 도구 목록에서 대부분의 상자를 검사하는 도구를 결정하기 전에 이러한 도구 각각에 시간을 할애 할 수 있습니다.

하나의 도구로 모든 사람의 필요를 충족시킬 수 없다는 사실을 알고 디자이너의 대부분의 요구 사항을 충족시킬 수있는 UI 모형을 만드는 데 가장 적합한 도구를 포함하려고했습니다.

가장 좋아하는 모형 및 와이어 프레이밍 소프트웨어를 알려주십시오. 또는 아래 목록의 가치있는 대안을 아래의 의견에서 제외했다고 생각하시면됩니다.

추천

수정 : PowerPoint가 Windows에서 응답하지 않음
2019
손상된 DAT 파일을 효과적으로 수정하는 두 가지 방법이 있습니다.
2019
전체 수정 : Windows 10에서 시스템 종료 소유 된 MUTEX 오류
2019