it-swarm-vi.tech

Một số công cụ tạo mẫu dựa trên web tuyệt vời là gì?

Tôi đang tìm kiếm một danh sách các công cụ tạo mẫu dựa trên web và tôi muốn xây dựng một công cụ ở đây bằng cách sử dụng hệ thống bỏ phiếu dân chủ của StackExchange.

Đã có một số danh sách trên web, đáng chú ý là những danh sách:

Tôi đã tìm thấy cả hai thứ đó từ danh sách "công cụ tạo mẫu" của Google .

Về lâu dài, StackExchange UI phải là định dạng tốt nhất để quản lý danh sách đó. Chúng ta hãy đi cho phù hợp, không nhất thiết phải hoàn thành; tính đầy đủ sẽ liên quan đến việc thêm hàng tấn câu trả lời bao gồm các công cụ ít được biết đến hoặc lỗi thời. Thay vào đó, tôi muốn xem danh sách ứng dụng tạo mẫu dựa trên web hiện tại và phiếu bầu cho mỗi sản phẩm sẽ phát triển lý tưởng theo thời gian (ví dụ: Balsamiq sẽ có khả năng bắt đầu từ đầu ngày hôm nay, nhưng 5 năm nữa chúng ta có thể thấy một cái gì đó khác xuất hiện).

Tôi đang biến đây thành một wiki cộng đồng vì nó có nhiều tài liệu hơn là có thể trả lời khách quan.

53
Rahul

HTML + CSS + JS

Đó là khá nhiều lựa chọn duy nhất nếu bạn đang tìm kiếm nguyên mẫu có độ trung thực cao.

Tôi là người ủng hộ việc đi hi-fi (viết mã) hoặc sử dụng lo-fi (các ứng dụng sơ sài như Balsamiq).

Trừ khi bạn đang thử nghiệm các tương tác tương đối thuần hóa, tôi tìm các giải pháp như Axure và tương tự như một chút nguy hiểm. Nó ngụ ý độ trung thực cao, nhưng bạn không thể tinh chỉnh các tương tác trong các ứng dụng như thế đến mức nó sẽ phản ánh trải nghiệm người dùng thực tế.

37
DA01

Balsamiq Mockup

Vì vậy, vì bạn đã đề cập đến nó, tôi sẽ thêm Balsamiq để bắt đầu danh sách :)

Phiên bản Web chưa được phát hành đầy đủ, nhưng ứng dụng dành cho máy tính để bàn khá tiện lợi.

Khi nó hoạt động, sản phẩm sẽ tồn tại ở đây: Trang dự án ứng dụng web Balsamiq

Mặt khác, luôn có ứng dụng máy tính để bàn (tại cùng một URL, chỉ cần nhấp vào liên kết "Ứng dụng máy tính để bàn").

45
Matt

Chim nhại

Tôi thấy Mockingbird là một trong những ứng dụng dựa trên trình duyệt dễ sử dụng nhất - http://eimockingbird.com

8
chrisofspades

Thủ công

Balsamiq chắc chắn là lựa chọn đầu tiên của tôi để phác thảo ý tưởng trong các buổi động não và khởi động với khách hàng. Nhưng khi nói đến các nguyên mẫu đầy đủ chức năng, loại thuốc tôi chọn luôn là Thủ công . Nó hoàn hảo cho việc tạo mẫu HTML và cung cấp một số chức năng bổ sung tuyệt vời để tạo ra các luồng tương tác thường cần các kỹ năng mã hóa back-end hoặc kết hợp mọi thứ với nhau trong javascript.

6
Huijkman

Bút chì

Bút chì là một thứ khá tốt mà tôi đã quen với việc sử dụng. Không hoàn toàn dựa trên web nhưng nó là một plugin Firefox.

5
LiamGu

Dòng chảy

Cơ quan tương tác của vợ tôi đã thành công với:

http://www.mockflow.com/

Nhanh chóng để bắt đầu và một số lượng hợp lý các điều khiển và màn hình tích hợp cho khung lưới.

3
noluckmurphy

Khung dây màu xanh trong Google Docs.

Từ đây bài đăng trên blog của Morten Just , anh ấy đã tạo ra một bản vẽ Google công khai bạn có thể sử dụng. Tôi không chắc tại sao nhưng mẫu trống đã biến mất ngay bây giờ, vì vậy tôi đã chia sẻ mẫu tôi đã sao chép một lúc trước . Thu nhỏ nếu bạn không nhìn thấy các đối tượng khung dây bên trái.

Nó có một tập hợp các đối tượng khung dây mà bạn sao chép, dán và sau đó thay đổi kích thước vào khu vực mockup ở bên phải.

Sau đó, có một bộ sưu tập tài liệu google của những người đã thực hiện mô hình sử dụng mẫu này

enter image description here

2
icc97

Hotgloo

Hotgloo cung cấp nguyên mẫu cơ bản, liên kết nóng trên các vùng giữa các trang, một số khả năng có độ trung thực cao - ngang bằng với balsamiq; tinh vi hơn chim nhại, nhưng không có khả năng như một ứng dụng máy tính để bàn như axure hay justinmind.

http://www.hotgloo.com/

2
512x512

my.origramy

Cám ơn vì đã chia sẻ! Tôi sẽ thêm my.origramy dịch vụ vào danh sách. Đó là một dịch vụ trực tuyến miễn phí mà tôi sử dụng bất cứ khi nào tôi cần để tạo một nguyên mẫu trang web, sơ đồ tư duy, sơ đồ hoặc sơ đồ.

2
SHM

Nền tảng

Nếu bạn đang xem giải pháp HTML/CSS/JavaScript, tôi khuyên bạn nên xem http://foundation.zurb.com/

1
Dragan Studios

Chất lỏng

Tôi muốn thêm FluidUI vào danh sách này. Chúng tôi vừa ra mắt công cụ này vào tháng trước. Nó dựa trên web, được thiết kế để nhanh chóng cho phép bạn tạo các nguyên mẫu UI có độ trung thực thấp và cao. Hỗ trợ nhiều nền tảng nhưng bạn có thể đặt kích thước trang thành bất cứ thứ gì bạn cần.

Liên kết với nó là liquidui.com nhưng nếu bạn thích nhảy thẳng vào và dùng thử mà không cần điền vào biểu mẫu và bạn có thể làm gì tại http://www.fluidui.com/editor

1
john larkin

Gliffy

Làm thế nào về gliffy ? Chúng tôi mới bắt đầu sử dụng nó tại công ty của tôi, nó rẻ hơn balsamiq hoặc chim nhại, và cũng linh hoạt hơn

1

http://cacoo.com . Giao diện hơi bí truyền, nhưng phiên bản miễn phí hạn chế hơn một chút so với một số khác (25 trang, 15 người dùng).

0
Steve Bennett