웹 앱 프로토타입 제작 프로그램 프로토나우

웹 앱 프로토타입 제작 프로그램 ‘프로토나우’

웹/앱 프로토타입 제작 프로그램인 프로토나우에 대해서 알아보겠습니다.

프로토나우는 무료로써, 쉽고 빠른 아이디어의 실현이 가능하며 다른 개발자들과의 공유가 쉬운 장점이 있습니다.

프로토나우의 기능입니다.

프로토나우는 보다 쉽고 빠르게 아이디어를 실현해 줍니다.

간단한 설정으로 실제 같은 인터랙션 기능 적용

* 링크 연결, 드로어 메뉴(Drawer Menu), 알림 메시지(Toast Notification), 스와이프 뷰 기능 등 마우스 클릭 몇 번으로 인터랙션 기능을 쉽게 적용할 수 있습니다.

풍부한 라이브러리로 완성도 있는 프로토타입 제작

* 설계서와 시안을 오가며 설명하기 어려웠던 기능을 라이브러리를 사용하여 쉽게 완성도 있는 프로토타입을 만들수 있습니다.

멀티뷰와 반응형 기능으로 다양한 모바일 뷰어 제공

* 프로토나우 프로그램에서 해상도 별 프로토타입을 만들 수 있고, 자동으로 디바이스 화면크기에 맞게 보입니다.

* PC 뷰어 화면에서 멀티뷰 기능을 이용해 디바이스 사이즈 별로 비교하며 확인할 수 있습니다.

QR코드와 단축 URL로 빠르게 공유하고 뷰어를 통해 미리 확인 가능

* 프로토타입을 미리보기 기능으로 쉽게 확인할 수 있습니다.

* 단축 URL이나 QR코드로 스마트하고 빠르게 프로토타입 화면을 공유할 수 있습니다.

* 수시로 변경되는 프로토타입을 계속 주고 받을 필요 없이 실시간으로 확인할 수 있습니다.

암호화 기능

* 문서 공유 시 비밀번호를 설정하면 더욱 안전하게 문서를 보호할 수 있습니다.

프로토나우 설치

프로토나우 다운로드 URL 입니다.

Naver Software 다운로드 가능합니다.

프로토나우 첫 설치 화면입니다.

프로토나우 설치를 위해서는 Microsoft의 닷넷 프레임워크가 필요합니다.

.NET Framework가 없다면 자동적으로 설치를 진행합니다.

.NET Framework 설치 이후에 프로토나우 설치가 진행됩니다.

프로토나우 실행

첫 실행 화면 입니다.

새로 만들기로 진행합니다.

다음의 화면은 디바이스 해상도를 설정하는 화면입니다.

스마트폰에서도 다양한 기기를 선택 가능합니다. 아이폰, 갤럭시, 넥서스 등

데스크톱 웹에서 다양한 해상도 설정으로 작업 가능합니다.

태블릿에서도 아이패드, 갤럭시 탭 등 작업이 가능합니다.

우리는 스마트폰에서 아이폰6s 사양으로 작업하겠습니다.

프로토 나우의 작업 화면입니다.

빨간색 점선이 아이폰6S의 크기이며 디스플레이 화면입니다.

프로토타입 제작을 위해 각 화면 UI 구성을 위해 라이브러리에서 제공하는 기본적인 컴포넌트로 화면을 구성할 수 있습니다.

라이브러리에 있는 컴포넌트는 작업 화면에 드래그를 하여 붙여넣기 가능합니다.

이상입니다.