Bạn phác thảo ra các thiết kế và ý tưởng về ứng dụng iPhone của mình như thế nào?

Question

Bạn phác thảo ra các thiết kế và ý tưởng về Ứng dụng iPhone của mình như thế nào? Tôi hiện đang chuẩn bị bắt đầu dự án tiếp theo của mình và muốn tìm cách để có được ý tưởng của mình trên màn hình thay vì giấy thời trang cũ tốt.

Answer 1

Balsamiq có công cụ tuyệt vời để thực hiện các mô hình thiết kế giao diện. Họ cũng có một số thành phần iPhone. Có một bản demo trực tuyến mà tôi đã bắt đầu sử dụng (sau khi nhìn thấy câu trả lời cho một câu hỏi SO khác) và thực sự rất thích trải nghiệm này cho đến nay.

Answer 2

MockApp có vẻ tuyệt vời!

Answer 3

tôi chỉ tạo ra thiết kế của tôi trong Adobe Fireworks sử dụng bộ công cụ mockup này: http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/

Answer 4

Omnigraffle hoạt động tốt

Answer 5

Đối với giai đoạn đầu tiên, sẽ không có gì để đánh bại giấy. Dù bạn sử dụng công cụ nào (hy vọng) chính xác hơn, chắc chắn. Nhưng bạn đang kinh doanh thời gian cho rằng độ chính xác, và trong giai đoạn đầu của thiết kế giao diện người dùng bạn cần tốc độ hơn độ chính xác.

Tôi làm thiết kế của mình bằng một vài bút chì khác nhau trên thẻ chỉ mục. Khi tôi hài lòng tôi đang đi đúng hướng, tôi băng thẻ cho một người cai trị và sử dụng máy ảnh iMac của tôi để chụp ảnh họ. Sau đó tôi chuyển nó sang B & W và làm một độ sáng/độ tương phản đơn giản để cố gắng làm cho chúng trông đẹp nhất có thể, và tôi có thứ gì đó hợp lý để lưu trữ kỹ thuật số.

Điều tuyệt vời về điều này là tôi có thể rút ra một thẻ thô trong thời gian không nhiều hơn cần lưu như để mở nếu ổ đĩa máy thời gian của bạn đã đi vào giấc ngủ. :) Tôi có thể làm một thẻ đẹp sau một thời gian ngắn. Và nếu tôi muốn một cái gì đó đẹp hơn, tôi có thể chỉnh sửa quá trình quét hoặc sử dụng nó như một dấu vết trong một số chương trình khác.

(Và tôi quăng các thẻ trong túi ziplock bởi dự án.)

Answer 6

Tôi cũng tạo ra thiết kế của tôi trong Adobe Fireworks sử dụng mockups bộ công cụ bạn có thể tìm thấy ở khắp mọi nơi. Nếu bạn là một fan hâm mộ pháo hoa, bạn thực sự cần phải xem xét một phần mở rộng pháo hoa rất tốt đẹp cho phép bạn xem trước ứng dụng được thiết kế của bạn trong một giả lập iPhone đó là AIR dựa. Các hiệu ứng chuyển tiếp là thương hiệu của thiết bị di động cũng được xây dựng trong phần mở rộng và có thể được áp dụng cho các thiết kế.

http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1786031#

nếu bạn đã quen thuộc với pháo hoa mockups bạn sẽ yêu thích phần mở rộng này.

tốt nhất

Answer 7

Rob Rhyne Briefs thật tuyệt vời để chế nhạo trải nghiệm người dùng. Bạn có thể chơi tóm tắt của bạn trên điện thoại.

Answer 8

OmniGraffle. (http://www.omnigroup.com/products/OmniGraffle/) Khi kết hợp với nhiều Stencils iPhone khác nhau như: (http://graffletopia.com/stencils/413 và http://graffletopia.com/search/iphone), OmniGraffle tạo một bộ công cụ tuyệt vời.

Answer 9

Tôi sử dụng các mẫu Photoshop này từ Teehan và Lax ...

http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/

alt text http://www.teehanlax.com/blog/wp-content/uploads/iphonegui_3_0.jpg

hoặc cho một danh sách toàn bộ iPhone và iPad stencils: http://emilychang.com/2010/03/ipad-templates-and-stencils/

alt text http://emilychang.com/blog/wp-content/uploads/2010/03/ipad-gui-550x327.jpg

Answer 10

phần mềm là hấp dẫn, nhưng bạn sẽ kết thúc dành nhiều thời gian chơi đùa với màu sắc và di chuyển mọi thứ hơn là thiết kế/chức năng xuống. Những gì bạn cần là tốc độ. Với tốc độ bạn có thể chuyển sang lập trình sớm hơn sau này. Tôi sẽ thừa nhận nếu bạn cuối cùng muốn chia sẻ thiết kế với người khác MockApp có lẽ là một lựa chọn tốt.

Dưới đây là những gì bạn cần: (Trong thứ tự ưu tiên)

http://technabob.com/blog/2009/09/28/notepod-paper-iphone-notepads/

hoặc

http://appsketchbook.com/

hoặc

http://thenextweb.com/2009/05/21/designing-iphone-software-pencil-wooden-forms-ink-brush/

Answer 11

Cảm ơn e veryone cho bạn phản ứng nhanh chóng! Sau khi thử nghiệm cả Balsamiq và MockApp tôi đã đi đến kết luận rằng MockApp cung cấp cho tôi chính xác thứ mà tôi muốn cho thiết kế Apps của tôi vì bạn có thể thấy chính xác nó sẽ trông như thế nào và loại phần tử UI sẽ mất . Ngoài ra, với việc sử dụng Keynote hoặc Powerpoint, bạn có thể tiến xa hơn và liên kết tất cả các nút để tạo một bản trình diễn demo hiệu quả nếu bạn yêu cầu trình bày một điều như vậy, mặc dù điều này tốn nhiều thời gian hơn và cho bản thân tôi không yêu cầu điều này, nhưng tốt đẹp để biết nó ở đó! Balsamiq là một công cụ nhanh hơn và dễ sử dụng hơn nhưng có ít thành phần giao diện người dùng hơn và mang lại một cái nhìn sơ sài cho thiết kế trông tuyệt vời nếu bạn muốn tạo hình ảnh bảng câu chuyện nhanh về ý tưởng ứng dụng của mình nhưng thiết kế thực tế mà MockApp tạo ra một vẻ ngoài thực tế hơn nhiều mà tôi tin là tốt hơn. Ngoài ra Balsamiq chi phí $ 79 nếu bạn muốn nhiều hơn thì chỉ là bản demo.

Lý do tôi chọn MockApp trên tất cả các giải pháp khác là tôi cho rằng hầu hết đã có powerpoint hoặc keynote trên máy tính của họ so với Photoshop hoặc Fireworks, mặc dù tôi chắc chắn nếu bạn có các ứng dụng đó trên máy tính của mình có thể tốt hơn để sử dụng chúng. Ngoài ra MockApp là miễn phí/tweet-ware, xem trang web MockApp để biết thêm chi tiết.

Hope this helps

Dan

T.B. Tôi chưa thử OmniGraffle, tiếp theo là trong danh sách của tôi!

Answer 12

Phần mềm hữu ích và có thể hiệu quả hơn nhưng đôi khi thoát khỏi màn hình là một cách hay để tăng sự tập trung vào thiết kế hơn là triển khai. Và không có gì rút ra khá nhiều "cool!"Ý kiến ​​như không gỉ iPhone thép stencil của tôi:

Design Commission Stainless Steel iPhone UI Template

tôi không sử dụng hình ảnh in mà họ cung cấp nhưng làm riêng của tôi với ảnh chụp màn hình giảm alpha từ mô phỏng

Answer 13

tôi sẽ có. nói mockapp hoặc OmniGraffle vào lúc này

Answer 14

Đừng bỏ lỡ một điều này bằng cách ít Mã số:.. http://lesscode.co.nz/interface

Nó cho phép bạn thiết kế ngay trên iPhone với các thành phần có nguồn gốc iOS

Answer 15

Tôi đang phát triển công cụ wireframing WireframeSketcher cho phép bạn tạo các mô hình iPhone bằng cách sử dụng một stencil bên ngoài. Bạn cũng có thể liên kết màn hình với nhau để mô phỏng tương tác.