it-swarm-vi.tech

Công cụ tạo mockup cho UI thiết bị di động

Tôi đang tìm kiếm các công cụ có thể giúp tôi tạo các mockup UI cho các điện thoại di động khác nhau như iPhone, Android và các thiết bị Windows Phone 7. Có ứng dụng nào có thể làm điều này không?

26
gyurisc

Nếu bạn định tạo mẫu cho iPhone, có một điều rất thú vị công cụ Mockup của iPhone Tôi tìm thấy gần đây.

Bạn cũng có thể muốn xem xét danh sách được cung cấp bởi bài viết này , nó có rất nhiều giấy nến và công cụ về chủ đề này.

16
Pam Rdz

Câu hỏi hay - Balsamiq Mockups có thể là lựa chọn tốt nhất của bạn. Họ có các điều khiển iPhone được tích hợp và ai đó đã đóng góp các điều khiển cho Windows Phone 7 . Họ cũng có công cụ cho các nền tảng Nokia, v.v. Không chắc chắn về Android tùy chọn ở đây. Hãy chú ý blog Mockups To Go của Balsamiq để có thêm đóng góp từ cộng đồng Balsamiq.

Tôi cũng đã tạo hai danh sách trên Twitter sau cordframingtạo mẫ công cụ, mà bạn có thể cân nhắc theo dõi để xem các công ty đó có tích hợp hỗ trợ cho các nền tảng đó không. Vì Windows Phone 7 chưa ra mắt, tuy nhiên, rất nhiều trong số chúng chưa di chuyển vào không gian đó.

8
Rahul

Ngoài ra, hãy kiểm tra Bút chì cho Firefox .. và Android giấy nến tại Android-ui-utils dự án nguồn mở ( bài đăng trên blog ở đây ).

Tôi cũng nghe thấy Adobe Fireworks rất tốt cho việc tạo mẫu UI (một cách nhanh chóng với sự hỗ trợ cho các mô phỏng tương tác và hình dạng 9 lát) ... Mặc dù vậy tôi vẫn chưa thử nó.

7
Roman Nurik

Có một công cụ dành riêng cho iPhone (và iPad) thực sự chạy trên iPhone - Giao diện.

Như Rahul đã chỉ ra, Balsamiq là một lựa chọn tốt và Axure cũng có thư viện chuyên dụng (ít nhất là cho iPhone - Tôi trú ẩn 't kiểm tra cho phần còn lại).

5
Dan Barak

Tôi muốn thêm WireframeSketcher Plugin vào danh sách. Một ứng dụng tạo mẫu rất đẹp và dễ sử dụng có thể được sử dụng ngay ngoài IDE ngay cả bởi những người không lập trình.

Một ưu điểm hấp dẫn của WFS là các màn hình được lưu dưới dạng tệp XML, cho phép dễ dàng lưu trữ chúng trong hệ thống kiểm soát phiên bản và phân biệt và hợp nhất chúng để giữ cho các thay đổi được tổ chức.

Mặc dù ban đầu nó được tạo ra để giả lập các ứng dụng "bình thường", một số người dùng đã đóng góp các thành phần mockup - được gọi là "giấy nến" - cho các ứng dụng iPad/iPhone/Android (xem WFS Mockupgallery ).

2
Baelnorn

Tôi thường sử dụng gdocs. Tôi linh hoạt nhất với nó và tôi đã quen với nó. Tôi thích cách bạn có thể chia sẻ, thảo luận và cộng tác với các bản phác thảo. Xem ở đây ví dụ: Lựa chọn hai bước trong windows phone 7

1
OneWorld

Bạn cũng có thể sử dụng Pháo hoa hoặc bạn có thể thử và kiểm tra ứng dụng này http://www.fluidui.com/ chỉ dành riêng cho iPhone và Android để tạo mockup. :)

1
UXgirl

Đối với iPhone/iPad, tôi sử dụng như sau: Trình nấu ứng dụngiMockups

Cả hai đều là ứng dụng iPad.

0
ScottK

Axure tất cả các cách! Tôi đã dành vô số giờ để có được một nguyên mẫu để làm việc trên điện thoại di động. Vấn đề với mọi chương trình khác mà tôi đã sử dụng là chúng không xử lý các biểu mẫu chi tiết. Tôi đã phải tạo ra một hình thức tập luyện trên điện thoại. Axure có thể xử lý biểu mẫu 'ghi nhớ' các lựa chọn của người dùng khi nảy từ màn hình này sang màn hình khác. (ví dụ: Khi người dùng chọn 'hoạt động' và họ đi đến màn hình tiếp theo với danh sách các hoạt động, họ có thể chọn 'Chạy' và trả lại chúng trên màn hình trước với 'Chạy' được điền sẵn. Sau đó, họ có thể chọn hoạt động phụ, giả sử 'máy chạy bộ chạy'. Sau đó, nó sẽ đưa tôi trở lại màn hình biểu mẫu gốc với 'Chạy' và 'Chạy máy chạy bộ' được điền vào biểu mẫu.) Một số chương trình khác sẽ xử lý việc này dưới dạng thả xuống, nhưng tất nhiên Điều này được xử lý khác nhau trên điện thoại. Axure là chương trình duy nhất sẽ hỗ trợ này.

Ngoài ra còn có một cài đặt trong phiên bản mới hơn của phần mềm cho phép bạn điều chỉnh chế độ xem của nguyên mẫu để nó trông giống như một ứng dụng thực tế trên điện thoại. Nó hỗ trợ các chức năng như 'tap' là các chức năng di động.

Trên trang web, có một thử nghiệm miễn phí. Có nhiều thư viện widget được hỗ trợ, thậm chí các yếu tố UI di động.

Tôi rất muốn giới thiệu chương trình này!

0
Christie Day

Đây là một công cụ khác có thể giúp bạn iPhone Wireframe Kit - Google Docs

0
vladocar

Ngoài ra, vui lòng thêm công cụ này trong tài nguyên của bạn.

DesignerVista 4.0 cho iPhone, Windows Phone 7 và Android Mockup GUI di động

http://www.designervista.com

0
user3335

Tôi đã thích Pháo hoa từ lâu rồi, nhưng gần đây tôi đã chuyển sang OmniGraffle (vì Pháo hoa bắt đầu trở nên thực sự có lỗi và chậm trên máy Mac của tôi). Tôi đã khá hài lòng với sự lựa chọn cho đến nay. Đây là một số giấy nến rất đẹp cho iPhone và iPad bao gồm cả phiên bản đồ họa thực và màu xám cho OmniGraffle.

Thông thường, bạn bắt đầu với các khung lưới màu xám và thêm một số đồ họa nếu thực sự cần thiết. Cá nhân tôi làm việc nhanh hơn với thang độ xám và nó làm cho các khung lưới bám vào mô tả các tính năng và điều hướng, không phải màu sắc.

0
user3337

Tôi đã thử vài phương pháp. Nhận xét và liên kết như sau;

  • Photoshop hoặc Pháo hoa với điều này http://www.teehanlax.com/blog/2010/06/14/iphone-gui- nhặt-v4 / Cách chuẩn, mất nhiều thời gian hơn để tinh chỉnh bố cục.

  • Giao diện ứng dụng cho iphone Mất quá nhiều thời gian nhưng hoàn hảo cho nguyên mẫu và sản xuất quá .. = =

  • Keynote Kungf - Keynote, mẫu PowerPoint để tạo nguyên mẫu iOS Tốt nhất, nhanh nhất khi keynote đưa ra rất nhiều , nhiều tùy chọn xuất.

0
Yunus

Tôi yêu Cacoo ; đó là mục đích của tôi để tạo khung đơn giản và họ có các tùy chọn tuyệt vời cho iPhone, Android, v.v. Tôi đã sử dụng các công cụ khác, nhưng đây là cách tốt nhất đối với tôi, để chế giễu thứ gì đó trước khi tự mình xây dựng hoặc với bạn bè .

0
user3358

Bạn thấy đấy, có rất nhiều công cụ. Sự lựa chọn đúng đắn luôn phụ thuộc vào kinh nghiệm và kỹ năng trước đây của bạn và rõ ràng là bối cảnh của nhiệm vụ của bạn. Bạn muốn thể hiện điều gì và với ai.

Ngoài ra trong danh sách tôi có thể đề xuất: - nếu bạn muốn khám phá tất cả các loại chuyển đổi, hãy kiểm tra Adobe Catalyst (hoặc Flash) - nếu bạn cần tạo thông số kỹ thuật sau đó, điểm chuẩn hiện tại là Axure RP6

Trên thực tế, bạn có thể sử dụng bất cứ thứ gì bạn có, miễn là bạn biết bạn muốn làm gì và ai là đối tượng của sản phẩm của bạn;)

0
Wolo

Không thể thêm nhận xét vào bài đăng của Rahul vì vậy tôi sẽ đề cập ở đây rằng trang web mô phỏng tùy chỉnh của Balsamiq đang di chuyển ở đây https://mockupstogo.mybalsamiq.com/projects và trang này ở định dạng đẹp hơn nhiều so với trang Posterous.

@OneWorld bạn có thể đăng ký http://mybalsamiq.com với giá 12 đô la mỗi tháng. Nhưng tốt hơn hết là bạn nên mua phiên bản máy tính để bàn IMHO.

0
saybeano