웹 사이트 및 앱용 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는 개인과 조직을위한 Wireframe, Prototyping 및 UI Mockup 도구를 제공하는 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 응용 프로그램입니다. 무료 평가판을 사용하려면 계정을 등록해야하며 300 개 개체로 제한되는 하나의 프로젝트에 5MB의 스토리지를 제공합니다.

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

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

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

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

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

Moqups 다운로드 


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

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

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

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

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


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

Windows 10에서 Adobe 오류 16을 수정하는 방법

Windows 10에서 Adobe 오류 16을 수정하는 방법Adobe Acrobat ReaderAdobe After EffectsAdobe Creative Cloud어도비 Xd

이 문서에서는 Windows 10에서 Adobe 제품 사용을 방해 할 수있는 Adobe 오류 16을 수정하는 방법에 중점을 둡니다.이 오류는 모든 Adobe 제품에서 발생할 수 있습니다. 예를 들어, P를 가질 수 있습니다.hotoshop 오류 16.A를 고칠 수 있습니다.dobe Photoshop 오류 16 Adobe Creative Cloud를 제...

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

웹 사이트 및 앱용 UI 모형을 만드는 5 가지 훌륭한 도구어도비 Xd디자인 소프트웨어

연간 2 억 명의 사용자를 지원하는 시간 절약형 소프트웨어 및 하드웨어 전문 지식. 기술 수명을 업그레이드하기위한 방법 조언, 뉴스 및 팁을 안내합니다.와이어 프레임 및 UI 모형에서 대화 형 프로토 타입에 이르기까지 Adobe XD로 디자인 할 수없는 것은 없습니다. 가장 좋은 점은 완전히 무료이며 전문가와 초보자에게 적합하다는 것입니다. 코드를 한...

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

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

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

더 읽어보기