Jakie oprogramowanie jest najlepsze do projektowania GUI?


9

Używałem szeroko programu Photoshop, ale faktem jest, że jest to narzędzie do edycji zdjęć. Ma wbudowane skomplikowane efekty, takie jak cień i wewnętrzne i zewnętrzne poświaty itp., Ale to po prostu za mało podczas projektowania interfejsu graficznego. Nie można na przykład dodawać wielu edytowalnych gradientów. I musisz oszukać narzędzia, aby uzyskać pożądany efekt, jeśli nie zostały zaprojektowane do tego.

Zacząłem również używać Fireworks i jest kilka rzeczy, które lubię, na przykład możliwość ciągłego zmieniania krzywych na zaokrąglonym prostokącie, ale próbnik kolorów w tym programie po prostu nie nadaje się do użycia. Gdy przejdziesz do próbnika kolorów mac, powiesz, że kolor jest inny niż jest, ponieważ Fireworks nie obsługuje poprawnie profili kolorów. To sprawia, że ​​dostosowanie kolorów jest bardzo trudnym procesem. A oprogramowanie jako całość wydaje się być wersją przedpremierową (a może powinno być).

Zastanawiam się więc, jakie oprogramowanie każdy poleciłby do tworzenia GUI? Musi być jakieś oprogramowanie, które pozwala mieć szereg edytowalnych efektów, które możesz zmieniać, zmieniać kolejność, poruszać się w dowolnym momencie, wraz ze wszystkimi innymi narzędziami wymaganymi do tworzenia świetnej grafiki.


W oparciu o wszystkie odpowiedzi tutaj musimy wyjaśnić pytanie. Wierzę, że pytasz o oprogramowanie do tworzenia rzeczywistych elementów GUI ... ikon, przycisków itp. A może pytasz o szkieletowanie?
DA01

Odpowiedzi:


7

Nie ma uniwersalnego „najlepszego” oprogramowania do projektowania GUI. To zależy tylko od preferencji oprogramowania / przepływu pracy.

Photoshop

Nie jestem pewien, co rozumiesz przez „wiele edytowalnych gradientów”, ale jeśli wiesz, co robisz, Photoshop zapewnia wszystkie narzędzia potrzebne do zaprojektowania dowolnego graficznego interfejsu użytkownika. Nie potrzeba „oszukiwania” narzędzi.

Pomimo swojej nazwy, Photoshop ewoluował daleko poza proste narzędzie do edycji / manipulacji zdjęciami i nie ma powodu, dla którego nie można w nim projektować GUI. Photoshop prawdopodobnie zapewnia najbardziej wszechstronny zestaw narzędzi do edycji obrazu rastrowego dowolnego programu graficznego na rynku i jest używany do wszystkiego, od malarstwa cyfrowego, kolorowania komiksów, ilustracji, projektowania stron internetowych i interfejsu użytkownika, po produkcję wideo i tworzenie grafiki 3D do nawet zdjęć Kryminalni.

Funkcje takie jak maski dopasowania, style warstw, ścieżki wektorowe, obiekty inteligentne, kompozycje warstw itp. Sprawiają, że jest to naturalny wybór do projektowania interfejsu użytkownika dla tych, którzy znają już interfejs i głęboki zestaw funkcji. Kolejnym plusem jest to, że jest dobrze zintegrowany z narzędziami takimi jak Illustrator, Flash Catalyst i wieloma aplikacjami / wtyczkami innych firm.

Fajerwerki

Wiele osób woli Fireworks do projektowania stron internetowych, ponieważ właśnie do tego został zaprojektowany, dlatego też jest to dobre narzędzie do projektowania GUI. Będąc obiektowym i obsługującym strony, symbole i style, Fireworks bardzo dobrze nadaje się do przepływu pracy projektowania UX. Wiele osób uważa również, że Fireworks daje im lepszą kontrolę nad pikselami bez uciekania się do linijek, prowadnic lub narzędzi pomiarowych.

Ponadto Fireworks ma wiele fajnych funkcji, takich jak dithering gradientowy, próbki ASE, i pod pewnymi względami lepsza kontrola typografii niż Photoshop. Warstwa internetowa Fireworks i jej integracja z Device Central firmy Adobe ułatwia także szybkie tworzenie prototypów dla wielu urządzeń.

Ilustrator

Inną popularną aplikacją wśród projektantów UX jest Illustrator, który łączy wiele zalet z Fireworks. Podobnie jak Fireworks, obsługuje symbole, zaawansowane style obiektów, wiele obszarów roboczych (podobnych do stron), a nawet lepsze funkcje edycji wektorowej.

Photoshop, Fireworks, Illustrator, a także InDesign, wszystkie mają zestawy szkieletowe / szablony i szablony UX dostępne w Internecie, ale modułowa konstrukcja UX jest łatwiejsza w Illustrator i Fireworks ze względu na ich obsługę bibliotek symboli wielokrotnego użytku.

Program Illustrator obsługuje również style znaków i akapitów, dzięki czemu jego projekty typograficzne są znacznie lepsze niż w Photoshopie i Fireworks. Ponadto program Illustrator doskonale nadaje się do ilustracji, więc wszelkie ikony i grafiki internetowe, które możesz chcieć stworzyć, mogą być utworzone w tym samym programie.

InDesign

InDesign to kolejna bardzo popularna aplikacja wśród IA, IxD itp. Jego możliwości projektowania graficznego mogą być ograniczone, ale obsługa stron, stylów akapitów i znaków, fragmentów i bibliotek obiektów czyni go idealnym do wielu zadań projektowania UX. InDesign posiada również bardzo zaawansowane funkcje składu i obsługuje układy siatki. To, wraz z integracją InCopy i pakietem Adobe Digital Publishing Suite, sprawia, że ​​jest to naturalny wybór dla firm drukarskich, które chcą projektować aplikacje mobilne dla swoich czasopism.


Ale pod koniec dnia każde narzędzie ma swoje mocne i słabe strony. Najbardziej specyficzne dla UX aplikacje, takie jak Axure, Balsamiq, OmniGraffle itp., Mają wiele świetnych specyficznych dla UX funkcji do projektowania układu / szkieletu / interakcji. Ale pod koniec dnia nadal trzeba zaprojektować grafikę dla interfejsu użytkownika, do czego potrzebne są narzędzia do projektowania graficznego, takie jak Photoshop / Fireworks / Illustrator.

Dlatego większość przepływów pracy projektowania interfejsu użytkownika zawiera więcej niż jedną aplikację. Jeśli więc nie zajmujesz się tylko jedną częścią procesu projektowania interfejsu użytkownika, np. Szkieletowaniem lub budowaniem biblioteki UX lub prototypowaniem, nie będzie jednego „najlepszego oprogramowania”.


2

Ołówek to małe i łatwe w użyciu narzędzie do projektowania GUI.

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

wprowadź opis zdjęcia tutaj


To miłe narzędzie do tworzenia ramek, ale myślę, że OP szukał narzędzia do edycji grafiki.
DA01

1

Tam, gdzie pracuję, korzystamy z Indesign. Mamy tendencję do tworzenia czystych układów opartych na siatce ze starannymi stylami typograficznymi, a dla tych Indesign jest świetny. Ma dokładną kontrolę nad stylami znaków, akapitów i obiektów, co dobrze przekłada się na CSS i pozwala na precyzyjne dostrojenie tych elementów w dowolnym momencie procesu, a także pozwala na bardziej spójny układ. Eksportowanie elementów graficznych nie jest takie wspaniałe, ale uważamy, że warto.


1

Jednym z najbardziej nieoczekiwanych narzędzi do prototypowania GUI jest Keynote. Znam kilku najlepszych projektantów interfejsu użytkownika, którzy przysięgają, a Keynotopia jest fantastycznym źródłem do używania Keynote w ten sposób. Gdybym nie widział, żeby był tak skutecznie wykorzystywany, prawdopodobnie nie uwierzyłbym, ale działa całkiem dobrze. Jeśli korzystasz z komputera Mac, wypróbuj to!


0

Pracuję w Pidoco .

Dzięki naszym narzędziom do prototypowania możesz opracowywać prototypy witryny, aplikacji mobilnej lub oprogramowania. Możesz symulować makietę bezpośrednio na komputerze, smartfonie lub tablecie, korzystając z bezpłatnej aplikacji Pidoco z AppStore i Google Play .

Najważniejsze cechy to:

  • Współpraca w czasie rzeczywistym
  • Eksport do HTML, PDF, Word, PNG, SVG
  • Wiele szablonów
  • Szablony
  • Niestandardowe szablony
  • SaaS, dzięki czemu można go używać z dowolnej przeglądarki

2
Nie promuj swojej firmy przy każdym pytaniu dotyczącym szkieletowania. Chociaż dziękuję za otwartość, że jesteś tam pracownikiem.
DA01,
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.