web-development-kb-ko.site

기본 FOSS GUI 프로토 타이핑 툴?

웹 개발자로 일하면서 클라이언트를 보여주기 위해 UI 프로토 타입을 작성하는 데 많은 시간을 할애했습니다. 그것은 뒤에 고통이지만 때로는 수행해야합니다.

Shuttleworth (및 디자인 팀)가 다음과 같은 이미지를 펌핑하는 것을 보았습니다.

Balsamiq Mockups example

그것은 Balsamiq Mockups ... 무언가에 의해 만들어졌습니다. 어도비 에어 (yack!)와 균형을 이루고 $ 79의 비용이 드는 것.

나는 그것을 시도했지만 계속 넘어졌다. 앱 자체가 아닌 Air와 관련이 있다고 생각합니다. 내 요점은 내가 무언가를 지불한다면, 그것이 네이티브가되기를 원한다는 것입니다.

43
Oli

내가 이해하지 못하는 이유 때문에, 저자는 Firefox 플러그인으로 작성했지만 Pencil 은 훌륭한 FOSS 프로토 타이핑 도구입니다. Balsamiq Mockups와 마찬가지로 데모 화면을 신속하게 처리 할 수있는 수많은 사전 제작 된 구성 요소가 제공됩니다. 또한 Balsamiq과 마찬가지로 스케치에서 여러 페이지를 가질 수 있고 그 사이를 연결하여 프로그래머와 디자이너가 특정 버튼을 "클릭"하고 그 때 발생하는 상황을 느낄 수 있습니다.

Balsamiq과는 달리 기본 모의 위젯 세트는 실제 위젯처럼 보이므로 프로그래머가 화면에 보이는 모형을 노예로 모방합니다. 고맙게도 스케치 위젯 템플릿은 한동안 연필과 함께 배포되었습니다. 또한 Balsamiq과는 달리 Firefox 부가 기능에서 놀라운 것은 아니지만 연필은 스케치를 Flash/Flex가 아닌 HTML로 내 보냅니다.

필자는 Firefox 확장 프로그램이기 때문에 연필이 이상하게 보이지만 실제로는 잘 작동하고 사용하기 쉽습니다. 나는 이념적으로 FOSS에 얽매이지 않고 훌륭한 소프트웨어를 위해 80 달러를 소비하는 것을 신경 쓰지 않기 때문에 솔직하게 말하면 Balsamiq을 Pencil보다 사용한다고 말합니다. Balsamiq의 일반적인 워크 플로와 사용 편의성이 Pencil보다 뛰어납니다. 그러나 연필은 여전히 ​​훌륭한 도구입니다. FOSS 프로토 타입을 찾고 있다면 더 잘하기 힘들 것 같습니다. Firefox를 시작하고 확인하십시오 .

33
Benjamin Pollack

개인적으로 Inkscape (벡터 그래픽 드로잉 프로그램)에서 web-ui 프로토 타이핑을하고 싶습니다. 사용이 매우 간단하고 최종 제품을 만들 때 대부분의 모형을 재사용 할 수 있습니다.

15
LassePoulsen

GTK/Gnome 인터페이스 디자이너 인 Glade Interface Designer 를 사용해보십시오. 일반적으로 실제 응용 프로그램에 사용되지만 프로토 타입에도 동일하게 사용할 수 있습니다.

10
8128

모형에도 Inkscape를 사용하는 것이 좋습니다. www.openclipart.org에서 몇 가지 재고 위젯을 얻을 수 있습니다 (누군가 더 업로드해야합니다).

내가 가장 편리한 곳은 기존 UI를 마크 업하는 것입니다 ... 앱의 스크린 샷을 찍고 Inkscape에 삽입 한 후 잠긴 레이어에 놓은 다음 그 위에있는 레이어에서 드로잉을 수행하여 변경 사항을 표시합니다. 보여줘야합니다.

5
Bryce

아주 작은 프로젝트에 Mockingbird를 사용했습니다. http://gomockingbird.com 공동 작업을 허용하는 웹 기반 클라이언트입니다. 그래도 베타를 떠나고 며칠 만에 무료로 제공되지 않을 것입니다.

0
Michael Terry