Phần mềm nào là tốt nhất cho thiết kế GUI?


9

Tôi đã sử dụng Photoshop rộng rãi, nhưng thực tế vấn đề là nó là một công cụ chỉnh sửa ảnh. Nó có một số hiệu ứng phức tạp được tích hợp sẵn, chẳng hạn như bóng đổ và phát sáng bên trong và bên ngoài, v.v., nhưng nó không đủ khi thiết kế giao diện đồ họa. Bạn không thể thêm nhiều gradient có thể chỉnh sửa, ví dụ. Và bạn phải lừa các công cụ để tạo ra hiệu ứng bạn muốn, khi chúng không được thiết kế cho điều đó.

Tôi cũng đã bắt đầu sử dụng Pháo hoa, và có một vài điều tôi thích, chẳng hạn như có thể tiếp tục thay đổi các đường cong trên một hình chữ nhật tròn, nhưng công cụ chọn màu trong chương trình đó không thể sử dụng được. Khi bạn đi vào công cụ chọn màu mac, nó cho biết màu sắc có gì đó khác với màu sắc của nó, do Pháo hoa không xử lý các cấu hình màu chính xác. Điều này làm cho việc điều chỉnh màu sắc là một quá trình rất khó khăn. Và toàn bộ phần mềm cảm thấy giống như một phiên bản tiền phát hành (và có lẽ nó nên như vậy).

Vì vậy, tôi tự hỏi mọi người sẽ khuyên dùng phần mềm nào để tạo GUI? Phải có một số phần mềm cho phép bạn có một loạt các hiệu ứng có thể chỉnh sửa mà bạn có thể thay đổi, thay đổi thứ tự, di chuyển bất cứ lúc nào, cùng với tất cả các công cụ khác cần thiết để tạo đồ họa tuyệt vời.


Dựa trên tất cả các câu trả lời ở đây, chúng tôi cần bạn làm rõ câu hỏi. Tôi tin rằng bạn đang yêu cầu phần mềm tạo các thành phần GUI thực tế ... biểu tượng, nút, v.v. Hoặc bạn đang hỏi về cấu trúc dây?
DA01

Câu trả lời:


7

Không có phần mềm "tốt nhất" cho thiết kế GUI. Nó chỉ phụ thuộc vào sở thích phần mềm / quy trình làm việc của bạn.

Photoshop

Tôi không chắc ý của bạn là "nhiều độ dốc có thể chỉnh sửa", nhưng nếu bạn biết bạn đang làm gì, Photoshop cung cấp tất cả các công cụ bạn cần để thiết kế bất kỳ GUI nào bạn có thể tưởng tượng. Không "đánh lừa" các công cụ cần thiết.

Mặc dù tên của nó, Photoshop đã phát triển vượt xa trở thành một công cụ chỉnh sửa / chỉnh sửa ảnh đơn giản và không có lý do gì bạn không thể thiết kế GUI trong đó. Photoshop có thể cung cấp bộ công cụ chỉnh sửa ảnh raster toàn diện nhất của bất kỳ chương trình đồ họa nào trên thị trường và nó được sử dụng cho mọi thứ, từ vẽ kỹ thuật số đến tô màu truyện tranh để minh họa cho thiết kế web và giao diện người dùng để sản xuất video và tạo nghệ thuật trò chơi 3D cho đến cả ảnh pháp y.

Các tính năng như mặt nạ điều chỉnh, kiểu lớp, đường dẫn vectơ, đối tượng thông minh, lớp comps, v.v ... làm cho nó trở thành một lựa chọn tự nhiên cho thiết kế UI cho những người đã quen thuộc với giao diện và bộ tính năng sâu. Một điểm cộng nữa là nó được tích hợp tốt với các công cụ như Illustrator, Flash Catalyst và nhiều ứng dụng / plugin của bên thứ 3.

bắn pháo hoa

Nhiều người thích Pháo hoa cho thiết kế web vì đó là những gì nó được thiết kế riêng và vì lý do này, đây cũng là một công cụ tốt để thiết kế GUI. Là các trang, biểu tượng và phong cách hướng đối tượng và hỗ trợ, Pháo hoa cho vay rất phù hợp với quy trình thiết kế UX. Nhiều người cũng tìm thấy Pháo hoa mang lại cho họ khả năng kiểm soát pixel hoàn hảo hơn mà không cần dùng đến thước kẻ, hướng dẫn hoặc công cụ đo lường.

Ngoài ra, Fireworks có rất nhiều tính năng hay như phối màu gradient, swatches ASE và trong một số cách kiểm soát kiểu chữ tốt hơn so với Photoshop. Lớp web của pháo hoa và sự tích hợp của nó với Trung tâm thiết bị của Adobe cũng giúp dễ dàng tạo nguyên mẫu nhanh chóng cho nhiều thiết bị.

Họa sĩ minh họa

Một ứng dụng phổ biến khác trong số các nhà thiết kế UX là Illustrator, chia sẻ rất nhiều điểm mạnh với Fireworks. Giống như Pháo hoa, nó hỗ trợ các biểu tượng, kiểu đối tượng nâng cao, nhiều bản vẽ nghệ thuật (tương tự trang) và thậm chí các phương tiện chỉnh sửa vector tốt hơn.

Photoshop, Fireworks, Illustrator, cũng như InDesign, tất cả đều có bộ khung dây / khuôn tô và các mẫu UX có sẵn cho chúng trên web, nhưng thiết kế UX mô-đun dễ dàng hơn trong Illustrator và Fireworks vì chúng hỗ trợ cho các thư viện biểu tượng có thể tái sử dụng.

Illustrator cũng hỗ trợ các kiểu ký tự và đoạn văn, làm cho các tính năng thiết kế kiểu chữ của nó vượt trội hơn nhiều so với Photoshop hoặc Fireworks. Ngoài ra, Illustrator rất tốt để minh họa, vì vậy mọi biểu tượng hoặc đồ họa web bạn có thể muốn tạo đều có thể được tạo trong cùng một chương trình.

Thiết kế

InDesign là một ứng dụng rất phổ biến khác trong số các IAs, IxD, v.v. InDesign cũng có các phương tiện sắp chữ rất tiên tiến và hỗ trợ bố trí lưới. Điều này, cùng với tích hợp InCopy và Adobe Digital Publishing Suite làm cho nó trở thành một lựa chọn tự nhiên cho các công ty truyền thông in ấn muốn thiết kế ứng dụng di động cho tạp chí của họ.


Nhưng vào cuối ngày, mọi công cụ đều có điểm mạnh và điểm yếu. Các ứng dụng dành riêng cho UX nhất như Axure, Balsamiq, OmniGraffle, v.v ... có rất nhiều tính năng dành riêng cho UX dành cho thiết kế bố trí / khung dây / tương tác. Nhưng vào cuối ngày, bạn vẫn cần thực sự thiết kế đồ họa cho UI, công cụ thiết kế đồ họa như Photoshop / Fireworks / Illustrator là cần thiết.

Đó là lý do tại sao hầu hết các quy trình thiết kế UI bao gồm nhiều hơn một ứng dụng. Vì vậy, trừ khi bạn chỉ quan tâm đến một phần của quy trình thiết kế giao diện người dùng, ví dụ như tạo khung hoặc xây dựng thư viện UX hoặc tạo mẫu, thì sẽ không có một "phần mềm tốt nhất" nào.


2

Bút chì là một công cụ thiết kế GUI nhỏ và dễ sử dụng.

Top features:
Built-in stencils for diagraming and prototyping
Multi-page document with background page
Inter-page linkings!
On-screen text editing with rich-text supports
Exporting to HTML, PNG, Openoffice.org document, Word document and PDF.
Undo/redo supports
Installing user-defined stencils and templates
Standard drawing operations: aligning, z-ordering, scaling, rotating...
Cross-platforms
Adding external objects
Personal Collection
Clipart Browser
Object snapping
Sketchy Stencil
And much more...

nhập mô tả hình ảnh ở đây


Đây là một công cụ tạo khung đẹp, nhưng tôi nghĩ OP đang tìm kiếm một công cụ chỉnh sửa đồ họa.
DA01

1

Nơi tôi làm việc, chúng tôi sử dụng Indesign. Chúng tôi có xu hướng tạo ra các bố cục dựa trên lưới sạch với các kiểu chữ cẩn thận và đối với những Indesign đó là tuyệt vời. Nó có khả năng kiểm soát tốt các kiểu ký tự, đoạn văn và đối tượng, dịch tốt sang CSS và cho phép tinh chỉnh các yếu tố này tại bất kỳ điểm nào trong quy trình, cũng như cho phép bố cục mạch lạc hơn. Nó không tuyệt vời khi xuất khẩu các yếu tố đồ họa, nhưng chúng tôi thấy sự đánh đổi xứng đáng.


1

Một trong những công cụ tạo mẫu GUI bất ngờ nhất thực sự là Keynote. Tôi biết khá nhiều nhà thiết kế UI hàng đầu đã thề với nó và Keynotopia là một tài nguyên tuyệt vời để sử dụng Keynote theo cách này. Nếu tôi không thấy nó được sử dụng hiệu quả như vậy, có lẽ tôi đã không tin nó, nhưng nó hoạt động khá tốt. Nếu bạn đang dùng Mac, hãy dùng thử!


0

Tôi đang làm việc tại Pidoco .

Với các công cụ tạo mẫu của chúng tôi, bạn có thể phát triển các nguyên mẫu cho Trang web, Ứng dụng di động hoặc Phần mềm. Bạn có thể mô phỏng mockup trực tiếp trên máy tính để bàn, điện thoại thông minh hoặc máy tính bảng bằng cách sử dụng Ứng dụng Pidoco miễn phí từ AppStore và từ Google Play .

Các tính năng chính ares:

  • Hợp tác thời gian thực
  • Xuất sang HTML, PDF, Word, PNG, SVG
  • Rất nhiều giấy nến
  • Mẫu
  • Tùy chỉnh giấy nến
  • SaaS để bạn có thể sử dụng nó từ bất kỳ trình duyệt nào

2
Vui lòng không quảng bá công ty của bạn trên mọi câu hỏi về cấu trúc khung. Mặc dù cảm ơn bạn đã cởi mở rằng bạn là một nhân viên ở đó.
DA01
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.