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

연간 2 억 명의 사용자를 지원하는 시간 절약형 소프트웨어 및 하드웨어 전문 지식. 기술 수명을 업그레이드하기위한 방법 조언, 뉴스 및 팁을 안내합니다.

와이어 프레임 및 UI 모형에서 대화 형 프로토 타입에 이르기까지 Adobe XD로 디자인 할 수없는 것은 없습니다.

가장 좋은 점은 완전히 무료이며 전문가와 초보자에게 적합하다는 것입니다. 코드를 한 줄도 작성하지 않고도 대화 형 프로토 타입을 만들 수 있습니다.

이 프로토 타이핑 도구를 사용하면 유용성을 확인하고 사용자 흐름을 시뮬레이션하며 신속하게 피드백을 받아 디자인 프로세스를 간소화 할 수 있습니다.

사용자의 입력을 고려하여 XD를 사용하면 탭, 드래그, 음성 명령, 키보드 단축키 또는 온 보딩 흐름 및 로딩 화면과 같은 각 상호 작용에 대한 트리거를 설정할 수 있습니다.

XD는 전환 및 오버레이를 넘어서 토글, 내비게이션, 스크롤 및 슬라이딩 상호 작용으로 매끄러운 메뉴를 만들 수 있습니다.

이 앱은 UI 디자인 및 대화 형 프로토 타입을위한 강력한 프로토 타이핑 도구 및 기능을 제공합니다. 또한 Mac 및 Windows를 완벽하게 지원합니다.

협업 및 공유 기능 (사용자 흐름을 시뮬레이션하고 프로토 타입을 웹에 쉽게 게시하기위한 광범위한 트리거)

복잡한 작업을 만드는 데 도움이되는 자동 애니메이션 기능을 확실히 즐길 수 있습니다. 애니메이션 전환 효과 등이 있습니다.

이 앱을 사용하면 데스크톱, iOS 및 Android에서 미리보기를 사용할 수 있으며 MP4 파일을 녹음하여 공유 할 수도 있습니다.

애니메이션을 더욱 세분화하기 위해 After Effects로 내보낼 수 있습니다.

이 도구는 빠른 피드백에 최적화되어있어 공유 가능한 링크를 생성하고 프로토 타입에 직접 작성한 주석을 통해 실시간으로 검토 자로부터 피드백을받을 수 있습니다.

Adobe XD

Adobe XD

이 고품질의 다목적 소프트웨어로 가장 매력적인 전문 비주얼을 만드십시오!

가격 확인웹 사이트 방문
mockplus-classic

모든 화면 크기와 플랫폼에 대한 모형 및 프로토 타이핑을 생성 할 수있는 유연한 도구를 찾는 사람들에게 MockPlus는 좋은 선택입니다.

오프라인 애플리케이션이며 Windows, Mac, Android 및 iOS 기기.

MockPlus는 거대 Microsoft에서 목업 도구로 사용하는 것으로 알려져 있지만 IBM과 같은 업계의 다른 이름에서도 사용됩니다. 구매하기 전에 도구를 사용해 볼 수있는 15 일 무료 평가판이 있습니다.

MockPlus의 사용자 인터페이스는 잘 배치되어 있으며 현대적으로 보입니다. 충분한 공간을 제공하고 불필요한 도구로 작업 공간을 어지럽히 지 않습니다.

또한 생산성 향상을 위해 여러 창에서 소프트웨어를 사용할 수있는 다중 창 옵션이 있습니다.

미리 디자인 된 구성 요소를 편집기로 끌어서 놓기 만하면 대화 형 프로토 타입을 쉽게 만들 수 있습니다.

라이브러리에는 3000 개 이상의 아이콘과 거의 200 개의 미리 디자인 된 구성 요소가 포함되어있어 드래그 앤 드롭 기능을 모두 지원할 수 있습니다.

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

MockPlus는 그것이하는 일에 탁월하며, 이 프로토 타이핑 소프트웨어의 특징과 기능은 전문 지식에 관계없이 UI 및 UX 디자이너에게 이상적인 도구로 만듭니다.

모크 플러스 클래식

모크 플러스 클래식

빠른 와이어 프레임 도구를 선호하고 저렴한 도구를 찾고 있다면 Mockplus를 사용해보십시오.

가격 확인웹 사이트 방문

MockFlow는 개인 및 조직을위한 와이어 프레임, 프로토 타이핑 및 UI 목업 도구를 제공하는 Windows 용 프리미엄 목업 소프트웨어입니다.

무료 및 프리미엄 플랜으로 제공되며 PC에서도 사용할 수 있습니다.

가격은 연간 및 월간 요금제로 나뉩니다. 연간 요금제와 비교할 때 월간 요금제는 비용이 많이들뿐만 아니라 일부 기능이 누락됩니다.

연간 요금제에서는 공정한 할인을받을뿐만 아니라 3 개월 무료 서비스, 오프라인 액세스 및 파워 업도받을 수 있습니다.

도구를 사용하려면 무료 계정으로 가입해야합니다. 무료 계정을 사용하면 각 앱에서 하나의 프로젝트, 프로젝트 당 두 명의 검토 자, 제한된 앱 선택, 지원 없음을 만들 수 있습니다.

그러나 무료 계정은 MockFlow의 유용성에 대해 공정한 아이디어를 제공합니다.

MockFlow는 컴퓨터를 실행하는 Windows 및 Mac OS에서 오프라인 액세스를 제공합니다. MockFlow 확장 프로그램을 사용하면 Microsoft Office, Google Chrome, 구글 문서, Slack, JIRA 등.

MockFlow에는 WireFrame 및 UI Mockups, Sitemap, StyleGuide, DesignCollab, Annotate Pro 및 Website Pro의 6 가지 기본 기능이 있습니다. UI Mockup을 생성하려면 대시 보드에서 첫 번째 WireFrame 옵션을 사용하고 + 상.

iOS 기기, 스마트 워치, 웹 사이트 등의 모형을 만들 플랫폼을 선택하는 것으로 시작합니다. Microsoft 앱

편집 대시 보드도 6 개의 탭으로 나뉩니다.

요소 탭에서 모바일 프레임, 아이콘, 배경과 같은 미리 디자인 된 개체를 끌어서 놓을 수 있습니다. 이미지, 메뉴 탭, 체크 아웃 옵션 등 또는 원하는 경우 빈 페이지에서 간단히 시작할 수 있습니다. 에.

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

편집기의 다른 탭은 동일한 앱에 대해 여러 페이지를 생성하는 페이지, 이미지 탭, 프로젝트의 상태를 추가하고 확인하는 흐름 탭, 더 많은 앱과 템플릿을 추가하기위한 Store 및 Power-UP 탭입니다.

MockFlow는 UI Mockup 등을 생성 할 수있는 탁월한 다목적 도구입니다. 그러나 프리미엄 플랜은 제공되는 기능의 절반 이상을 사용할 수있는 진지한 사용자를위한 것입니다.

MockFlow 다운로드 

Balsamiq는 빠르고 접근하기 쉬운 협업 와이어 프레임을 제공하는 UI 디자이너 및 개발자를위한 최신 클라우드 기반 솔루션입니다. 오프라인 솔루션을 선호하는 경우 Balsamiq도 해결했습니다.

Balsamiq는 Mac 용 온라인 및 오프라인 데스크톱 앱의 두 가지 버전의 도구를 제공합니다. Windows 컴퓨터.

오프라인 버전은 단일 사용자 당 89 달러의 일회성 구매입니다. 온라인 버전은 사용자 당 월 $ 9부터 시작하며 두 프로젝트를위한 공간이 있습니다.

다행히도 무료로 가입하고 무제한 와이어 프레임과 무제한 사용자가 제공되는 30 일 동안 무료로 웹 앱을 사용할 수 있습니다.

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

프로젝트 편집기에는 매우 간단하고 사용자 친화적 인 인터페이스가 있습니다. 모든 속성이 도구 모음에 멋지게 펼쳐져 있습니다.

페이지 또는 와이어 프레임이 왼쪽에 표시되며 클릭하여 여러 페이지를 추가 할 수 있습니다. + 상단에 아이콘.

템플릿을 편집기로 드래그 앤 드롭하여 시작하거나 기본 편집 도구를 사용하여 처음부터 시작할 수 있습니다. 추가 컨트롤 옵션을 사용하여 라이브러리에서 더 많은 템플릿과 아이콘을 검색합니다.

데스크톱 애플리케이션 및 다이어그램에서 하드웨어 및 레이아웃 UI에 이르기까지 Balsamiq 라이브러리에는 목업 및 와이어 프레임을 쉽게 만드는 데 필요한 모든 것이 있습니다.

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

개발자는 이메일을 통해 링크를 보내 고객을 초대하여 프레젠테이션을 만들 수 있습니다. 프로젝트에 팀 구성원을 추가하고 각 팀 구성원에게 역할을 할당 할 수도 있습니다.

또한 Balsamiq는 Google Drive, Confluence 및 Jira와 같은 비즈니스 앱과의 통합도 제공합니다. 웹 사이트의 UI 디자인 리소스는 경험이있는 사용자와 초보자에게 유용합니다.

Balsamiq는 훌륭한 도구이며 오프라인 및 온라인 소프트웨어 제품군으로 의심 할 여지없이 비즈니스에서 최고 중 하나입니다.

이를 30 일 무료 평가판과 결합하면 구매하기 전에 도구를 평가할 충분한 시간을 얻을 수 있습니다.

Balsamiq 다운로드

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

개인 및 팀 계정이있는 프리미엄 모형 Windows 응용 프로그램입니다. 무료 평가판을 사용하려면 계정을 등록해야하며 하나의 프로젝트에 5MB의 스토리지를 제공하며 개체는 300 개로 제한됩니다.

사용자 인터페이스는 MockFlow와 비슷하지만 도구와 레이아웃이 다릅니다. 새 프로젝트를 만든 후 스텐실 탭에서 요소를 끌어서 놓을 수 있습니다.

프로젝트에 더 많은 페이지를 추가하고, 개요를 사용자 정의하고, 템플릿을 만들고, 이미지를 업로드 및 추가하고, 방대한 아이콘 라이브러리에서 찾아보고 프로젝트에 주석을 추가 할 수 있습니다.

개체를 편집하여 크기 조정, 회전, 정렬 및 스타일을 지정할 수 있습니다. 그룹화 기능을 사용하면 쉽게 이동할 수 있도록 여러 개체를 쉽게 그룹화 할 수 있습니다.

Mockup이 준비되면 Google Drive, Dropbox 또는 컴퓨터의 로컬 드라이브 인 PNG, PDF 또는 HTML 형식.

Moqups는 와이어 프레이밍을위한 사용하기 쉬운 도구이며 즉시 다이어그램과 목업을 만들 수 있습니다. 무료 계정에 가입하고 도구를 사용하여 요구 사항을 충족하는지 확인하십시오.

Moqups 다운로드 


전문 UI 디자이너이든 초보자이든 상관없이 UI 목업을 만드는 데 사용할 도구를 아는 것이 중요합니다.

기능이 풍부한 Mockup 도구를 찾는 UX / UI 디자이너는 시작하는 데 아무런 제한없이 무료 평가판 또는 기본 무료 계정을 모두 제공하므로 위에서 권장하는 모든 도구를 시도해야합니다.

필수 목록에서 가장 많은 상자를 선택하는 도구를 결정하기 전에 이러한 각 도구에 시간을 할애 할 수 있습니다.

Windows 용으로 좋아하는 목업 소프트웨어를 알려주거나이 목록에서 가치있는 대안을 제외했다고 생각하는 경우 알려주십시오.

여러분의 의견을 듣고 싶습니다. 아래 댓글 섹션에서 의견을 자유롭게 공유해주세요.


© 저작권 Windows 보고서 2021. Microsoft와 관련이 없음

Adobe XD는 이제 게스트 댓글 및 SVG 가져 오기를 지원하고 UI 키트를 추가합니다.

Adobe XD는 이제 게스트 댓글 및 SVG 가져 오기를 지원하고 UI 키트를 추가합니다.어도비 벽돌어도비 Xd

아이디어를 지원하는 올바른 소프트웨어를 얻으십시오!Creative Cloud는 상상력에 활기를 불어 넣는 데 필요한 모든 것입니다. 모든 Adobe 앱을 사용하고 결합하여 놀라운 결과를 얻으십시오. Creative Cloud를 사용하여 다양한 형식으로 만들고, 편집하고, 렌더링 할 수 있습니다.사진동영상노래3D 모델 및 인포 그래픽다른 많은 작품모든 ...

더 읽어보기
Creative Cloud없이 Adobe XD를 설치하는 방법

Creative Cloud없이 Adobe XD를 설치하는 방법Adobe Creative Cloud어도비 Xd

Adobe의 CC 데스크탑 앱을 사용하면 20 개 이상의 앱과 자산을 쉽게 관리 할 수 ​​있습니다.Adobe XD 및 기타 크리에이티브 소프트웨어를 설치하려면 Adobe Creative Cloud 데스크탑 애플리케이션이 필요합니다.Creative Cloud 데스크탑 앱을 설치하지 않고 Adobe XD 앱을 설치하려면 Adobe 지원에 문의해야합니다....

더 읽어보기
이제 Windows 10 사용자가 Adobe XD 앱을 사용할 수 있습니다.

이제 Windows 10 사용자가 Adobe XD 앱을 사용할 수 있습니다.어도비 Xd

보고서에 따르면 Flash Player가 곧 죽고 HTML5로 대체 될 것이기 때문에 Adobe는 이제 다른 도구를 Windows 10으로 가져 오려고하는 것 같습니다.Adobe 경험 디자인 (Adobe XD라고도 함)가 이제 Windows 10 용으로 출시되었습니다. 이 회사는 macOS 용 애플리케이션을 처음 출시했지만 한동안 Windows 애플리...

더 읽어보기