Die neueste, mit Spannung erwartete Version von Skizze von Bohemian Coding, wurde gerade veröffentlicht. Es ist eine Anwendung, die viel in der Vergangenheit versprochen hat, mit vielen Designern, die es von ganzem Herzen annehmen. Die beiden Vorgängerversionen waren jedoch für professionelle Arbeit zu unausgereift; Die Frage ist, hat Version 3 diese Bedenken angesprochen, und ist Sketch bereit, als die Go-to-Design-App für kreative Studios verwendet zu werden?

Das erste, was zu beachten ist, dass im Gegensatz zu einigen Prätendenten zu Adobes Krone, Böhmische Kodierung sind eine professionelle Operation, die seit sechs Jahren an den verschiedenen Iterationen von Sketch arbeitet, was sie in Web-Jahren zu alten Hasen macht. Sketch ist ein stabiles Produkt mit relativ wenigen Bugs und soweit ich seit der Veröffentlichung der Version 3 weiß, ist die neueste Version genauso gut gemacht.

Wo Sketch sich wirklich auszeichnet, ist die Erstellung von UI-Grafiken. Es ist der Markt, den Bohemian anstrebt. Wenn Fireworks in Richtung Mülleimer schlurft und Photoshop als aufgeblähter 3D-Generator verwendet wird, dann gibt es sicher eine Nische zum Ausfüllen.

Vergleiche ziehen

almost invariably compare Sketch to Photoshop but it's a comparison that doesn't really hold water: the two applications are built for completely different purposes, a more appropriate comparison can be made between Sketch and Fireworks. Sketch- Enthusiasten vergleichen Sketch fast ausnahmslos mit Photoshop, aber es ist ein Vergleich, der nicht wirklich stichhaltig ist: Die beiden Anwendungen sind für ganz andere Zwecke konzipiert, ein besserer Vergleich zwischen Sketch und Fireworks ist möglich. Und anscheinend stammen die meisten Sketch-Fans aus der Fireworks-Community.

Es wäre naiv zu behaupten, dass direkte Vergleiche zwischen Photoshop und Sketch nicht mehr gemacht werden, aber das liegt vor allem an der fortwährenden (falschen) Nutzung von Photoshop als Web-Grafik-Tool.

Vergleichen Sie Sketch mit Fireworks und Sie werden schnell einige interessante Schlussfolgerungen ziehen: Erstens ist Sketchs GUI viel einfacher als Fireworks und die Verbesserungen in Sketch 3 dienen nur dazu, diese Lücke zu erweitern. Zweitens ist Sketch ein zeitgemäßes Web-Tool, es geht nicht von Annahmen aus, die Macromedia in den 1990er Jahren gemacht hat. Drittens bietet Sketch eine ähnliche Denkweise wie Fireworks, jedoch mit einem fortwährenden Engagement für die Entwicklung, während Fireworks - zu Recht oder zu Unrecht - kaum an seinem Platz in der Creative Cloud-Aufstellung festhält.

Exportieren von Skizze

Eine der beliebtesten Funktionen in Sketch ist die @ 2x-Exportoption. Dadurch können Sie eine größere Version Ihres Bildes für Retina-Displays exportieren. Wenn Sie jedoch mit Vektoren arbeiten, können Sie in Photoshop eine beliebige Größe exportieren. Wenn Sie mit Bitmaps arbeiten, ist Sketch nicht besser. Allerdings mag ich die Einfachheit der Exportoptionen von Sketch, auch wenn ich behaupte, dass alle Vektorgrafiken als SVG gerendert werden sollen (was übrigens Sketch tun kann).

Um einen direkten Vergleich zu machen, zeichnete ich einen Vektorkreis mit einer Farbverlaufsfüllung in Sketch, Photoshop und Fireworks und exportierte ihn zweimal aus jeder Anwendung mit 244 x 244 Pixeln und 488 x 488 Pixeln. Die Ergebnisse waren unerwartet: Sketchs zwei Dateien kamen mit 53 KB und 197 KB; Photoshop's waren 44kb und 165kb; Fireworks waren 8kb und 22kb. Das ist im modernen Sprachgebrauch als Prügel bekannt. Natürlich war der Test stark verzerrt gegenüber Vektorprogrammen, und ich war nicht überrascht, dass Fireworks so gut lief, ich war etwas überrascht von Photoshop's Triumph. Hätte ich eine komplexe Bitmap gespeichert, hätte ich erwartet, dass Photoshop es noch besser gemacht hätte.

Während die primäre Export-Option von Sketch das Slicen ist, ist Photoshop jetzt das generate-Feature, ein Prozess, bei dem Layer live exportiert werden, wenn sie geändert werden. Angesichts der iterativen Herangehensweise der meisten Designprozesse fehlt Sketch leider - vielleicht in Version 4.

Sketch spart in dieser Hinsicht den direkten Zugriff auf CSS-Eigenschaften, die mit Elementen verknüpft sind, was bedeutet, dass Sie möglicherweise keine Bilder für Ihre Layouts benötigen.

Umfassende CSS-Logik

Der größte Erfolg in Sketch ist, dass Bohemian die Logik von CSS angenommen hat. Als Photoshop zum ersten Mal veröffentlicht wurde, existierte CSS einfach nicht, aber es ist schwer vorstellbar, wie Adobe sich mit solchen willkürlichen Einstellungen arrangieren konnte - wenn Leute ganze Websites veröffentlichen, die Designern helfen, einen Photoshop-Schlagschatten in einen CSS-Schlagschatten zu konvertieren Jemand in Adobe HQ sollte in der Lage sein, das Loch in seinem Produkt zu erkennen. Fireworks ist ein wenig besser, aber aufgrund des Mangels an Gepäck kann sich Bohemian eine App zusammenstellen, die besser mit der Arbeitsweise zeitgenössischer Designer harmoniert.

Sicherlich werden Typ-Liebhaber es schätzen, keine der irrelevanten Anti-Aliasing-Optionen von Photoshop auswählen zu müssen.

Es gibt etwas, das nicht nur für die Effizienz, sondern auch für die Erfahrung bei der Anwendung einer Anwendung gesagt werden muss. Obwohl es nach so vielen Jahren der Verwendung von Photoshop schwierig ist objektiv zu sein, fühlt sich Sketchs CSS-Ansatz sicherlich ordentlicher an. Die Übereinstimmung mit einer Front-End-Codierung ist einer der großen Erfolge von Sketch. Es funktioniert einfach.

Was ist los mit dir?

In Sketch 3 gibt es leider einige zweifelhafte Möglichkeiten. Warum wurde beispielsweise so viel Wert darauf gelegt, Reflektionen von Elementen zu erzeugen? Reflexionen sind eine intensiv datierte Design-Krücke und sind keinen Gedanken wert (außer Sie sind Teil des internen Teams bei Apple, in diesem Fall sind sie Teil Ihrer Markenrichtlinien). Ich stelle nicht so sehr die Einbeziehung von Reflexionen in Frage, als vielmehr die Entscheidung, ein solches Merkmal von ihnen zu machen, wenn sie sich irgendwo in einer harmlosen Gegend verstecken könnten.

Eine weitere Enttäuschung ist Sketch Mirror, ein zusätzlicher Kauf aus dem App Store, mit dem Sie Ihr Design live auf Ihrem Gerät ansehen können - vorausgesetzt, Ihr Gerät ist ein iPad oder iPhone. Fans von Android müssen sich an Adobes Edge Inspect halten, das auf mehreren Geräten den gleichen Job macht.

Diese Probleme verblassen zur Bedeutungslosigkeit, wenn man bedenkt, dass die Übernahme von Sketch durch die Industrie noch nicht weit verbreitet ist. Für einzelne Designer, insbesondere iOS-Designer, kann Sketch eine persönliche Präferenz sein, nach der Sie handeln dürfen. Aber für Designer, die in einem Team arbeiten oder Inhalte für andere Kunden bereitstellen, ist die Integration von Sketch in den bestehenden Workflow begrenzt. Derzeit sind PSDs immer noch der Industriestandard, und wenn PSDs letztendlich abgelehnt werden, wird es für das Design im Browser zum Nachteil aller Design-Apps, einschließlich Sketch, verwendet.

Ist es Zeit zu wechseln?

Sketch ist kein Muss. Es konkurriert nicht mit Photoshop für Bitmap-Bearbeitung, und ich bin überrascht, wie schlecht es gehandhabt wird, einen Vektor zu exportieren; Im Vergleich zu Fireworks ist seine Leistung ein wenig peinlich. Es verfügt nicht über so ausgefeilte Zeichensteuerelemente wie Illustrator, und es wird nicht gut mit dem Arbeitsablauf von irgendjemandem funktionieren, außer mit einem Ein-Mann-Design- und Code-Shop. Sketch ist jedoch wesentlich günstiger als alle Angebote von Adobe. Es gibt eine 14-tägige Testversion, die ich dir empfehlen würde, besonders wenn du einer von vielen bist, die immer noch den Untergang von Fireworks beklagen.

Abgesehen von allen Kritikpunkten ist Sketch ein wirklich lustiges Werkzeug. Es ist wirklich schnell zu erstellen, und die CSS-Logik bedeutet, dass das Konvertieren von Designs in reines CSS glückselig ist.

Die meisten Designer werden Sketch noch nicht als primäres Werkzeug verwenden, aber als sekundäres Prototyping-Tool ist es hervorragend, und die Idee, dass Sketch Fireworks (oder Photoshop) ersetzt, ist nicht so seltsam, wie es vor einem Jahr schien; Wenn Sketch 4 die gleiche Art von In-Road wie Sketch 3 macht, wird Adobe einen langen nervösen Blick über die Schulter werfen.