Share
Wir verbringen einen guten Teil unserer Zeit vor einem Monitor, höchstwahrscheinlich haben wir mehr als einen Computer, ohne iphones, Grafiktabletts und alle anderen ultramodernen Teufelchen, die in unsere Schreibtische eindringen. Wir sind alle Teil der Generation, die eine Maus benötigt, um mit den Familienfotos durch ein Album zu blättern (auf Wiedersehen liebe Familienalben, deren Seiten noch gelb sind) und Facebook, um einem Freund Geburtstagswünsche zu senden. 20 Beispiele für großartige "Skizzen" -Angebote enthalten!
In der Mitte dieses digitalen Zeitalters sind die besten Verbündeten eines Webdesigners gängige Werkzeuge, die mit dem Wechsel unter den Sofakissen gekauft werden können. Ich spreche davon, Stift, Stift und Papier zu einem Teil des kreativen Prozesses zu machen, den andere "nicht-digitale" Designer seit Ewigkeiten verwenden: Skizzieren.
Mit diesem Artikel behandeln wir ein Argument, das sicherlich vielen von Ihnen am Herzen liegt: Wir werden tatsächlich sehen, wie das Skizzieren uns dabei helfen kann, die Ideen zu ordnen, ein effektives Layout zu entwerfen und - warum nicht - einen frischen und originellen Touch zu geben unser Design.
Stellen Sie sich dieses Szenario vor: Wir haben gerade eine anstrengende Besprechung mit unserem Kunden beendet und jetzt ist es an der Zeit, die Ideen neu zu ordnen. Wir kennen die Vorlieben und Bedürfnisse unserer Kunden. Auf dieser Basis sollten wir in der Lage sein, das Layout festzulegen, das wir entwerfen müssen. Das Problem ist die Menge an Informationen, die wir berücksichtigen müssen! Wir haben festgelegt, dass wir auf der Startseite einen Schieberegler und einen sichtbaren Handlungsaufruf einfügen müssen, der zu einem Kontakt einlädt. Die Seiten der Website werden sieben sein, und wir müssen auch die neuesten Nachrichten auf der Startseite aufnehmen und so weiter.
An dieser Stelle versichere ich Ihnen, das Öffnen von Photoshop mit dem Anspruch, ein effektives Layout zu erstellen, ist nutzlos. Ohne einen Plan für das, was Sie im Detail zeichnen müssen, werden Sie blockiert und müssen im Wesentlichen ohne ausreichende Voraussicht entwerfen, um intelligente Entscheidungen zu treffen. Dies bedeutet oft später mehr Arbeit, um das zu beheben, was beim ersten Mal mit etwas Skizzieren erledigt werden konnte.
Sketching bietet etwas Einzigartiges für Webdesigner? Es hilft uns, große Mengen an Informationen in überschaubaren Teilen zu organisieren, die wir gestalten können.
Wenn Sie jedoch das Glück haben, Konzepte und Ideen in einem Design umsetzen zu können, vergessen Sie höchstwahrscheinlich etwas Wichtiges, mit dem Ergebnis, dass Sie das Layout zum zweiten Mal erneut in die Hand nehmen müssen. Und Sie wissen wahrscheinlich auch, dass es Layouts gibt, die auch bei einer kleinen Änderung komplett verändert werden und ihre kommunikative und ästhetische Wirksamkeit verlieren? ein wirklich frustrierendes Ergebnis.
Ein paar Ratschläge, wie Sie vorgehen können, ohne den Kopf zu verlieren? Holen Sie sich Stift und Papier?
Diese erste Phase des Skizzierens bezieht sich auf schematische und einfache Weise auf die Ausarbeitung der Informationen. Vermutlich denken Sie, dass all diese Strenge und Disziplin nichts mit Kreativität und Vorstellungskraft zu tun haben, und Sie möchten einen Szenenwechsel? Okay, lass uns zum nächsten Schritt übergehen.
Wir haben gesagt, dass das Skizzieren ein kreativer Prozess ist, aber wollen heißt das in der Praxis?
Wir können das Skizzieren als "Mittleres Land" betrachten. Zwischen den Informationen in unserem Besitz und dem Layout werden wir am Ende planen. In diesem Gebiet, feindselig und magisch, finden wir Farben, Schriften, Boxen, Ideen, Inspiration, Texturen, Bilder, Empfindungen, Zweifel? und vieles mehr. Es ist sinnlos zu sagen, dass es einfach ist, in der Mitte der Dinge verwirrt zu sein und die richtige Idee zu finden. Die Idee, die funktioniert und die uns stolz macht, Designer zu sein.
Ich denke, es gibt nichts ärgerlicheres, als sich vor einem leeren Blatt zu finden, auf Inspiration zu warten, die von wer weiß, woher kommt, und damit fertig zu werden, hässliche Layouts zu erstellen (wenn man dann wirklich Glück hat wie ich, du ' Ich werde mit einem Kollegen beschäftigt, der die Situation am besten nutzt, um Ihnen mitzuteilen, dass Ihre Arbeit scheiße ist, ohne sich die Pille zu versüßen, damit Sie Ihrer Kreativität als Kreativer nicht schaden..
Eines meiner eigenen Skizzenbücher? Wir werden das später noch einmal besuchen. Persönlich habe ich einige schwierige Zeiten mit einigen Kunden hinter mir: Inspiration wollte nicht kommen, und meine grafischen Vorschläge ließen mich schämen. Ich verbrachte Stunden damit, Galerieseiten zu besuchen, und fühlte mich noch mehr deprimiert, weil es schien, als ob jeder schöne Layouts erstellen konnte. Die einzige Person, die nicht in der Lage war, zwei Rechtecke auf eine nette Art und Weise zusammenzusetzen, war ich. In meinem Fall wurde die Leichtigkeit des Drucks mit Hilfe eines Bleistifts erleichtert.
Beginnen Sie den kreativen Prozess auf dem Papier, indem Sie Ihrer Phantasie freien Lauf lassen und spontaner und anregender arbeiten.
Vor allem, wenn das Projekt, an dem Sie arbeiten, sehr umfangreich und reich an technischen Details ist. In Anbetracht dessen kann die erste Phase sicherlich für den kreativen Fluss kastrieren, ganz zu schweigen von der schwächenden Angst - zu versagen? Das betrifft viele Designer: In dem Verlangen, schnell und gut zu sein, bleiben wir oft vor dem Monitor gelähmt und können die Ideen nicht neu ordnen und in die richtige Richtung lenken.
Bevor Sie also mit dem Grafikprogramm beginnen, sollten Sie sich Stift und Papier holen. skizzieren! Kritzeln, notieren Sie sich ein paar Ideen und beginnen Sie, eine Art abstraktes Design zu finden, um Bekanntheit zu erlangen und Ihre Intuition zu befreien. Sie analysieren anschließend die Ideen, lassen Sie sich jetzt einfach los und vermeiden Sie Logik und Rationalität. Sie werden Ihnen in dieser Phase nicht helfen.
Das Layout skizzieren, ein paar Notizen machen, alles löschen und neu beginnen: Während dieses Vorgangs arbeitet Ihr Verstand schnell und hektisch. Notieren Sie sich also alles, bevor diese intuitive Phase abklingt! Sie werden feststellen, dass die vollkommene Freiheit Ihrer Ideen angenehm und entspannend ist und nicht nur nützlich ist.
Die erste Idee wird selten die richtige sein, bereit sein, sie zu akzeptieren. Skizzieren hilft Ihnen, sich selbst zu entsperren und verschiedene grafische Möglichkeiten zu nutzen, die sofort und leicht für Sie richtig sein könnten. Dies bedeutet jedoch nicht, dass Sie in dieser Phase keine Fehler begehen. Das Positive ist, dass selbst wenn Sie in dieser Phase Fehler machen, Sie das Blatt immer abreißen, den Bleistift schärfen und von vorne auf einem neuen Blatt beginnen können. Ein mit Photoshop erstelltes Layout wegzuwerfen, nur weil Sie erkannt haben, dass es nicht die beste Lösung für Ihren Fall ist, ist dies ohne Zweifel demotivierend.
In solchen Fällen rate ich Ihnen, das Skizzieren nicht mit der Erstellung von WireFrame zu verwechseln: Wir sprechen über zwei verschiedene Dinge, selbst wenn ich sehe, dass das Argument etwas verwirrt ist. Vor ein paar Tagen erzählte mir ein Webdesigner, dass er genau seine Worte zitierte. Ah, verwenden Sie Stift und Papier? Ich mache alles online Erwähnt wird eine Website, die es erlaubt, Modelle mit mathematischer Präzision zu erstellen und Farben und Typografie zu kontrollieren.
Nun, das ist kein Skizzieren, das ist eine ganz andere Sache. Wenn Sie mit der Maus auf einige Schaltflächen klicken, um einige Rechtecke anzuzeigen, können Sie Ihren Ideen keine Form geben und Ihren kreativen Fluss befreien. Versuchen Sie zu glauben. Mit dieser Aussage bezweifle ich nicht den Nutzen eines guten Drahtgitters. Ich möchte nur die Unterschiede zwischen diesen beiden Ansätzen hervorheben.
Lass dein Verlangen nach Präzision, Lineal und Kompass weg! In dieser Phase gibt es keinen Raum für Ordnung und Strenge, beschränken Sie also nicht den kreativen Fluss und blockieren Sie sich auf Rändern und weißen Räumen. Sie können später darüber nachdenken. Machen Sie sich auf dieselbe Weise keine Sorgen, wenn Sie nicht besonders künstlerisch begabt sind und Ihre manuellen Fähigkeiten kaum einen Bleistift in der Hand halten: Das Skizzieren wird für die Neuanordnung der Ideen verwendet, nicht für die Bildung begabter Künstler.
In diesem Zusammenhang müssen wir hinzufügen, dass das Zeichnen als freie Ausdruckskraft für Vorstellungskraft und Kreativität neben Ihren grafischen Fähigkeiten geboren wurde. Dies bedeutet jedoch nicht, dass die Skizze in gewisser Weise auch keinen künstlerischen Wert hat. Mal sehen, worüber ich spreche.
Die Tendenz vieler Webdesigner zum Skizzieren hat den Anstoß zu einem echten Grafikstil gegeben, der irgendwie an die ästhetischen Aspekte der Skizzierung erinnert: Wir haben Pinsel, die ihre Spontanität und Leichtigkeit nachahmen, ganz zu schweigen von Hunderten von Schriftarten im handschriftlichen Stil im Web gefunden. Dank dieser Ressourcen ist das Erstellen eines Layouts im Skizzierstil heutzutage recht einfach. Abgesehen davon haben Designs, die diesen Grafikstil verwenden, in der Regel einen Hauch von Originalität, die sie ansprechend machen und aus dem üblichen Ablauf herausfallen.
Der Skizzierstil wird, nur weil er mit einer Aktivität verbunden ist, die vielen Kreativen gemein ist, häufig in Websites von Freelancern oder von Kommunikations- und Designagenturen verwendet, die dieses Konzept grafisch übertragen möchten. Selbst die Kombination einiger Skizzenelemente mit einer eher traditionellen Grafik kann anderen gewöhnlichen Konstruktionen eine neue Perspektive geben.
Mal sehen, wie einige Websites diesen Stil auf eine effektive und originelle Weise verwendet haben und wie dies die Ästhetik und die Effektivität ihrer Layouts beeinflusst hat.
http://www.kunalchhajer.com/ Die Website des Webdesigners Kunal Chhajer spiegelt genau das Konzept des Skizzenstils wider. Die Grafik ist leicht und angenehm, sie wird auf originelle Weise durch einige Designs bereichert, die das Layout einzigartig machen. Der Stil wird auch bei der Verwendung einer handgeschriebenen Schrift im Navigationsmenü abgerufen. Alle diese Details verleihen dem Design die Kreativität, die ein Designer auf seiner persönlichen Website zum Ausdruck bringen möchte.
http://www.creativewithak.com/ In der Creative with a K-Site werden Skizzen und Kritzeleien massiv eingesetzt, um die "kreative Natur" klar zu zeigen. Der Seite. In diesem Fall macht sogar die Besonderheit des Layouts, so untypisch, die Website besonders und ungewöhnlich, auch wenn es schwierig ist, sie zu konsultieren.
http://www.lega-lega.com/ Die Website Lega-Lega ist ein Online-Shop für Hemden, der etwas ungewöhnlich bedruckt ist und sich definitiv an einen jungen Markt richtet. Das Hinzufügen einiger Skizzendetails gibt der Site einen kreativen und frechen Schnitt.
http://beavory.com/ Beavory ist die Website / Blog von Karen Mack, israelischer Illustratorin. Der Stil ihrer Website basiert bewusst auf einem Stil, der sich in ausgeprägter und origineller Weise an ihr kreatives Wesen erinnert. Jedes Detail, von der Struktur des Layouts aus unregelmäßigen Linien - als ob sie mit einem Filzstift gezeichnet wurden - bis hin zu den Symbolen des sozialen Netzwerks zeichnet vollständig einen effektiven Skizzierstil auf.
http://bowtieperiod.com/ Bowtie ist ein digitales Studio, das sich entschieden hat, sich im Web kreativ zu präsentieren. Die Animationen der Website zusammen mit niedlichen, ungewöhnlichen Zeichnungen machen das Layout attraktiv und stark extravagant. Sie nennen sich selbst? Kreativ? und um dies zu beweisen, verwenden sie Elemente im Skizzestil.
http://www.makomako.cz/home/ Das Layout der Band MakoMako ist vollständig im Skizzenstil erstellt, so dass die gleiche Struktur der Seite auf einem Blatt Papier mit unregelmäßigen Linien basiert, und in der Homepage als Teil des Designs finden wir neben den üblichen grafischen Details auf Skizzen und handgeschriebenen Schriftarten ein Bleistift. Ein neugieriger und sehr ungewöhnlicher Look für eine Band.
http://stanthesnowman.com/ Das ist jetzt fast Sommer, und sein Charme verschwindet, aber die grafische Wirksamkeit der Site Stan, der Schneemann, steht jedoch nicht zur Debatte. In diesem Fall gibt das Hinzufügen von stilisierten Bildern und einer kalligrafischen Schrift einen spontanen Stil, spielerisch und informell. Und es verfolgt das Konzept der Aktivität, basierend auf dem Schreiben von Grußkarten.
http://www.greenawaypro.co.uk/ Die Website des Festivals Greenaway Pro 2011 kombiniert auf besondere und attraktive Weise den Skizzierstil und den Grunge-Stil und verleiht dem Layout einen wirklich originellen Eindruck. Auch in diesem Fall drückt die Wahl dieses speziellen Grafikstils einen informellen, spontanen und exzentrischen Eindruck aus. Perfekt für ein Festival, das sich mit Musik und Surfen beschäftigt, richtig?
http://www.julianlaval.com/ Julian ist ein weiterer freiberuflicher Webdesigner, der seine grafischen Fähigkeiten hervorheben möchte und die kommunikative Kraft der Skizze auf wirklich kreative Weise ausnutzt. Natürlich ist es nicht nur das, was seine Site besonders macht, sondern auch die Neugier und absichtlich ungewöhnliche Natur seiner Zeichnungen. Wie bei vielen anderen Websites in diesem Stil sind Farben auf eine Grauskala beschränkt, um die Illustrationen realistischer zu gestalten.
https://www.littlecreatures.com.au/ Die Website Little Creatures ist komplett im Skizzenstil gestaltet und dank der Besonderheit der so wenig überarbeiteten Skizzen ist die Seite so attraktiv.
http://carnetordinaire.com/ Carnet Ordinaire ist eine Site, die wie ein Tagebuch ist, mit Reise-Notizen, Anmerkungen und persönlichen Überlegungen. In Anbetracht der exzentrischen und intimen Natur der Site ist der Skizzierstil am besten geeignet: Das Layout basiert auf dem Bild eines geöffneten Moleskines, das durch Skizzen und stilisierte Zeichnungen ergänzt wird. Sogar der Hintergrund wird durch einige in Deckkraft eingefügte Cartoons und durch das Vorhandensein eines Bleistifts, der sich neben dem Moleskine befindet, noch origineller gestaltet.
http://www.wingcheng.com/ Das Wing Cheng-Portfolio ist ein perfektes Beispiel für die frische Perspektive, die der Skizzenstil einem Layout geben kann. Die Seitenstruktur basiert auf einem angelegten Moleskine, von dem die Seiten herunterfallen. Der Effekt wird durch Schatten verstärkt, die das Design und die Verwendung kalligrafischer Schriftarten für jeden Inhalt des Layouts einschränken, von den Titeln der Projekte bis zu ihrer Beschreibung. Die eigentliche Eigentümlichkeit dieser Seite betrifft jedoch die Darstellung der Projekte, die auch auf wirklich kreative Weise mit Bleistift gezeichnet wurden.
http://www.kutztown.edu/acad/commdes/faculty/ Die Hochschule für Kommunikation und Design in Kutztown konnte keinen besseren Weg finden, um Kreative oder angehende Kreative effektiv anzusprechen. Das Layout ist sicherlich ungewöhnlich für eine akademische Realität: der Hintergrund im Aquarellstil, die Seite, die auf einer Buchseite basiert, die Illustrationen in Aquarellfarben, die speziellen Schriftarten des Navigationsmenüs? alle originellen und sicherlich ausdrucksstarken Details.
http://www.dannwhittakercreative.com/ Dann Whittaker zeigt auf seiner Website einen Grafikstil, der vielen Webdesignern gemeinsam ist. Ein ungezwungener und spontaner Look, basierend auf einem Seitenbuch-Layout und einer konsequenten Verwendung von Details im Skizzestil. In der Anlage ist das Layout sehr effektiv und ästhetisch angenehm.
http://www.chernobylheart.org.uk/ Im Fall der Site von Tschernobyl-Herz wird der Skizzierstil verwendet, um das Konzept der Kindheit grafisch hervorzuheben: Wir sprechen hier von Kindern und sehen sie durch einige kleine stilisierte Skizzen, die ihre Art des Zeichnens kopieren. Wirksam und angenehm.
http://demainjarrete.stpo.fr Der Skizzestil eignet sich perfekt für die Darstellung auf Web-Comics und Illustrationen, sodass das Layout visuell und kreativ die Art der Website darstellt. Im Fall Demain J'arrete hat die gesamte Site eine "Kohle". Grafikstil, beginnend mit dem Verlauf des Hintergrunds bis zu den unregelmäßigen Linien, die das Layout und das Navigationsmenü enthalten.
http://www.natureshop.co.nz/ Durch das Hinzufügen einiger Skizzendetails auf scheinbar zufällige Art und Weise kann eine minimalistische und essentielle Website besonders kreativ gestaltet werden. Das Ergebnis, das beispielsweise in der Website Nature Shop sichtbar ist, ist äußerst angenehm.
http://www.readytomarket.net/ Das Layout des Ready to Market ist ein Beispiel dafür, wie das Mischen eines modernen Stils mit einigen stilisierten und komischen Details zu neuen und anregenden Ergebnissen führen kann.
http://www.coucoushop.ch/ Der Cou Cou Shop ist sehr schön und angenehm zu sehen. Eines der besonderen Elemente des Layouts ist zweifellos die Fußzeile, die eine stilisierte Landschaft der Schweiz zeigt. Selbst die Skizze der Tasche aus verschiedenen Blickwinkeln ist ein sehr originelles Detail.
http://upsidedowntown.me/ Farbenfroh, ungewöhnlich und skurril: Der Standort des Lernzentrums Upside-Down Town legt viel Wert auf die Originalität des Skizzierstils. Jedes Element des Layouts, insbesondere in der Überschrift, weist auf die visuelle Wirksamkeit von Zeichnungen, Skizzen und Farben hin, die die Kinderwelt grafisch und auf angenehme Weise hervorheben.
Wir haben gesehen, wie der Skizzierprozess uns helfen kann, Ideen kreativ zu verarbeiten und gleichzeitig, wie einige Skizzen unseren Layouts eine andere und originelle Perspektive geben können. Machen Sie das Skizzieren zur Gewohnheit, wenn Sie mit der Arbeit an einem neuen Designprojekt beginnen - und das kann nicht nur in anderen Bereichen, wie beispielsweise beim Texten, äußerst nützlich sein. Mit der Zeit werden Sie eine Flexibilität entwickeln, die sich für Sie als nützlich erweist Arbeit. Zum Abschluss: Computer ausschalten und Papier und Stift holen!
Ich beende mit Ihnen zwei persönliche Skizzen: eine Skizze meines aktuellen Portfolios und die ersten Ideen, die ich während einer wirklich langweiligen Zugfahrt für diesen Artikel niederlegte.
Jetzt sind Sie dran, ich möchte Ihre Skizzen sehen!
Accentsconagua