it-swarm-vi.com

Các công cụ tạo mẫu FOSS GUI gốc?

Là một phần của công việc là một nhà phát triển web, tôi dành một lượng thời gian để thực hiện các nguyên mẫu UI để hiển thị cho khách hàng. Đó là một nỗi đau ở phía sau nhưng đôi khi nó phải được thực hiện.

Tôi đã thấy Shuttleworth (và nhóm thiết kế) đưa ra những hình ảnh như thế này:

Balsamiq Mockups example

Điều đó được tạo ra bởi một thứ gọi là Balsamiq Mockups ... Thứ gì đó cân bằng trên Adobe Air (yack!) Và có giá 79 đô la.

Tôi đã thử nó nhưng nó tiếp tục rơi. Tôi nghĩ nó có liên quan đến Air chứ không phải ứng dụng. Quan điểm của tôi là nếu tôi trả tiền cho một cái gì đó, tôi muốn nó là bản địa.

43
Oli

Vì những lý do tôi không bắt đầu hiểu, các tác giả của nó đã viết nó dưới dạng plugin Firefox, nhưng Pencil là một công cụ tạo mẫu FOSS tuyệt vời. Giống như Balsamiq Mockups, nó đi kèm với một số lượng lớn các thành phần đúc sẵn cho phép bạn nhanh chóng kết hợp một màn hình demo. Cũng giống như Balsamiq, bạn có thể có nhiều trang trong một bản phác thảo và liên kết giữa chúng, cho phép các lập trình viên và nhà thiết kế của bạn "nhấp" vào một số nút nhất định và cảm nhận về những gì sẽ xảy ra khi điều đó xảy ra.

Không giống như Balsamiq, bộ tiện ích giả mặc định của nó trông giống như các vật dụng thực sự, điều mà tôi lo ngại khiến các lập trình viên bắt chước một cách mù quáng mô phỏng mà họ nhìn thấy trên màn hình. Rất may, một mẫu widget phác thảo đã được phân phối với Pencil trong một thời gian. Cũng không giống như Balsamiq, và hy vọng không có gì đáng ngạc nhiên đối với một phần bổ trợ Firefox Pencil xuất bản phác thảo của nó sang HTML, chứ không phải Flash/Flex.

Tôi biết Pencil trông lạ vì đây là một tiện ích mở rộng của Firefox, nhưng nó thực sự hoạt động rất tốt và dễ sử dụng. Tôi không gắn bó về mặt ý thức hệ với FOSS và không ngại chi 80 đô la cho phần mềm tuyệt vời, vì vậy tôi sẽ thành thật và nói rằng tôi sử dụng Balsamiq thay cho Pencil. Tôi thấy quy trình làm việc chung của Balsamiq và dễ sử dụng hơn so với Bút chì. Nhưng Pencil vẫn là một công cụ tuyệt vời. Nếu bạn đang tìm kiếm một nguyên mẫu FOSS, tôi nghĩ rằng bạn sẽ có một thời gian khó khăn để làm tốt hơn. Khởi chạy Firefox và hãy kiểm tra xem .

33
Benjamin Pollack

Cá nhân tôi thích làm nguyên mẫu web-ui trong Inkscape (chương trình vẽ đồ họa vector), nó khá đơn giản để sử dụng và bạn có thể sử dụng lại hầu hết các mockup khi bạn sẽ tạo ra sản phẩm cuối cùng.

15
LassePoulsen

Hãy thử Trình thiết kế giao diện Glade , một nhà thiết kế giao diện GTK/Gnome, thường được sử dụng cho các ứng dụng thực tế, nhưng cũng có thể được sử dụng cho các nguyên mẫu.

10
8128

Tôi cũng khuyên bạn nên sử dụng Inkscape cho các mô hình. Bạn có thể nhận được một vài vật dụng chứng khoán từ www.openclipart.org (ai đó nên tải lên nhiều hơn!).

Nơi tôi thấy rất tiện lợi là để đánh dấu một UI hiện có ... Chụp ảnh màn hình của ứng dụng, chèn vào Inkscape và đặt nó lên một lớp bị khóa, sau đó vẽ bản vẽ của bạn lên một lớp trên đó để hiển thị bất kỳ thay đổi nào của bạn cần thể hiện.

5
Bryce

Tôi đã sử dụng Mockingbird trước đây cho một dự án rất nhỏ. http://eimockingbird.com Đây là ứng dụng khách dựa trên web cho phép cộng tác. Nó dường như sẽ rời khỏi phiên bản beta và ngừng miễn phí trong một vài ngày.

0
Michael Terry