2010-12-20 8 views
5

Ich kenne Actionscript und Flex. Aber wenn es darum geht, die Schnittstelle in Flex zu entwerfen, finde ich mich selbst nicht wissen, wo ich anfangen soll. Ich mag es zu wissen, was sind die Online-Ressourcen/Bücher, um die coolen Benutzeroberflächen wie TweekDeck und Adobe Digital Edition zu erstellen.User Interface Design in Flex

Antwort

3

UI wie in denen wie TweetDeck werden von benutzerdefinierten Skins getan. Sie müssen in die Enthäutung von Flexkomponenten schauen. Wenn Sie Flex 4 verwenden, d. H. Die Funkenkomponenten, ist es leichter, sie zu häuten. Sie können Flash Catalyst auch verwenden, wenn Sie Probleme mit Flash Builder haben.

0

Flash Builder hat einen "Design-View" -Modus ... obwohl es ehrlich gesagt seit Version 4 ein wenig wählerisch und fehlerhaft war.

Ohne das könnten Sie dies versuchen, aber ich habe keine Ahnung, wie es ist: http://flexible.riaforge.org/

Grundsätzlich sind diese WYSIWYG-Editoren gui, Drag & Drop-Komponenten in einem Vorschaubildschirm. Sie sind nett, wenn sie richtig funktionieren, aber es ist schwer zu tun.

+0

Gehen Sie ein bisschen zu aktualisieren - FB4-Design-Modus, nicht so wählerisch, wenn Sie sich an die (neuen) Macken gewöhnt haben. Und trotzdem, es ist viel besser als alles, was ich bei der Konkurrenz gesehen habe (und ich habe nachgesehen). Ich denke, das Gras ist immer grüner über den Hügel, aber Flex ist eine gute Seite des Hügels zu sein. – Manius

3

Sie müssen Design-Fähigkeiten haben, um coole Schnittstellen zu machen. @ jase21 ist richtig, dass die Spark-Komponenten einfacher zu verwenden sind (sobald du verstehst, wie es geht, was bedeuten kann, dass du viele Flex 3-Gewohnheiten, die du vielleicht erworben hast, verlernen kannst). Aber nur Komponenten zu häuten bedeutet nicht, dass Sie gut aussehende Schnittstellen haben. Wenn Sie diese Fähigkeiten nicht selbst besitzen, versuchen Sie sich mit einem Designer in Verbindung zu setzen, der die Kompositionen in Photoshop oder einem anderen Grafikprogramm erstellen kann. Anschließend können Sie sie in Flex implementieren.

+0

Vielen Dank Robusto und jase21. Es klappt. – zawhtut

1

Schauen Sie in Flex Catalyst. Es ist immer noch grün - nicht annähernd so leistungsfähig wie Expression Blend auf der Silverlight-Seite - aber es ist ein ziemlich guter Anfang. Catalyst ist das Werkzeug, mit dem Designer ihre Illustrator-/Photoshop-Grafiken auf die Skins in Ihrer App anwenden können.

Leider ist viel nicht über Catalyst skinbar. Zu dieser Zeit ist es auch eine Einbahnstraße (die Zwei-Wege-Beta ist bei weitem keine nützliche IMO), was den Dev/Designer-Workflow im besten Fall umständlich macht. Davon abgesehen habe ich eine erstaunliche App, die auf der Arbeit meines Designers in Catalyst basiert. Es braucht etwas Arbeit, um es in Ihre App zu bekommen, aber es kann getan werden, und die Ergebnisse können fantastisch sein.

+0

Es ist eine blöde Schande Adobe ist mit Blend vs Catalyst hinter Microsoft zurückgefallen, wie Sie richtig angemerkt haben, aber es ist, was es ist, denke ich. Ich wünschte, Adobe würde mehr auf Entwicklerwerkzeuge, Projektschablonen und andere Ideen achten, die Microsoft zu bieten hat. – Manius

+0

Dank Brian, nahm Ihren Rat und verwenden Katalysator, um die Haut für den Knopf zu erstellen. Es erzeugte Code für visuelle Effekte. Es war mehr als ich verlangen kann. Vielen Dank. – zawhtut

Verwandte Themen