IT/웹기획 & 툴

[웹 기획 / 기획 툴] 파워 목업(Power Mockup)와 파워포인트를 활용한 스토리보드 작업

쿵야085 2019. 10. 28. 13:17
반응형

[웹 기획 / 기획 툴] 

파워 목업(Power Mockup)와 파워포인트를 활용한 스토리보드 작업

 

 

ㅣ 파워 목업(PowerMockup)을 시작해보자

 

웹 기획의 스토리보드 작성 작업을 하게 되면 다양한 형태의 도형을 사용하게 되는 경우가 많이 있습니다. 특정한 상황에 맞는 기능들을 표현하기 위해서는 도형을 이용한 작업들이 스토리보드를 보게 되는 사람들에게도 직관적으로 알기 편하게 전달할 수 있기에 더욱더 있기 때문입니다. 

 

하지만 파워포인트는 스토리보드 작성을 위해서 만들어진 툴이 아닌 프레젠테이션용으로 만들어진 툴이기에 스토리보드 작성에 용이하지 못한 부분이 많이 있습니다. 그래서 파워포인트 외에 다른 와이어프레임을 만들어주는 툴을 점점 많이 이용하는 추세이기도 합니다. 

 

하지만 오래도록 파워포인트를 활용한 스토리보드 작성을 해왔기에 아직은 파워포인트를 활용한 스토리보드 작성이 일반적입니다. 이런 부분을 마이크로소프트도 인지했는지 최신버전의 파워포인트 버전에서는 도형 외에도 별도의 아이콘을 지원하기 시작했습니다. 

 

파워포인트 아이콘

 

파워 목업(PowerMockup)은 웹 기획에서 꼭 필요한 스토리보드 작성을 위한 도형을 정말 많이 지원하고 있습니다. 와이어 프레임과 프로토타입을 쉽게 만들 수 있도록 도와줍니다.  

 

와이어프레임(wire-frame)이란?

컴퓨터 그래픽에서 3차원 물체의 형상을 나타내기 위해 물체의 형상을 수많은 선의 모임으로 표시하여 입체감을 나타내는 것. 이것은 마치 철사를 이어서 만든 뼈대처럼 보이므로 와이어 프레임이라 한다. 이것은 구조가 간단하여 물체를 표시하는 데 시간이 적게 걸리는 장점이 있으나 와이어프레임만으로는 물체의 실감은 느낄 수 없으므로 선들이 만나서 생기는 각 면에 적절한 색깔을 입히는 렌더링(rendering) 작업과 가려서 보이지 않는 선을 제거하는 은선 제거(hidden-line elimination) 작업이 뒤따라야 실체감 있는 화상을 만들 수 있다.

사이트/앱 개발중 레이아웃 및 상황의 뼈대를 그리고 수정하는 것/단계.

- 네이버 사전 -
프로토타입(prototype)이란?

본격적인 상품화에 앞서 성능을 검증ㆍ개선하기 위해 간단히 핵심 기능만 넣어 제작한 기본 모델을 말한다. 시제품, 견본품이라고도 한다. 본격적으로 제품 개발ㆍ생산에 들어가면 도중에 중단하거나 취소하는 것이 쉽지 않으므로 사전에 프로토타입을 제작하고 검증 과정을 거쳐 위험 부담을 최소화한다. 이를 위해 예상 고객에게 프로토타입을 사용해보게 하고 피드백을 받아 제품 개선 시 반영하기도 하는데 이를 프로토타이핑(prototyping)이라고 한다. 기계, 자동차, 전자ㆍ전기, 컴퓨터, 항공ㆍ우주, 토목ㆍ건축 등 공학 산업과 패션, 교육, 의료 산업에서 주로 제작하고, 특히 IT 산업에서 활용도가 높다.

새로운 컴퓨터 시스템이나 소프트웨어의 설계 또는 성능, 구현 가능성, 운용 가능성을 평가하거나 요구 사항을 좀 더 잘 이해하고 결정하기 위하여 전체적인 기능을 간략한 형태로 구현한 시제품.


- [네이버 지식백과] 프로토타입 (시사상식사전, pmg 지식엔진연구소) - 

 

파워 목업을 다운로드하실 거라면 아래의 사이트로 접속하면 됩니다. 

 

 

https://www.powermockup.com/

 

PowerPoint Wireframe and Prototyping Tool | PowerMockup

Collaboration PowerPoint includes collaboration and sharing features that facilitate working in a team. You can share documents with others via OneDrive or SharePoint, leave comments on slides, and merge different versions of a document into a single file.

www.powermockup.com

 

ㅣ 파워목업(PowerMockup) 소개 영상 및 사용법

 

 

파워 목업(PowerMockup)의 사용법은 위의 영상에서 보여주는 것과 같이 매우 단순합니다. 

원하는 도형을 선택하고 드래그하면 바로 적용이 되기 때문에 별도의 사용설명이 없이 직관적으로 활용이 가능합니다. 

 

 

 

빠른 검색

 

파워목업(PowerMockup)의 빠른 검색 기능으로 올바른 모양을 쉽게 찾을 수 있습니다. 입력하면 도형 목록이 원하는 것을 얻을 때까지 자동으로 필터링됩니다. PowerMockup은 동의어를 인식하여 "입력"을 검색하면 "텍스트 상자"및 "텍스트 영역"항목을 포함한 결과가 나타납니다.

 

 

끌어서 놓기

 

와이어프레임 또는 도형에 사용할 모양을 찾았으면 라이브러리 창에서 PowerPoint 슬라이드의 원하는 위치로 끌어다 놓기 만하면 됩니다. 빠르고 쉽습니다!

 

 

 

 

 

맞춤 모양

 

shape library에 자신의 항목을 추가할 수도 있습니다. PowerPoint 슬라이드에서 도형을 선택하고 “도형 추가”를 클릭하면 사용자 정의 도형이 만들어집니다. 더 나은 구성을 위해 도형을 별도의 범주 및 하위 범주로 정렬하십시오. 도형 범주를 가져오고 내보낼 수도 있으므로 다른 사람과 작품을 공유할 수 있습니다.

 

 

 

 

 

똑똑한 모양

 

여러 PowerMockup 도형은 PowerPoint에서 제공하는 것 이상의 추가 기능을 제공합니다. 예를 들어, "창"모양의 크기를 조정할 때 PowerMockup은 창의 제목 표시 줄이 올바른 비율을 유지하도록 합니다. 일부 모양을 사용하면 탭 막대에 항목을 추가하거나 확인란 상태를 설정하는 등 빠르게 변경할 수 있습니다.

 

 

 

 

 

 

회사 차원의 라이브러리

 

팀에서 작업 할 때 일반적으로 사용되는 도형의 공유 라이브러리를 만들 수 있습니다. 이것이 PowerMockup의 “공유 도형 라이브러리”기능입니다. PowerMockup 서버에 온라인으로 저장되는 도형 라이브러리를 설정하여 여러 사용자가 액세스 권한을 부여받을 수 있습니다 (권한 된 권한에 따라).

 

 

 

 

ㅣ 파워목업(PowerMockup) 에서 지원하는 도형 모양

 

 

파워 목업은 위와 같이 다양한 모양의 도형을 지원하고 있습니다. 

무료 사용버전에는 모든 모형의 도형을 사용할 수는 없지만, 무료로 라이선스를 획득할 수 있는 방법이 있기에 라이선스 획득 이후에 모든 모양의 도형을 사용하신다면 분명히 도움이 될 거 같습니다. 

 

 

ㅣ 파워목업(PowerMockup) 설치방법

 

① 파워목업은 홈페이지 접속한 화면에서 바로 다운로드가 가능합니다. 

DOWNLOAD TRIAL을 클릭하시면 됩니다.

 

②  다운로드한 파일을 실행하면 아래와 같은 화면이 나옵니다. 

NEXT 버튼만 눌러주시면 됩니다.

 

③  설치가 마무리된 화면입니다. 

Run PowerMockup을 실행하시면 바로 파워포인트가 실행됩니다. 

 

 

ㅣ 파워목업(PowerMockup) 설치 후 실행 시 첫 화면

*영어로 되는 있는걸 안되는 실력으로 한글로 번역한 PPT입니다.

 

Welcome to PowerMockup.pptx
1.26MB

 

다음 포스팅에서 파워목업의 무료 라이센싱을 요청하는 법과 등록하는 방법에 관해서 알아보겠습니다!

 

 

아래는 파워목업 사이트로 접속되는 주소입니다.

바로 클릭하고 다운받으세요!:D

 

https://www.powermockup.com/

 

PowerPoint Wireframe and Prototyping Tool | PowerMockup

Collaboration PowerPoint includes collaboration and sharing features that facilitate working in a team. You can share documents with others via OneDrive or SharePoint, leave comments on slides, and merge different versions of a document into a single file.

www.powermockup.com

 

반응형