GUI tasarımı için en iyi yazılım hangisidir?


9

Photoshop'u yaygın olarak kullandım, ancak asıl mesele bunun bir fotoğraf düzenleme aracı olması. Alt gölge ve iç ve dış ışımalar gibi yerleşik bazı karmaşık etkileri vardır, ancak grafik bir arayüz tasarlarken sadece yeterli değildir. Örneğin, birden fazla düzenlenebilir degradeler ekleyemezsiniz. Ve araçları, bunun için tasarlanmadığı zaman, istediğiniz efekti çekmek için kandırmalısınız.

Ayrıca Fireworks uygulamasını kullanmaya başladım ve yuvarlak bir dikdörtgen üzerindeki eğrileri değiştirmeye devam edebilmek gibi sevdiğim birkaç şey var, ancak bu programdaki renk seçici kullanılabilir değil. Mac renk seçiciye girdiğinizde, Fireworks renk profillerini doğru işlememesi nedeniyle rengin olduğundan farklı bir şey olduğunu söylüyor. Bu, renklerin ayarlanmasını çok zor bir işlem haline getirir. Ve yazılım bir bütün olarak yayın öncesi bir sürüm gibi geliyor (ve belki de olmalı).

Herkesin bir GUI oluşturmak için hangi yazılımı önereceğini merak ediyorum. Harika grafikler oluşturmak için gereken diğer tüm araçlarla birlikte, değiştirebileceğiniz, sırasını değiştirebileceğiniz, istediğiniz zaman hareket edebileceğiniz bir dizi düzenlenebilir efekte sahip olmanızı sağlayan bazı yazılımlar olmalıdır.


Buradaki tüm cevaplara dayanarak soruyu netleştirmeniz gerekiyor. Ben gerçek GUI öğeleri oluşturmak için yazılım istiyoruz ... simgeler, düğmeler, vb Ya da tel çerçeve hakkında soruyor musunuz?
DA01

Yanıtlar:


7

GUI tasarımı için evrensel bir "en iyi" yazılım yoktur. Sadece yazılım / iş akışı tercihlerinize bağlıdır.

Photoshop

"Birden çok düzenlenebilir degradeler" ile ne demek istediğinizden emin değilim, ancak ne yaptığınızı biliyorsanız, Photoshop hayal edebileceğiniz herhangi bir GUI tasarlamanız için gereken tüm araçları sağlar. Aletlerin "kandırılması" gerekmez.

Adına rağmen, Photoshop basit bir fotoğraf düzenleme / manipülasyon aracı olmanın ötesine geçmiştir ve içinde GUI tasarımı yapamamanızın bir nedeni yoktur. Photoshop muhtemelen piyasadaki herhangi bir grafik programının en kapsamlı raster görüntü düzenleme araçlarını sunar ve dijital resimden çizgi roman renklendirmeden resme, web ve UI tasarımından video prodüksiyonuna ve 3D oyun sanatının yaratılmasına ve hatta fotoğrafa kadar her şey için kullanılır. adli.

Ayar maskeleri, katman stilleri, vektör yolları, akıllı nesneler, katman kompozisyonları, vb. Başka bir artı, Illustrator, Flash Catalyst ve birçok 3. taraf uygulama / eklentisi gibi araçlarla iyi entegre olmasıdır.

Havai fişek

Birçok kişi, Fireworks uygulamasını web tasarımı için tercih ettiği için özel olarak tasarlanmıştır ve bu nedenle GUI tasarımı için de iyi bir araçtır. Nesne yönelimli ve destekleyici sayfalar, semboller ve stiller olan Fireworks, bir UX tasarım iş akışına çok iyi katkıda bulunur. Birçok insan Fireworks uygulamasının cetvellere, kılavuzlara veya ölçüm araçlarına başvurmadan daha iyi piksel mükemmel kontrol sağladığını buluyor.

Ek olarak, Fireworks, gradyan renk taklidi, ASE renk örnekleri ve bazı yönlerden Photoshop'tan daha iyi tipografi kontrolü gibi birçok güzel özelliğe sahiptir. Fireworks web katmanı ve Adobe'nin Device Central ile entegrasyonu, birden fazla cihaz için hızlı prototip oluşturmayı da kolaylaştırır.

ressam

UX tasarımcıları arasında bir başka popüler uygulama, Fireworks ile çok fazla güç paylaşan Illustrator. Fireworks gibi, sembolleri, gelişmiş nesne stillerini, birden çok çalışma yüzeyini (sayfalara benzer) ve daha iyi vektör düzenleme olanaklarını destekler.

Photoshop, Fireworks, Illustrator ve InDesign'ın hepsinde web'de kendileri için kullanılabilir tel kafes / şablon kitleri ve UX şablonları bulunur, ancak yeniden kullanılabilir sembol kitaplıklarını destekledikleri için Illustrator ve Fireworks'te modüler UX tasarımı daha kolaydır.

Illustrator ayrıca karakter ve paragraf stillerini de destekler ve tipografi tasarım özelliklerini Photoshop veya Fireworks uygulamasından çok daha üstün kılar. Ek olarak, Illustrator örnekleme için mükemmeldir, bu nedenle oluşturmak isteyebileceğiniz simgeler veya web grafikleri aynı programda yapılabilir.

InDesign

InDesign, IAs, IxD'ler, vb. Arasında çok popüler bir başka uygulamadır. Grafik tasarım olanakları sınırlı olabilir, ancak sayfalar, paragraf ve karakter stilleri, snippet'ler ve nesne kitaplıkları için desteği, birçok UX tasarım görevi için idealdir. InDesign ayrıca çok gelişmiş dizgi olanaklarına sahiptir ve ızgara düzenlerini destekler. Bu, InCopy entegrasyonu ve Adobe Digital Publishing Suite ile birlikte, dergileri için mobil uygulamalar tasarlamak isteyen basılı medya şirketleri için doğal bir seçimdir.


Ancak günün sonunda, her aracın güçlü ve zayıf yanları vardır. Axure, Balsamiq, OmniGraffle vb.Gibi en UX'e özgü uygulamalar, düzen / tel kafes / etkileşim tasarımı için UX'e özgü birçok harika özelliğe sahiptir. Ancak günün sonunda, hala Photoshop / Fireworks / Illustrator gibi grafik tasarım araçlarının gerekli olduğu UI için grafikleri tasarlamanız gerekir.

Bu yüzden çoğu UI tasarım iş akışında birden fazla uygulama bulunur. Dolayısıyla, UI tasarım sürecinin yalnızca tek bir bölümü ile ilgilenmiyorsanız (ör. Tel çerçeve oluşturma veya UX kütüphanesini oluşturma veya prototip oluşturma), tek bir "en iyi yazılım" olmayacaktır.


2

Kurşun Kalem küçük ve kullanımı kolay bir GUI tasarım aracıdır.

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...

resim açıklamasını buraya girin


Güzel bir tel çerçeve aracı, ancak OP'nin bir grafik düzenleme aracı aradığını düşünüyorum.
DA01

1

Çalıştığım yerde Indesign kullanıyoruz. Dikkatli tipografik stillerle temiz ızgara tabanlı mizanpajlar oluşturma eğilimindeyiz ve bunun için Indesign harika. Karakter, paragraf ve nesne stilleri üzerinde ince kontrole sahiptir, bu da CSS'ye iyi dönüşür ve bu öğelerin sürecin herhangi bir noktasında ince ayarını yapmanın yanı sıra daha tutarlı bir düzene izin verir. Grafik öğeleri dışa aktarırken çok iyi değil, ama ticareti buna değer buluyoruz.


1

En beklenmedik GUI prototipleme araçlarından biri aslında Keynote. Yemin eden birkaç üst düzey kullanıcı tasarımcısı biliyorum ve Keynotopia , Keynote'u bu şekilde kullanmak için harika bir kaynak. Bu kadar etkili kullanıldığını görmeseydim, muhtemelen inanmazdım, ama oldukça iyi çalışıyor. Mac kullanıyorsanız, deneyin!


0

Pidoco'da çalışıyorum .

Prototipleme araçlarımızla Web Sitesi, mobil Uygulama veya Yazılım için prototipler geliştirebilirsiniz. AppStore ve Google Play'den ücretsiz Pidoco Uygulamasını kullanarak mockup'u doğrudan masaüstünde, akıllı telefonda veya tablette simüle edebilirsiniz .

Anahtar özellikler ares:

  • Gerçek zamanlı işbirliği
  • HTML, PDF, Word, PNG, SVG'ye dışa aktarma
  • Bir çok şablon
  • Şablonlar
  • Özel şablonlar
  • SaaS böylece herhangi bir tarayıcıdan kullanabilirsiniz

2
Lütfen tel kafesleme ile ilgili her soruda şirketinizi tanıtmayın. Orada olduğunuz için açık olduğunuz için teşekkür ederim.
DA01
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.