IT

PowerMockup 설치 / 사용법

싸후이 2020. 7. 8. 13:34

대시보드 화면 디자인좀 해볼려고 디자인 툴을 찾다가

파워포인트 용 wireframe, mockup 툴킷인 PowerMockup 을 찾았다..

무료 트라이얼 버전 다운받아서 우선 설치해서 만져보았다..

홈페이지 :  https://www.powermockup.com/

설치는 그냥 '다음' 누르면 끝..

PowerMockup Setup 완료 화면

 

첫 실행 화면

Welcome to PowerMockup 

기본 사용법이 파워포인트로 제공된다.

 

최초 설치를 하면 기본적으로 wireframe shape 와 아이콘이 들어있다.

기획 내용을 처음 ui 로 표현 할때 wireframe 을 사용한다.

wireframe 이 나오면 이후 mockup 을 통해 실제 화면과 유사한 디자인을 만들고

mockup 이 나오면 프로토타입을 만들어서 실제 사용자와 인터렉티브한 디자인을 만든다

최종적으로는 설명과 흐름을 추가한 스토리보드 혹은 최종 UI 설계서를 작성한다.

즉 wireframe -> mockup -> prototype -> storyboard (or UI 설계서)

pie chart 를 넣으니...full version 필요하네..ㅜㅜ shape 가 흐릿흐릿 한것은...풀버전 필요

 

 

우선 간단하게 대시보드 하나 만들어 보자

web 으로 검색하면 container 에 browser shape 가 있다...끌어다 놓기..

주소 text 도 powerpoint 텍스트 상자처럼 동일하게 수정가능하다

 

음..트라이얼 버전은..사용가능한 shape 가 별로 없다....그냥 맛보기다..ㅜㅜ

거의 다 비활성..ㅜㅜ

 

개인 무료 라이선스

블로거 나 저널리스트, microsoft MVPs 는 무료 라이선스를 받을 수 있다.

http://www.powermockup.com/order/free-license