Schließen Sie Photoshop und holen Sie sich einen Bleistift: Die verlorene Kunst der Miniaturansichten
Lange bevor Web-UI-Modelle auf den Markt kamen, verfeinerten Druckdesigner ihre Ideen mit einer bewährten Methode, die als Skizzen von Miniaturansichten bezeichnet wird. Diese Praxis scheint eine verlorene Kunst zu sein, also werden wir etwas Licht ins Dunkel bringen!
Heute werden wir kurz diskutieren, was Skizzen von Miniaturansichten sind, einige Tipps zum Erstellen und wie Sie sie effektiv in Ihren bereits ausgelasteten Workflow implementieren können.
Entdecken Sie Designressourcen
Vor dem Wireframing Thumbnail
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 Rendern als einen wichtigen ersten Schritt an, mit dem Sie sich unabhängig vom überflüssigen Stil auf grundlegende Layoutprinzipien konzentrieren können.
Es gibt definitiv etwas zu sagen, wenn Sie kritisch darüber nachdenken, wie Ihre Seite auf einer grundlegenden Ebene strukturiert sein wird. Tatsächlich frage ich mich oft, warum ich nicht über den älteren Bruder des vollwertigen Drahtgitters diskutiere: die Skizze mit den Miniaturansichten.
Die Skizze mit den Miniaturansichten ist ein großartiger erster Schritt, bei dem dieselben Ideen wie bei einem Drahtmodell verwendet werden, jedoch nur auf einer noch grundlegenderen Ebene. Für diejenigen, die neu im Konzept sind, werfen wir einen Blick auf die Skizzen der Miniaturansichten.
Was sind Thumbnail-Skizzen?
Der Name klingt zunächst lustig, aber wenn Sie darüber nachdenken, wissen Sie bereits, was ein Miniaturbild in einem anderen Kontext ist. Wenn ich beispielsweise den Ausdruck "Miniaturbildgalerie" verwende, wissen Sie wahrscheinlich sofort, dass ich ein Raster kleiner Bilder meine, die normalerweise als Links zu größeren Äquivalenten dienen.
Mit diesem Wissen können Sie wahrscheinlich erraten, dass Skizzen von Miniaturansichten Gruppen kleiner Zeichnungen sind. Der Zweck von Skizzen mit Miniaturansichten besteht darin, in kürzester Zeit viele Ideen auf Papier zu bringen. Es ist im Grunde eine Möglichkeit, visuell ein Brainstorming durchzuführen, bei dem Sie nicht besessen und optimiert sind, sondern eine Vielzahl von Möglichkeiten ausschöpfen. Sie sind in ihrer Form Drahtgittern sehr ähnlich, nur kleiner und schneller. Es ist häufig der Fall, dass Designer mehrere Miniaturansichten erstellen und dann einige der besten auswählen, um sie in Drahtmodelle umzuwandeln.
Wie es funktioniert
Um den Vorgang zu starten, nehmen Sie einen Bleistift und zeichnen Sie mehrere kleine leere Kästchen, die als Chrom für Ihren Browser, als Seitenbegrenzung oder als Medium dienen, in dem Sie gerade arbeiten. Sie können sogar grundlegende druckbare Starterseiten wie die folgende finden, um Sie zu erreichen gestartet.
Von hier aus lassen Sie einfach die Ideen fließen. Dies ist keine Übung, um Ihre Zeichenfähigkeiten zu verbessern, sondern Ihr Fokus sollte auf der Ideengenerierung liegen. Das Skizzieren von Miniaturansichten ist schnell und vielleicht sogar etwas schlampig. Verwenden Sie grundlegende Formen und verbringen Sie nicht zu viel Zeit mit einem einzelnen Bild. Sobald Sie ein Gefühl dafür bekommen, wie diese grundlegende Layoutidee aussehen könnte, fahren Sie fort.
Warum ist das eine gute Sache?
Welche möglichen Vorteile könnten Sie aus Seiten mit kleinen, hastig gezeichneten Skizzen ziehen? Du wärest überrascht. Als Designer bekommen wir viel zu leicht einen Fall von Tunnelblick. Wir setzen uns an unsere Computer und kreieren das erste, was uns in den Sinn kommt, und gehen zu einem Punkt von fast fertiger Qualität über.
Das Problem dabei ist, dass Sie, sobald Sie Echtzeit in eine Idee investieren, daran gebunden werden. Sie können nicht anders, dies ist eine automatische psychologische Reaktion. Leider ist Ihre erste Idee nicht immer die beste, die Sie tun können, und normalerweise ist sie als Faustregel die allgemeinste.
Sobald Sie diese Bindung an ein Design hergestellt haben, ist es exponentiell schwieriger, es hinter sich zu lassen und etwas völlig Neues auszuprobieren. Ihre alten Ideen schleichen sich ein, weil Ihr Gehirn stecken bleibt. Auch wenn Sie dieses Problem nicht haben, verbringen Sie immer noch viel Zeit und lassen sich nur ein paar grundlegende Ideen einfallen.
Der Hauptfehler bei dieser Methode ist, dass Sie keine kritischen Gedanken in die Ideengenerierung einbringen. Mit „kritischem Denken“ meine ich echte vergleichende Kritik und logisches Denken. Stattdessen laufen Sie höchstens mit drei Ideen und entscheiden sich dann zwischen diesen. Sie könnten vielleicht zehn andere Ideen besser entwickeln als Ihre ersten drei, aber Sie haben einfach nicht so viel Zeit, also gehen Sie nie weiter.
Mit dem Skizzieren von Miniaturansichten dehnen Sie Ihr Gehirn wirklich aus und zwingen sich zu echten kreativen Gedanken, indem Sie so viele verschiedene Variationen wie möglich produzieren. Mit dieser Methode haben Sie den einzigartigen Vorteil, dass Sie zurücktreten und sich alles ansehen, was Sie sich vorstellen können, und eine intelligente Entscheidung treffen, welche Ideen es wert sind, weiter verfolgt zu werden.
Sparen Sie auf lange Sicht Zeit
Einige von Ihnen denken wahrscheinlich, dass Sie bereits genug erste Schritte haben, um am ersten Tag eines Designjobs etwas auszuführen, und nichts anderes hinzufügen müssen! Dies ist ein gültiger Punkt, aber wenn es richtig gemacht wird, kann das Skizzieren von Miniaturansichten Ihre Zeitachse verbessern, anstatt sie zu zerstören.
Zunächst müssen Sie dabei nicht einen ganzen Tag töten. Wenden Sie einfach einen kleinen Teil der Zeit für die Generierung grundlegender Ideen auf: zehn Minuten, zwanzig, dreißig, es liegt an Ihnen. Darüber hinaus erfordert die Durchführung dieser Übung einen starken Schwung beim Blockieren / Zögern des Designers, bevor es überhaupt passiert. Sie werden feststellen, dass Sie ein Design viel schneller ausschalten können, wenn Sie Ihr Gehirn bereits in den Griff bekommen und sicher sein können, dass Sie mit Ihrer besten Idee fortfahren.
Nicht nur für Layouts
Normalerweise spreche ich von Skizzen von Miniaturansichten, um Layout-Ideen zu generieren, aber die Praxis ist bei jeder Art von Design von Vorteil. Zum Beispiel ist die Erstellung von Logos 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 Logoerstellung zu sein. Warum also nicht dieselbe Technik auf nahezu alles anwenden, was Sie entwerfen?
Überschriftenbehandlungen, Webseiten, Broschüren, Visitenkarten, App-Oberflächen, Charakter-Design, all dies und mehr können von einigen Minuten dedizierter Skizzen von Miniaturansichten profitieren.
Tipps zum richtigen Skizzieren von Miniaturansichten
Nachdem Sie nun wissen, was Skizzen von Miniaturansichten sind und wie Sie sie in Ihren Workflow implementieren können, möchten wir Sie mit einigen grundlegenden, aber hilfreichen Tipps abschließen, um Ihnen den Einstieg zu erleichtern.
Diese sind Low-Fidelity, also cool es auf den Details Picasso
Einige von euch da draußen sind Sketch-Künstler. Du bist nie glücklicher als wenn du einen Bleistift in der Hand hast. Andere sind mit einem Bleistift wirklich schrecklich und können keine anständige Skizze erstellen, um Ihr Leben zu retten.
Zum ersten Mal könnte es der letzteren dieser beiden Gruppen tatsächlich leichter fallen! Wenn Sie nicht zeichnen können, sind Sie perfekt für die Erstellung von Skizzen. Talentierte Künstler neigen dazu, Probleme mit der Idee zu haben, schnell zu gehen und Konzepte nicht wirklich zu konkretisieren. Es ist oft der Fall, dass Künstler mehr Zeit damit verbringen, weniger Miniaturansichten zu erstellen, nur weil sie nicht anders können, als sicherzustellen, 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. Tatsächlich liebe ich es, durch Ideen erstklassiger Künstler zu stöbern. Denken Sie nur daran, dass Ihr Ziel darin besteht, all diese Ideen aus Ihrem Kopf 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.
Gib niemals auf
Eine andere Sache, die Sie beachten sollten, ist zu vermeiden, viel Zeit damit zu verbringen, eine Idee zu optimieren, um sie genau richtig zu machen. Wenn Sie anfangen, eine Ihrer Ideen zu skizzieren und feststellen, dass Sie sie hassen, widerstehen Sie dem Drang, sie zu löschen und von vorne zu beginnen. Stapfen Sie einfach durch und fahren Sie mit Ihrer nächsten Idee fort. Vielleicht werden Sie in ein paar Stunden auf diese Skizze zurückblicken und dort eine solide Idee sehen.
Je mehr, desto besser
Wenn Sie Miniaturansichten erstellen, hören Sie nicht bei fünf oder sechs auf. Du bist ein kreativer Profi, du solltest viel mehr Ideen haben, als oben herumzurollen. Ich kannte einen Designprofessor, der seine Studenten dazu bringen würde, fünfundzwanzig oder mehr einzigartige Miniaturansichten für jedes einzelne Projekt zu erstellen. Dies ist eine viel bessere Zahl, nach der man streben kann!
Zeichnen Sie nicht 50 Mal dasselbe
Wenn Sie vor der Aufgabe stehen, so viele Thumbnails zu erstellen, besteht Ihr erster Instinkt darin, mehrere winzige Variationen derselben Idee zu starten. Dies ist oft eine wertlose Praxis im Vergleich zu dem Wert, sich auf wirklich einzigartige Konzepte zu konzentrieren. Geben Sie Ihr Bestes und treiben Sie Ihr Gehirn dazu, Konzepte zu entwickeln, die sich so unterschiedlich wie möglich unterscheiden. Denken Sie daran, dass dies die Brainstorming-Phase ist, sodass es keine schlechten Ideen gibt. Verrückt werden, über den Tellerrand hinaus denken; komisch sein!
Behalte sie, wenn du fertig bist
Wenn Sie können, empfiehlt es sich, Ihre Miniaturansichten zum späteren Nachschlagen aufzubewahren. Wenn Sie weiter mit dem Projekt fortfahren, möchten Sie möglicherweise auf sie zurückblicken. Möglicherweise verlieren Sie Ihren Fokus und müssen daran erinnert werden, wo diese Idee begann, oder Ihr Kunde hasst Ihre anfänglichen Konzepte so sehr, dass Sie buchstäblich an das Zeichenbrett zurückgeschickt werden (ich war schon oft dort).
Eine Sache, die ich gerne mache, ist, mit einer App wie Adobe Ideas oder iDraw einen Stift zu nehmen und Skizzen auf meinem iPad zu erstellen. Meine ersten Ideen in digitaler Form zu haben, ist für die langfristige Speicherung und den langfristigen Abruf immens hilfreich. Außerdem ist es nur ein Katzensprung vom iPad entfernt, diese in Illustrator oder Photoshop zu importieren.
Fazit
Das Einfügen Ihrer ersten Ideen in Skizzen von Miniaturansichten mag zunächst ärgerlich sein, aber sobald Sie den Dreh raus haben, werden Sie feststellen, dass es eine wirklich unterhaltsame Übung ist. Für mich ist einer der besten Teile eines Projekts die Anfangsphase, in der mein Geist auf alle Zylinder schießt und ich voller Möglichkeiten bin.
Um ehrlich zu sein, sind Skizzen von Miniaturansichten möglicherweise nicht jedermanns Sache. Wenn Sie wirklich nichts davon haben, verschwenden Sie keine Zeit. Ich empfehle jedoch, es für mehrere Projekte solide zu machen. Geben Sie wirklich Ihr Bestes und sehen Sie, ob Sie nicht mit einer größeren Anzahl wirklich großartiger Ideen davonkommen.
Wenn Sie diese Methode verwenden, hinterlassen Sie unten einen Link zu einigen Ihrer letzten Skizzen, damit wir sie überprüfen können!
Bildnachweis: Dan Lurie, Tobias Soft (1) (2), Nunile, Jeremy Keith, Shawn Campbell und CannedTuna.