Lange bevor die Web-UI-Mockups auf den Markt kamen, verfeinerten Druckdesigner ihre Ideen mit einer bewährten Methode, der als Miniaturansicht bezeichnet wurde. Diese Praxis scheint eine verlorene Kunst zu sein, also werden wir etwas Licht auf sie werfen!
Heute werden wir kurz erläutern, was Miniaturansichten sind, einige Tipps für deren Erstellung und wie Sie diese effektiv in Ihren bereits arbeitenden Workflow implementieren können.
Vor dem Wireframing Miniaturbild
Heutzutage ist Wireframing eine sehr beliebte Praxis. Obwohl einige es als unnötig meiden, sehen viele Designer und UI / UX-Profis ein sehr einfaches, minimales Rendering als ersten Schritt, der es Ihnen ermöglicht, sich auf grundlegende Layout-Prinzipien zu konzentrieren, unabhängig von überflüssigem Styling.
Es ist definitiv etwas zu sagen, wenn Sie kritisch prüfen, wie Ihre Seite auf einer grundlegenden Ebene strukturiert wird. Tatsächlich frage ich mich oft, warum ich keine weitere Diskussion über den älteren Bruder des vollwertigen Drahtgitters sehe: die Miniaturskizze.
Die Miniaturskizze ist ein großartiger erster Schritt, der dieselben Ideen wie ein Drahtgitter verwendet, allerdings nur auf einer noch grundlegenderen Ebene. Für diejenigen, die das Konzept noch nicht kennen, werfen wir einen Blick auf die Miniaturansichten.
Was sind Miniaturskizzen?
Der Name hört sich zunächst komisch an, aber wenn Sie darüber nachdenken, wissen Sie bereits, was ein Miniaturbild in einem anderen Kontext ist. Wenn ich zum Beispiel die Phrase "Thumbnail-Galerie" verwende? Sie wissen wahrscheinlich sofort, dass ich ein Raster von kleinen Bildern meine, die normalerweise als Links zu größeren Entsprechungen dienen.
Mit diesem Wissen können Sie wahrscheinlich vermuten, dass Miniaturansichten Gruppen von kleinen Zeichnungen sind. Miniaturansichten dienen dazu, in kurzer Zeit viele Ideen auf Papier zu bekommen. Es ist im Grunde ein Weg, um visuell ein Brainstorming durchzuführen, bei dem Sie nicht besessen und gezwungen werden, sondern stattdessen eine Vielzahl von Möglichkeiten ausnutzen. Sie ähneln Wireframes in ihrer Form und sind nur kleiner und schneller. Es ist oft so, dass Designer mehrere Thumbnails erstellen und dann einige der besten auswählen, um daraus Wireframes zu machen.
Wie es funktioniert
Um den Vorgang zu starten, schnappen Sie sich einen Bleistift und zeichnen Sie mehrere kleine leere Kästchen, um als Browser-Chrom, Seitenbegrenzungen oder für das Medium zu dienen, in dem Sie gerade arbeiten gestartet.
Von hier lassen Sie einfach die Ideen fließen. Dies ist keine Übung, um Ihre Zeichnungsfähigkeiten zu verbessern, stattdessen sollten Sie sich auf die Generierung von Ideen konzentrieren. Das Skizzieren von Miniaturbildern ist schnell und möglicherweise sogar etwas schlampig. Verwenden Sie grundlegende Formen und verbringen Sie nicht zu lange mit einem einzelnen Bild. Sobald Sie ein Gefühl dafür bekommen, wie diese grundlegende Layout-Idee aussehen könnte, bewegen Sie sich fort.
Warum ist das eine gute Sache?
Welchen möglichen Nutzen könnten Sie von Seiten mit kleinen, hastig gezeichneten Skizzen ziehen? Du wärest überrascht. Als Designer bekommen wir viel zu leicht einen Tunnelblick. Wir setzen uns an unsere Computer und schaffen das Erste, was uns in den Kopf kommt, und kommen so weit, dass sie fast fertiggestellt sind.
Das Problem dabei ist, dass man, wenn man erst einmal in eine Idee investiert, an die Idee gebunden wird. Sie können nicht anders, dies ist eine automatische psychologische Reaktion. Leider ist Ihre erste Idee nicht immer das Beste, was Sie tun können, und ist in der Regel als Faustregel Ihre allgemeinste.
Sobald Sie diese Bindung an ein Design erstellt haben, ist es exponentiell schwieriger, etwas völlig Neues auszuprobieren. Ihre alten Ideen neigen dazu, sich durchzudrehen, weil Ihr Gehirn stecken bleibt. Auch wenn Sie dieses Problem nicht haben, verbringen Sie immer noch viel Zeit und kommen nur mit ein paar grundlegenden Ideen.
Der Hauptfehler bei dieser Methode ist, dass Sie keinen kritischen Gedanken bei der Generierung von Ideen haben. Durch kritischen Gedanken? Ich meine echte vergleichende Kritik und logisches Denken. Stattdessen laufen Sie mit höchstens drei Ideen und entscheiden dann zwischen diesen. Sie könnten vielleicht zehn andere Ideen haben, die besser sind als die ersten drei, aber Sie haben einfach keine Zeit, also fahren Sie niemals weiter.
Mit dem Skizzieren von Thumbnails dehnen Sie Ihr Gehirn wirklich und zwingen Sie sich zu wirklich kreativem Denken, indem Sie so viele verschiedene Variationen wie möglich erzeugen. Mit dieser Methode haben Sie den einzigartigen Vorteil, dass Sie zurückstehen und alles betrachten, was Sie tun können, und eine intelligente Entscheidung darüber treffen, welche Ideen es wert sind, weiter verfolgt zu werden.
Sparen Sie Zeit auf lange Sicht
Einige von Ihnen denken wahrscheinlich, dass Sie bereits am ersten Tag eines Design-Jobs über genügend erste Schritte verfügen und nichts mehr hinzufügen müssen! Dies ist ein gültiger Punkt, aber wenn er richtig ausgeführt wird, kann die Skizze der Skizzen die Zeitleiste verbessern, anstatt sie zu ruinieren.
Zuallererst müssen Sie keinen ganzen Tag töten. Widmen Sie einfach einen kleinen Teil der Zeit für die Generierung der Grundidee: zehn Minuten, zwanzig, dreißig, es liegt an Ihnen. Außerdem führt die Ausführung dieser Übung zu einem starken Schwung bei der Blockierung / dem Zögern des Designers, bevor es überhaupt geschieht. Sie werden feststellen, dass Sie ein Design viel schneller ausschalten können, wenn Sie bereits Ihr Gehirn durch den Wringer gesteckt haben und sich darauf verlassen können, dass Sie mit Ihrer besten Idee fortfahren.
Nicht nur für Layouts
Normalerweise spreche ich von Miniaturansichten in Bezug auf das Generieren von Layout-Ideen, aber die Praxis ist bei jeder Art von Design von Vorteil. Zum Beispiel ist die Logo-Erstellung wahrscheinlich ein Ort, an dem Sie dies tun, ohne darüber nachzudenken.
Sich mit einem Bleistift hinzusetzen und eine Million Ideen zu skizzieren, scheint ein sehr natürlicher erster Schritt bei der Logo-Generierung zu sein. Warum also nicht dieselbe Technik auf alles anwenden, was Sie entwerfen?
Überschriften wie Behandlungen, Webseiten, Broschüren, Visitenkarten, App-Schnittstellen, Charakterdesign. All dies und mehr können von wenigen Minuten dedizierten Miniaturansichten profitieren.
Tipps für die richtige Thumbnail-Skizze
Nachdem Sie nun wissen, was Miniaturansichten sind und wie Sie diese in Ihren Workflow implementieren können, lassen Sie uns abschließend einige grundlegende, aber hilfreiche Tipps lesen, die Ihnen den Einstieg erleichtern.
Das sind Low Fidelity, also kühl es auf den Details Picasso
Einige von euch sind Skizzenkünstler. Sie sind nie glücklicher als wenn Sie einen Stift in der Hand haben. Andere sind wirklich schrecklich mit einem Bleistift und können keine anständige Skizze erstellen, um Ihr Leben zu retten.
Zum ersten Mal überhaupt könnte die letzte dieser beiden Gruppen tatsächlich eine einfachere Zeit haben! Wenn Sie nicht zeichnen können, ist das perfekt für das Erstellen von Miniaturansichten. Talentierte Künstler neigen dazu, Probleme mit der Idee zu haben, schnell zu gehen und Konzepte nicht wirklich zu verfeinern. Es ist oft so, dass Künstler mehr Zeit damit verbringen, weniger Thumbnails zu generieren, nur weil sie nicht anders können, sondern sicherstellen, dass jede Linie gerade ist, jeder Kreis perfekt ist usw.
Denken Sie daran, dass der Schlüssel in diesem Schritt Quantität über Qualität ist. Ich habe nichts gegen großartig aussehende Thumbnails. Ich liebe es, durch Ideen von erstklassigen Künstlern zu stöbern. Stellen Sie sicher, dass Sie daran denken, dass Ihr Ziel darin besteht, all diese Ideen aus Ihrem Kopf und auf Papier zu bringen. Wenn Sie beispielsweise ein Kästchen zeichnen und sich später daran erinnern können, dass es Ihre Überschrift darstellt, überspringen Sie die mühsame Beschriftung.
Geh weiter geradeaus
Eine weitere Sache, die Sie im Auge behalten sollten, ist zu vermeiden, dass Sie viel Zeit damit verbringen, eine Idee zu optimieren, damit sie genau richtig wird. Wenn Sie eine Ihrer Ideen skizzieren und erkennen, dass Sie sie hassen, widerstehen Sie dem Drang, sie zu löschen, und beginnen Sie von vorne. Stapfen Sie einfach durch und machen Sie mit Ihrer nächsten Idee weiter. Vielleicht blicken Sie in ein paar Stunden auf diese Skizze zurück und sehen dort eine solide Idee.
Je mehr, desto besser
Stoppen Sie beim Erstellen von Miniaturansichten nicht um fünf oder sechs. Sie sind ein kreativer Profi, Sie sollten viel mehr Ideen haben als oben. Ich kannte einen Design-Professor, der seine Studenten dazu veranlassen würde, für jedes einzelne Projekt 25 oder mehr eindeutige Miniaturansichten zu erstellen. Dies ist eine viel bessere Zahl, nach der Sie streben wollen!
Zeichne nicht dasselbe 50 Mal
Wenn Sie vor der Aufgabe stehen, so viele Miniaturbilder zu erstellen, müssen Sie zunächst einige kleine Variationen derselben Idee beginnen. Dies ist oft eine sinnlose Praxis, wenn man es mit dem Wert der Konzentration auf wirklich einzigartige Konzepte vergleicht. Versuchen Sie Ihr Bestes und bringen Sie Ihr Gehirn dazu, Konzepte zu erstellen, die sich so voneinander unterscheiden, wie Sie es schaffen. Denken Sie daran, dass dies das Brainstorming ist, also gibt es keine schlechten Ideen. Verrückt werden, über den Tellerrand hinaus denken; komisch sein!
Behalten Sie sie, wenn Sie fertig sind
Wenn Sie können, ist es eine gute Praxis, Ihre Miniaturansichten zum späteren Nachschlagen zu speichern. Wenn Sie weiter in das Projekt einsteigen, möchten Sie möglicherweise auf sie zurückblicken. Sie verlieren möglicherweise den Fokus und müssen daran erinnert werden, wo diese Idee entstanden ist, oder Ihr Kunde könnte Ihre ursprünglichen Konzepte so sehr hassen, dass Sie buchstäblich zurück an das Zeichenbrett geschickt werden (ich war schon oft dort).
Eine Sache, die ich gerne mache, ist, einen Stift zu nehmen und Skizzen auf meinem iPad mit einer App wie Adobe Ideas oder iDraw zu erstellen. Meine ersten Ideen in digitaler Form zu haben, ist für das langfristige Speichern und Abrufen äußerst hilfreich. Außerdem ist es vom iPad aus ein kurzer Sprung, um diese in Illustrator oder Photoshop zu importieren.
Fazit
Wenn Sie Ihre ersten Ideen in Miniaturansichten zusammenfassen, ist das zunächst ein Ärgernis, aber wenn Sie erst einmal den Dreh raus haben, werden Sie feststellen, dass dies eine wirklich angenehme Übung ist. Für mich ist einer der besten Teile eines Projekts die anfängliche Phase, in der meine Gedanken auf alle Zylinder gerichtet sind und ich voller Möglichkeiten bin.
Um ehrlich zu sein, sind Miniaturansichten möglicherweise nicht jedermanns Sache. Wenn Sie wirklich nichts davon bekommen, dann verschwenden Sie keine Zeit. Ich empfehle jedoch, mehrere Projekte zu unterstützen. Setzen Sie wirklich Ihr Bestes ein und sehen Sie, ob Sie nicht eine größere Anzahl wirklich großartiger Ideen haben.
Wenn Sie diese Methode verwenden, lassen Sie einen Link zu einigen Ihrer letzten Miniaturansichten, damit wir sie überprüfen können!
Bildnachweis: Dan Lurie, Tobias Soft (1) (2), Jeremy Keith, Shawn Campbell und CannedTuna.