Muse CC: praktische Überprüfung

Unser Urteil

Es gibt klaren Raum für Verbesserungen, aber dies ist immer noch das beste Tool auf dem Markt für die codefreie Web-Erstellung.

Zum

  • Keine Codierung erforderlich
  • Einfach abzuholen
  • Creative Cloud-Integration
  • Gute Ressourcen

Gegen

  • Qualität des Codes
  • Kein Plug and Play
  • Websites reagieren nicht streng

Gestern Ich schrieb in einigen Details wie Adobe Muse löst ein Problem, das Designern wie mir seit vielen Jahren ein Dorn im Auge ist. Das Fehlen einer Möglichkeit, funktionierende Webseitenlayouts zu erstellen, ohne das Codieren zu lernen. Bevor Sie also weinen und die Natur dieses Projekts mit der Begründung ablehnen, dass 'alle Designer codieren sollten', möchte ich Sie dringend bitten, meine Argumentation zu diesem Punkt zu lesen.

Wenn Sie nicht überzeugt sind, verabschiede ich mich von Ihnen. Lassen Sie mich für den Rest von Ihnen meine Erfahrungen mit Muse teilen ...



Die Grundlagen

Muse Logo

Verwendung des Stiftwerkzeugs in Photoshop zum Ausschneiden von Bildern
Sie müssen keinen Code kennen, um Muse verwenden zu können

Zunächst eine kurze Zusammenfassung. Adobe Muse CC ist ein Tool zum Entwerfen von Websites, ohne eine Codezeile zu schreiben. Im Gegensatz zu anderen Tools lässt es Sie nicht einmal Code.

Es bündelt mit dem Kreative Wolke Sie benötigen also ein Abonnement für diesen Dienst, um ihn nutzen zu können. Infolgedessen lässt es sich in alle anderen CC-Apps und -Dienste integrieren, einschließlich Typekit- und Adobe Edge-Schriftarten.

Als Mitglied von Creative Cloud erhalten Sie 20 GB Cloud-Speicher, sodass Sie von unterwegs auf Ihre Website-Dateien zugreifen können. Sie können Designmodelle und Live-Site-Demos mit Kunden und Kollegen teilen. Sie können die Websitebesitzer sogar über einen Browser Änderungen an Inhalten auf Live-Websites vornehmen lassen (mit der Möglichkeit, die Kontrolle zu behalten und diese Änderungen zu akzeptieren oder abzulehnen).

Innerhalb der vorlagengesteuerten Software können Sie per Drag & Drop benutzerdefinierte Navigation, Diashows, Kontaktformulare, Bildlaufeffekte und mehr zu Ihren Websites hinzufügen. Alle interaktiven Widgets sind Touch-fähig, sodass Sie keine zusätzlichen Maßnahmen ergreifen müssen, um sie auf Touchscreen-Geräten abrufbar zu machen.

Das ist überhaupt die Theorie - wie funktioniert das in der Praxis?

Muse Vorlagen

Muse Ressourcen Homepage

wie man Menschen in Bewegung zeichnet
Es gibt eine Menge Ressourcen von Drittanbietern für Muse CC

Ich begann mit Muse CC auf einigen normalerweise kleinen Websites mit fünf oder sechs Seiten zu arbeiten. Ich begann mit der Entwicklung von Websites sowohl von Grund auf als auch mit Vorlagen von Drittunternehmen, die eine Reihe von Artikeln auf diesem neuen Markt verkaufen.

Ich habe mit Vorlagen von gearbeitet Muse Themen , Muse Grid , Muse Layers , und Muse Resources . Letzteres bezeichnet sich selbst als 'völlig kostenlose Designressource für Adobe Muse'.

Insgesamt sind die Ressourcen für Muse großartig und scheinen nur größer zu werden. Sie reichen von kostenlos über kostenpflichtig, über die Freigabe für andere Benutzer, Add-On-Widgets und erweiterte Funktionen bis hin zu Vorlagen, die für nahezu alle allgemeinen Arten von Websites geeignet sind, die Sie möglicherweise entwerfen.

Vertrauter Stil

Meine erste Reaktion darauf, Muse zu lernen und mich darin zurechtzufinden, war, dass es nicht ähnlich war InDesign wie das Marketing von Adobe vorgeschlagen hatte. Das ist jedoch in Ordnung, da es sich immer noch um ein bekanntes Programm im Adobe-Stil handelt, das Flash und Dreamweaver nie ganz waren.

Im Allgemeinen beginnen diejenigen, die von InDesign kommen, an einem guten Ort. Diejenigen, die ihre Web-Chops mit Flash abschneiden, müssen sich jedoch damit abfinden, dass dies keine Timeline-basierte Oberfläche mehr ist.

Bemerkenswert ist auch Muses gute Integration mit Photoshop CC Dies ist immer wichtig für den Designprozess und den Übergang vom Modell zur Produktion.

Lernkurve

Parallax Scrolling Demo

Das Parallaxen-Scrollen ist eine der Funktionen, die in der Software enthalten sind

Bei der eigentlichen Layoutarbeit erkennt man die Herausforderungen, denen sich das Designteam von Muse gegenübersieht. Obwohl es sich offensichtlich nicht um eine vollständig webkonforme Leinwand handelt und stattdessen statischere Komponenten enthält, ignoriert es nicht nur offen die Art und Weise des Webs, wie es Flash getan hat. Es ist eine Mischung aus statischen und beweglichen Elementen, über die wir als Designer ein gutes Maß an Kontrolle haben. Es gibt also einige, an die ich mich gewöhne, die ich immer noch mache und die ich interessant finde.

Erwarten Sie eine Lernkurve sowohl für das Toolset als auch für das Medium. Ich bin immer noch mit der Ästhetik der Seiten des Programms vertraut. Einige Seiten sehen größer aus als ich erwartet hatte, das Wort 'Horsier' aus Werbedesignkreisen fällt mir ein. Ich bin mir sicher, dass dies im Design- und Layoutprozess steuerbar ist, und werde meine Kontrolle über solche Dinge in Muse weiter verbessern.

Raum für Verbesserung

Zum jetzigen Zeitpunkt ist Muse auf Version 7.4. Und obwohl es ein solides Programm ist, ist es nicht ohne Schwächen und Kuriositäten. Hier sind die wichtigsten Dinge, die mir begegnet sind:

  1. Während der Arbeit mit Muse hatte ich oft das Gefühl, dass es selbst auf einer leistungsstarken Desktop-Workstation weniger als reaktionsschnell war. Eine solche Trägheit wurde von vielen Benutzern festgestellt. Einfache Seitenwechsel würden einige Sekunden länger dauern, als es eigentlich sollte. Muse wurde anscheinend mit Flash, Flex und AIR entwickelt: Könnte dies die Quelle seiner Starrheit sein? Ich weiß es nicht, aber ich musste mich oft daran erinnern, dass ich mit einer Desktop-Anwendung und nicht mit einer oft viel langsameren webbasierten (d. H. Java) App arbeitete. Ich gehe davon aus, dass Muse daran vorbeikommt, wenn das Programm weiter optimiert wird. In der Zwischenzeit sollten Sie wissen, dass langsamere Computer Probleme haben können.
  2. Es gab Zeiten, in denen eine einfache Textzeile nicht dort blieb, wo ich sie platziert hatte, und sich in der Vorschau immer weiter nördlich auf der Seite neu positionierte. Das Problem wurde behoben, indem diese Textzeile in die LAYERS-Palette aufgenommen und in einen Ordner mit anderen Seitenelementen gezogen wurde. Ich werde zulassen, dass dies mein eigener Fehler ist, wenn ich noch lerne, was sich bewegt und was bleibt. Aber es war nicht so intuitiv wie erhofft.
  3. Im PLAN-Modus konnte ein Doppelklick auf eines der Seitensymbole diese Seite im DESIGN-Modus manchmal nicht öffnen, und ich musste auf das Kontextmenü zurückgreifen (durch Klicken mit der rechten Maustaste auf das Seitensymbol oder Cmd-Klick auf einem Mac). Einmal öffneten sich einige Seiten überhaupt nicht und ich musste neu starten.
  4. Ein Punkt, den ich besonders frustrierend finde, ist die Tatsache, dass im Gegensatz zu InDesign, Photoshop und Illustrator Muse ist nicht in der Lage, Textblöcke einzeln oder in Gruppen mit anderen grafischen Elementen proportional zu skalieren. Sie müssen stattdessen die Größe des Texts separat ändern. Wenn Sie zufällig unterschiedlich formatierten Text in einem einzigen Textfeld haben, haben Sie kein Glück und müssen alles sorgfältig von Hand neu formatieren. Autsch!
  5. Die Werkzeugpaletten greifen auf eine Weise ineinander, die keine bequemen Konfigurationen zulässt. Beispielsweise konnte die sehr notwendige LAYERS-Palette weder vertikal so weit wie nötig erweitert noch von den anderen Paletten abgerissen werden, um Funktionen zu ermöglichen, die denen anderer Adobe-Produkte ähneln. Dies bedeutete, dass ich die lange Liste der Elemente weiter auf und ab scrollen musste.

Bei Muse gibt es also eindeutig Verbesserungspotenzial, obwohl die Art und Weise, wie Aktualisierungen über die Cloud vorgenommen werden, hoffentlich im Laufe der Zeit viele dieser Probleme im Hintergrund beheben wird.

Qualität des Codes

Für viele wird das Hauptproblem bei Muse jedoch sein, dass es sogenannten 'schlechten Code' erzeugt. Und ja, der maschinengenerierte Code, der von Muse erstellt wird, ist für den Menschen ein Chaos. Es ist nach allen Standards ineffizienter Code. Alles wahr, und ich stimme zu, ich wünschte, es wäre nicht der Fall.

Ich habe einiges von dem, was ich erstellt habe, erneut von Grund auf und anhand professionell erstellter Vorlagen getestet. Die Ergebnisse waren nicht ganz so gut, wie ich es mir erhofft hatte. Während meine ultra-einfachen Websites mit fast allem funktionierten, mit dem ich es versucht habe, hatten zwei der Vorlagen-Websites Probleme mit Browsern unter Android.

Wir können nicht erwarten, dass wir viel / keine Post-Muse-Arbeit mit den Dateien machen. Und wenn Sie können, wird die aufgewendete Zeit den gesamten Wert zerstören, den Sie durch die erstmalige Verwendung von Muse gespart haben.

Kurz gesagt, es ist unwahrscheinlich, dass Sie in Muse eine Website erstellen, die genauso gut funktioniert wie eine, die von einem erfahrenen Entwickler handcodiert wurde. Aber heißt das, dass Sie nicht in die Nähe kommen sollten?

Knackpunkt?

Wenn Sie selbst ein erfahrener Entwickler sind, würde ich ja sagen. Aber wenn nicht, denke ich, geht es darum, die Grenzen von Muse zu erkennen und sich darauf zu konzentrieren, was es kann und was nicht.

wie man einen Kopf zeichnet, der nach unten schaut

Programmierer haben lange von der Bedeutung von effizientem (d. H. Kleinem) Code gesprochen, um die schnellsten Downloads zu ermöglichen. Im Zeitalter von Netflix- und YouTube-Gigafiles, die auf dem Weg zur Arbeit zu Ihrem Telefon fliegen, kann es jedoch an der Zeit sein, diese zur Ruhe zu legen. Keine Muse-Datei wird groß genug, um die Bereitstellung Ihrer Website zu behindern.

Die Kompatibilität von Muse mit allen Browsern und Geräten ist eher ein Problem. Einer der Vorteile der Handcodierung ist die Möglichkeit, Korrekturen hinzuzufügen, um die Kompatibilität mit einer größeren Anzahl von Browsern zu gewährleisten. Aber wenn Sie per Handcodierung verkauft würden, würden Sie sich wahrscheinlich überhaupt nicht für Muse interessieren. Ob Muse für ein bestimmtes Projekt am besten geeignet ist, hängt von einer Kosten-Nutzen-Analyse ab, die darauf basiert, wie komplex die Website sein muss, wer Ihre Zielgruppe ist und welche Geräte / Browser sie verwenden.

Plug-and-Play-Einschränkungen

Eine Reihe von Leuten hat kommentiert, dass es bei Muse so viele Einschränkungen gibt, da wir keinen Code haben und uns daher auf die Funktionalität beschränken, die Adobe und Dritte über das Programm oder die Plugins einbauen. Dies ist wahr und es ist eine Realität der Plattform. Adobe erinnert uns auch daran, dass wir viele Dinge wie Animationsdateien in Muse importieren können, aber es gibt Einschränkungen.

Desktop im Handy

Layoutfenster

Sie erstellen separate Layouts für Desktop, Tablet und Telefon

Muse-Sites reagieren technisch nicht im eng definierten Sinne: Das Programm verfügt tatsächlich über separate Module für die Layouts 'Desktop', 'Tablet' und 'Telefon'. Funktionell kann ein Desktop-Layout erstellt werden, das auf den meisten Tablets über 8 Zoll sehr funktionell sein sollte. Daher können wir oft nur zwei Layouts entwickeln, den Desktop und das Telefon. Es bedeutet jedoch, zwei oder mehr separate Sites zu entwickeln, anstatt eine wirklich reaktionsfähige.

Ist es ein Problem, nicht zu reagieren? Ich werde ein Außenseiter der Massen sein und nicht wirklich sagen. Bei vollständiger Offenlegung bin ich jedoch kein großer Fan des Konzepts, zumindest bis es einfacher und flexibler umzusetzen ist. Es ist nicht einfach, eine wirklich reaktionsschnelle Website zu erstellen, die auch ein ansprechendes Design aufweist. Es dauert länger als das Entwerfen einer nicht reagierenden Site. Theoretisch könnte es also möglich sein, Websites in Desktop- und Telefongröße in Muse in weitaus kürzerer Zeit auszuschalten als eine reaktionsfähige Website in Dreamweaver. Kreide dies bis zum persönlichen Anruf.

Die Zukunft der Muse

In den letzten 18 Monaten hat Adobe sieben Vollversions-Updates für Muse veröffentlicht, eine riesige Anzahl in so kurzer Zeit. Trotz dieser Beeindruckung war jede Version nicht gleichbedeutend mit einem Upgrade im alten Stil. Trotzdem brachte jeder das Programm in relativ kurzer Zeit auf die nächste Stufe.

Solange Adobe dieses Tempo fortsetzt und die Probleme immer wieder behoben werden, ist es schwer zu erkennen, wie jemand etwas anderes als Lob für ein Programm haben kann, das unser Toolkit auf so produktive Weise erweitert.

Überprüfung durch: Lance Evans, Kreativdirektor von Graphlink Media .

Das Urteil 8

aus 10

Hotkey zum Ändern der Pinselgröße in Photoshop
Muse CC

Es gibt klaren Raum für Verbesserungen, aber dies ist immer noch das beste Tool auf dem Markt für die codefreie Web-Erstellung.