Perangkat lunak apa yang terbaik untuk desain GUI?

9

Saya telah menggunakan Photoshop secara luas, tetapi faktanya adalah itu adalah alat pengeditan foto. Ini memiliki beberapa efek rumit yang tertanam di dalamnya, seperti drop shadow dan pancaran dalam dan luar dll., Tetapi itu tidak cukup ketika merancang antarmuka grafis. Anda tidak dapat menambahkan beberapa gradien yang dapat diedit, misalnya. Dan Anda harus mengelabui alat untuk menarik efek yang Anda inginkan, ketika mereka tidak dirancang untuk itu.

Saya juga mulai menggunakan Fireworks, dan ada beberapa hal yang saya sukai, seperti bisa terus mengubah kurva pada persegi panjang bulat, tetapi color picker dalam program itu tidak dapat digunakan. Ketika Anda masuk ke pemilih warna mac, dikatakan warnanya adalah sesuatu yang berbeda dengan apa itu, karena Fireworks tidak menangani profil warna dengan benar. Ini membuat menyesuaikan warna merupakan proses yang sangat sulit. Dan perangkat lunak secara keseluruhan terasa seperti versi pra-rilis (dan mungkin seharusnya).

Jadi, saya bertanya-tanya perangkat lunak apa yang setiap orang akan rekomendasikan untuk membuat GUI? Pasti ada beberapa perangkat lunak di luar sana yang memungkinkan Anda untuk memiliki serangkaian efek yang dapat diedit yang dapat Anda ubah, ubah urutan, bergerak kapan saja, bersama dengan semua alat lain yang diperlukan untuk membuat grafik yang hebat.

Andrew
sumber
Berdasarkan semua jawaban di sini, kami perlu Anda mengklarifikasi pertanyaan. Saya yakin Anda meminta perangkat lunak untuk membuat elemen GUI yang sebenarnya ... ikon, tombol, dll. Atau Anda bertanya tentang penyadapan?
DA01

Jawaban:

7

Tidak ada perangkat lunak "terbaik" universal untuk desain GUI. Itu hanya tergantung pada preferensi perangkat lunak / alur kerja Anda.

Photoshop

Saya tidak yakin apa yang Anda maksud dengan "beberapa gradien yang dapat diedit", tetapi jika Anda tahu apa yang Anda lakukan, Photoshop menyediakan semua alat yang Anda butuhkan untuk merancang GUI yang dapat Anda bayangkan. Tidak perlu "menipu" alat yang diperlukan.

Terlepas dari namanya, Photoshop telah berkembang jauh menjadi alat pengeditan / manipulasi foto sederhana, dan tidak ada alasan mengapa Anda tidak dapat melakukan desain GUI di dalamnya. Photoshop mungkin menyediakan seperangkat alat pengeditan gambar raster yang paling komprehensif dari semua program grafis di pasaran, dan itu digunakan untuk semuanya, mulai dari lukisan digital hingga pewarnaan buku komik hingga ilustrasi ke desain web dan UI hingga produksi video dan membuat seni permainan 3D hingga bahkan foto forensik.

Fitur-fitur seperti masker penyesuaian, gaya layer, jalur vektor, objek pintar, layer comps, dll. Menjadikannya pilihan alami untuk desain UI bagi mereka yang sudah akrab dengan antarmuka dan set fitur mendalam. Kelebihan lainnya adalah terintegrasi dengan alat-alat seperti Illustrator, Flash Catalyst, dan banyak aplikasi / plugin pihak ketiga.

Kembang api

Banyak orang lebih suka Fireworks untuk desain web karena itulah yang dirancang khusus untuknya, dan untuk alasan ini juga merupakan alat yang baik untuk desain GUI. Menjadi halaman berorientasi objek dan mendukung, simbol, dan gaya, Fireworks cocok untuk alur kerja desain UX. Banyak orang juga menemukan Fireworks memberi mereka kontrol pixel-sempurna yang lebih baik tanpa menggunakan penggaris, panduan atau alat ukur.

Selain itu, Fireworks memiliki banyak fitur bagus seperti gradient dithering, ASE swatch, dan dalam beberapa hal kontrol tipografi yang lebih baik daripada Photoshop. Lapisan web Fireworks dan integrasinya dengan Adobe Central Device juga memudahkan prototipe cepat untuk banyak perangkat.

Ilustrator

Aplikasi lain yang populer di kalangan desainer UX adalah Illustrator, yang berbagi banyak kekuatan dengan Fireworks. Seperti Fireworks, ia mendukung simbol, gaya objek canggih, beberapa artboards (mirip dengan halaman) dan fasilitas penyuntingan vektor yang lebih baik.

Photoshop, Fireworks, Illustrator, dan juga InDesign, semua memiliki kit gambar / stensil dan template UX tersedia untuk mereka di web, tetapi desain UX modular lebih mudah di Illustrator dan Fireworks karena dukungan mereka untuk perpustakaan simbol yang dapat digunakan kembali.

Illustrator juga mendukung gaya karakter dan paragraf, membuat fitur desain tipografinya jauh lebih unggul daripada Photoshop atau Fireworks. Selain itu, Illustrator sangat bagus untuk ilustrasi, sehingga ikon atau grafik web apa pun yang ingin Anda buat dapat dibuat dalam program yang sama.

InDesign

InDesign adalah aplikasi lain yang sangat populer di antara IAS, IxD, dll. Fasilitas desain grafisnya mungkin terbatas, tetapi dukungannya untuk halaman, paragraf dan gaya karakter, cuplikan, dan perpustakaan objek membuatnya ideal untuk banyak tugas desain UX. InDesign juga memiliki fasilitas penyusunan huruf yang sangat canggih dan mendukung tata letak kotak. Ini, bersama dengan integrasi InCopy dan Adobe Digital Publishing Suite menjadikannya pilihan alami bagi perusahaan media cetak yang ingin merancang aplikasi seluler untuk majalah mereka.


Tetapi pada akhirnya, setiap alat memiliki kekuatan dan kelemahannya. Aplikasi yang paling spesifik UX seperti Axure, Balsamiq, OmniGraffle, dll. Memiliki banyak fitur khusus UX yang hebat untuk tata letak / wireframe / desain interaksi. Tetapi pada akhirnya, Anda masih harus benar-benar mendesain grafik untuk UI, yang mana alat desain grafis seperti Photoshop / Fireworks / Illustrator diperlukan.

Itu sebabnya sebagian besar alur kerja desain UI mencakup lebih dari satu aplikasi. Jadi, kecuali Anda hanya peduli dengan satu bagian dari proses desain UI, mis. Wireframing atau membangun perpustakaan UX atau prototyping, maka tidak akan ada satu "perangkat lunak terbaik".

Lèse majesté
sumber
2

Pensil adalah alat desain GUI yang kecil dan mudah digunakan.

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

masukkan deskripsi gambar di sini

Huang F. Lei
sumber
Ini alat wireframing yang bagus, tapi saya pikir OP sedang mencari alat pengeditan grafis.
DA01
1

Di mana saya bekerja, kami menggunakan Indesign. Kami cenderung membuat tata letak berbasis grid yang bersih dengan gaya tipografi yang cermat, dan bagi mereka Indesign sangat bagus. Ini memiliki kontrol yang baik pada gaya karakter, paragraf dan objek, yang diterjemahkan dengan baik ke CSS dan memungkinkan untuk fine tuning elemen-elemen ini di setiap titik dalam proses, serta memungkinkan tata letak yang lebih koheren. Itu tidak begitu bagus ketika mengekspor elemen grafis, tetapi kami menemukan trade off sepadan.

calua
sumber
1

Salah satu alat prototipe GUI yang paling tidak terduga sebenarnya adalah Keynote. Saya tahu beberapa desainer UI terkemuka yang bersumpah demi hal itu, dan Keynotopia adalah sumber yang fantastis untuk menggunakan Keynote dengan cara ini. Jika saya tidak melihatnya digunakan secara efektif, saya mungkin tidak akan mempercayainya, tetapi itu bekerja dengan cukup baik. Jika Anda menggunakan Mac, cobalah!

Bob Aman
sumber
0

Saya bekerja di Pidoco .

Dengan alat prototyping kami, Anda dapat mengembangkan prototipe untuk Situs Web, Aplikasi atau Perangkat Lunak seluler. Anda dapat mensimulasikan mockup secara langsung di desktop, smartphone atau tablet dengan menggunakan Aplikasi Pidoco gratis dari AppStore dan dari Google Play .

Fitur utama adalah:

  • Kolaborasi waktu nyata
  • Ekspor ke HTML, PDF, Word, PNG, SVG
  • Banyak stensil
  • Templat
  • Stensil khusus
  • SaaS sehingga Anda dapat menggunakannya dari browser apa pun
Charles
sumber
2
Tolong jangan mempromosikan perusahaan Anda pada setiap pertanyaan tentang wireframing. Padahal terima kasih sudah terbuka bahwa Anda adalah karyawan di sana.
DA01