Kreativ werden mit Icon Design – Teil 1: Ideen skizzieren

1. Einführung: Hi. Haben Sie schon einmal versucht, eine Ikone zu entwerfen und Sie wissen einfach nicht wirklich, wo Sie anfangen sollen? Und wie geht man mit dem Icon-Anteil um, so dass man mit einem ausgewogenen aussehenden Design fertig ist? Nun, ich habe Neuigkeiten für Sie in dieser Klasse, weil wir beide Probleme auf einen Durchgang bewältigen werden. Und wie sollen wir das machen? Nun, ich werde Ihnen zeigen, wie Sie ein einfaches Raster in diesem Fall verwenden, Apples IOS-Icon-Raster, um mit einer Reihe von verschiedenen Ideen zu kommen, nur indem Bleistift auf Papier. Diese Klasse arbeitet also rein an Papier, um eine Vielzahl von Designs zu entwickeln und das Gitter zu verwenden , um ein Gefühl von Proportionen zu erhalten. Das ist Klasse ist perfekt für Anfänger. Also, wenn Sie noch nie Ikonen entworfen haben, aber immer wollte seine Klassen für Sie, Und es ist auch toll für erfahrene Designer, die das wird nicht schaffen eine Furche, und sie wollen nur mit ein paar neuen Ideen kommen. Worauf warten wir also? Lasst uns einfach gerade stecken bleiben 2. MATERIALIEN: aus dem Bereich Projekte und Ressourcen. Aus dieser Klasse laden Sie Impressum The Grid File herunter. Sie werden auch jeden Rasierer und einen Bleistift farbigen finden müssen. Tan Pins sind optional. 3. Skizze eines Satzes von Icons – Teil 1: bevor Sie beginnen, denken Sie daran, die PDF-Datei, die ich hier verwende, herunterzuladen und auszudrucken. Sie können es nützlich finden, um zu drucken, hatte ein paar Blätter und verwenden Sie diese Blätter, um in viel Übung zu setzen. Zunächst werden wir mit den offensichtlichen Linien des Rasters beginnen, um einen kleinen Satz vollständig abstrakter Designs zu erstellen . Ich möchte vorschlagen, dass Sie kopieren, was ich hier mache, und dann das Video zu jedem Zeitpunkt pausieren , um zu zeichnen, was Ihnen in den Sinn kommt. Dies kann etwas Ähnliches wie das sein, was ich gezeichnet habe, oder es kann etwas völlig anderes sein. Dies ist eine rein kreative Übung, bei der Sie nicht an einem Kundenbrief arbeiten, so dass wir uns keine Sorgen darüber machen müssen, jemanden außer uns selbst zu erfreuen. Betrachten Sie es als ein kreatives Kritzeln mit dem Gitter ist drei einzige Einschränkung. Je mehr Sie dies tun, desto mehr wird der Griff zu einem Sprungbrett für eine ganze Reihe von verschiedenen Ideen, während die Pflege der Proportionen Ihres Designs auf dem Weg, desto mehr üben Sie so einfacher, es wird tragen in Denken Sie daran, dass viele Menschen, die mit dem Gitter spielen gehen zunächst mit abstrakten Mustern und Designs, die identisch mit Ihnen sind. Es ist nicht, bis Sie beginnen zu veer off trek, wie wir das tun werden, beginnen Sie mit etwas Originelleres am Ende. Ich mag es, an diese Übung denken ist, die offensichtlichen Designs aus Ihrem System zu bekommen? Das sind die Designs, die am ehesten mit dem übereinstimmen, was alle anderen zeichnen, wenn sie diesem folgen. Hören Sie, es ist immer noch gut, dies zu tun, um auf Ihre eigenen Variationen der gleichen Designs zu gehen und von dort buchstäblich zu denken, um Designs zu schaffen, die einzigartiger für Sie sind und den Stil , in dem Sie arbeiten, zum Beispiel, Fleisch oder schreien oder fixieren Stile des Designs. Ich erfinde das schon vor. Und wie ich bereits in der Einleitung erwähnt habe, ist dies ein rein kreativer, viele Kurs, der für Studenten entwickelt wurde, um zu erkunden, was möglich ist , wenn Sie anfangen, mit einem leeren Stück Papier oder, in diesem Fall, einem leeren Raster zu spielen in diesem Fall, . Manchmal werden Fehler gemacht, wie Sie hier sehen können, weil wir gerade skizzieren, was auch immer hervorgeht, um diese Fehler in den Sinn zu nehmen, vor allem auf neue Ideen, die später zu erkunden. Hier platziere ich einige Punkte, um die Linien und die Hälfte zu teilen, so dass ich eine X-Form erstellen kann. Dies ist so, dass ich die Punkte mit einem cred-Schnittpunkt verknüpfen kann. In diesem Fall hat das zu einem anderen Fehler geführt. Ich wollte die Punkte auf den Mittelkreis setzen, nicht auf den inneren Kreis. Allerdings, indem ich versucht, es zu korrigieren, hat es sich als ein glücklicher Unfall erwiesen, dass ich beschlossen habe, Ende erkunden später bis Mai . Das Design beginnt zu sehen, als könnte es eine Raketen-Startrampe sein, wie von oben gesehen. Das kann Sie an etwas anderes erinnern, also fühlen Sie sich frei, es zu kopieren und zu entwickeln, was Sie denken, es könnte sein. Dieses Mal werde ich die Eier von Grund auf neu wiederholen, indem ich die Punkte auf den beabsichtigten Kreisumfang setze, um die Punkte zu verbinden, die wie das X aussehen , das ich wollte. Wenn jeder ein Spiel mit dem Skript hat, wird dies ein offensichtliches Ergebnis sein, während das Zeichnen dieser eine Reihe von Kunststoffen in den Sinn kommt. Also, das ist die Richtung, die ich hier nehmen werde. Ich strebe an diesem Punkt nicht nach Perfektion. Ich möchte nur noch mal meine Ideen aufnehmen. In dieser Übung geht es darum, einige abstrakte Formen zu zeichnen sie dann in alles zu verwandeln, was dir in den Kopf fällt. Das macht es wieder anders, beginnend mit den Rasterlinien, ich zeichne eine Reihe von Rechtecken und lasse sie, da ich zurückkehren kann, um dies in eine Reihe von verschiedenen Designs zu entwickeln. Dies ist ein weiterer abstrakter Entwurf, den viele Menschen einfach durch die Verfolgung von Rasterlinien und Kurven erstellen können . Ich bin mir nicht sicher, in welche Richtung ich dies nehmen werde, aber ein Tachometer oder Manometer Federn in den Sinn Zeichnung zwei Rechtecke Große Verbindung, und das ist gesunde Führer. Eared war E, wie es in der U. S.genannt S. wurde gebildet. Mein erster Gedanke war, es weiß zu halten und fügt etwas Textur in den Hintergrund. Es fängt an zu sehen, als wäre die Vision von Ziad die Vision von Netflix in Logo. Also werde ich dies für jetzt verlassen, und hoffentlich kann eine andere Behandlung in den Sinn kommen, um es in eine andere Richtung zu nehmen. jedoch Dies istjedocheine kreative Übung. Selbst wenn Sie etwas kreieren möchten, das einem vorhandenen Logo oder Symbol sehr ähnlich ist, ist das in Ordnung. Solange Sie es nicht verwenden oder es an Ihre Kunden verkaufen, lohnt es sich manchmal, die Ideen anderer Leute zu reproduzieren, nur um sie aus Ihrem System zu holen und über das hinauszugehen , was andere Designer getan haben. Ich fing an, die Ideen auszugehen. Dann dachte ich darüber nach, kleine Kreise zwischen zwei von den Gitterkreisen zu platzieren. Das Raster wird auch verwendet, um die Kreise zu verteilen. Radio Lee um die Mitte des Symbolrasters. Vielleicht könnte dies ein Symbol für ein Spiel sein, oder es kann auf alte Telefonwahl angedeutet werden oder einfach weiße Kreise auf schwarzem Hintergrund sein. Ich bin mir nicht sicher, wie das aussehen wird, aber ich dachte, ich versuche es mit dem Anführer. ISS. Es beginnt relativ dickes Ende wird dicker durch die Führer Wirbelsäule. Das erinnert mich an eine Geschwindigkeit von 1950. Alles später ist vielleicht kann dies später weiter gestylt werden, oder Pips. Ein Cartoon-Stil Hebel ist mit dem Kreis in der Mitte. Ich dachte an einen Augapfel, da wir normalerweise keinen kompletten Aibel sehen, gibt es Thea pro Melodie, um die Schnittpunkte aus dem Gitter zu verwenden, um die Position der Inseln zu setzen , also beginne ich mit dass vor dem Hinzufügen der Pupille. Und Iris und ah markieren die Insel selbst etwas Realismus. Ob dies ein Foto realistisch sein soll, ich oder vielleicht ein flacher aussehender I. Ich entschied mich, eine einfache Reflexion hinzuzufügen, die unabhängig davon, ob dies ein flaches Symbol oder ein fotorealistisches Symbol mit dem Raster zu bestimmen den Start- und Endpunkt einer dicken Linie. Der Brief im Frühling in den Sinn, da ich versuchte, darüber nachzudenken, was mit dem Raum dazwischen zu tun. Wenn Sie fertig sind, kann dieses Symbol vertikal zentriert werden, um der Führungslinie eine gewisse Textur zu verleihen. Vielleicht könnte es in ein schräges Frühlingsspielzeug oder ein Schnörkel Zahnpasta verwandelt werden. Wenn Sie für Ideen stecken bleiben, hilft es, zurück ins Raster zu gehen und einfach etwas zu zeichnen, auch wenn es nicht aussieht, wie etwas Besonderes, indem Sie Ihren Flächenstift auf Papier legen, ist es, als ob Sie sich verpflichten, etwas zu zeichnen. Das ist es, was hier wieder passiert ist. Mach dir keine Sorgen darüber, ob das wie das Symbol eines anderen aussieht. Das ist erinnert mich an Äpfel Passport Icon, was bedeutet, ich bin daran interessiert, wie man das anders machen. beispielsweise drei D-Software verwenden, um eine Kugel in der Mitte zu platzieren und einen Schlagschatten und eine Reflexion hinzuzufügen , um dies anzuzeigen. Und es ist zurück zu spielen mit dem Gitter und in diesem Fall dem Anführer. Wenn oder e in den Sinn kommt, bin ich mir nicht sicher, ob es mir gefällt. Also, wenn ich die Skizze fertigstelle, werde ich weitermachen. Vielleicht hat jemand das zu etwas ganz anderem entwickelt, sobald ich es als Hebel gesehen habe. Während ich mich in meinem Büro nach Ideen umsah, sah ich die Lautsprecher, die mit meinen Computerhinweisen verbunden sind, beginnend mit einem Rechteck und benutzte das Gitter, um die Größe und den Standort außerhalb des kleinen Lautsprechers zu bestimmen . Moment habe ich die Größe des größeren Lautsprechers erraten, aber ich werde die Körnungsproportionen verwenden, um diesen Radius später zu setzen, um dem Lautsprecher ein Sinn für Zweck zu geben . Ich habe die Gitterkreise verwendet, um einige Schallwellen hinzuzufügen. Manchmal kommen traditionelle Muster einfach aus diesem Prozess heraus. Lassen Sie sich davon nicht entmutigen. Stattdessen umarmen sie sogar ein Für jetzt, Sie können nicht daran denken, wie Sie Ihren eigenen Geschmack Zeh beenden. Sie haben Design offensichtlich erkannt, indem Sie es jetzt auf Papier aufnehmen, etwas kann später in den Sinn kommen. Zwei der Gitterkreise können verwendet werden, um einen Spender oder touristische Formkurven zu zeichnen und Schatten können hinzugefügt werden, um dieses Drei-D-Konzept zu stärken. Du könntest auch ein Seil hinzufügen und es in einen traditionellen Lebenskind verwandeln. Jetzt versuche ich darüber nachzudenken, zwei horizontale Linien auf einen Punkt zu bringen, und ein heimischer neuseeländischer Süßwasserfisch kommt mir in den Sinn. Früher habe ich diese langen, schlanken Fisch ist Gruben und meine Periode. Als ich klein war, waren sie viel interessanter, die Goldfische zu behalten, und sie hatten alle verschiedene Persönlichkeiten. 4. Skizze eines Satzes von Icons – Teil 2: ein paar Tage sind seit dem Zeichnen dieser Symbole vergangen, die einige Zeit dauern, vor allem, wenn Ihnen die Ideen ausgegangen sind. Es gibt eine gute Idee. Also schauen wir uns an, was wir getan haben und was alles. Wählen Sie eines dieser Symbole in von dort aus, sehen Sie, was andere Ideen in den Sinn kommen. Ich begann mit etwas Einfaches und Geometrisches, und als ich mich über die Seite arbeitete, kamen mir andere Ideen in den Sinn und ich fasste sie auf dem Weg. Zum Beispiel, Tuning des X im Schlepptau. Ein paar Bandagen, die drei Blöcke, könnten weiter getragen werden. Ich fing an, mit dieser Form zu experimentieren, und vielleicht kann es in eine Geschwindigkeit auf mit ihr oder Manometer diese verwandelt werden. Es könnte aus verschiedenen Hintergründen weiter entwickelt werden, zum Beispiel Streifen, die selbst aus dem Gitter abgeleitet werden können. Das könnten nur weiße Kreise sein. Auf einem kontrastreichen Hintergrund oder Drop könnten Schatten dazu geleitet werden, die Illusion zu erzeugen, dass weiße Löcher auf einem dunklen Hintergrund vorhanden . Ich mag das Aussehen der ISS, erinnert mich an die alte Speedball-Wurf aus irgendeinem Grund, dass ich eine flache Behandlung mit der Verwendung von Schatten gegeben werden könnte oder in ein Foto realistisch Ich verwandelt werden könnte, dass M könnte völlig zwei D bleiben oder gegeben eine extrudierte drei D-Optik. Dieses Design könnte ein flaches Aussehen erhalten oder durch Platzieren einer Kugel in der Mitte, könnte eine drei D-Optik gegeben werden, so dass alle diese weiter entwickelt werden können. Der, den ich erforschen möchte, ist der Fisch. Ich dachte, wir könnten diese Form weiter annehmen. Ich spreche nicht von dem Fisch selbst, sondern von der Form, die durch die parallelen Linien gebildet wird, die bis zu einem Punkt kommen. Beginnen wir mit einem frischen Stück Papier. Ich werde nicht den gesamten Fisch neu zeichnen, aber als Referenz werde ich die Anfangsform zeichnen. Das ist die Form, die wir für die Fische verwendet haben, um die kreativen Neuronen anzufeuern. Die heftige Spitze ist, diese Punkte in die entgegengesetzte Richtung zu drehen und zu sehen, was es mich daran erinnert . In diese Richtung sieht es so aus, als könnte es eine Kugel werden. Kugeln neigen dazu, kurz zu sein, also werde ich hier eine Linie ziehen. Dies kann die Rückseite der Kugel und ed einen negativen Raum auf der Rückseite der Kugel, um es ein wenig mehr erkennbar zu machen und auch, so dass es einfacher ist, vor der Kamera alle verdunkeln die Linien und Skizze im Hintergrund zu sehen . Ich werde nicht den gesamten Hintergrund gerade genug ausfüllen, um die Kugel aus der Seite herausspringen zu lassen , Obwohl es hier genug für Mai-Inseln gibt, einige Schattierungen wieder, einige Schattierungen wieder, dies kann entweder eine flache Design-Behandlung gegeben werden oder mit drei D-Software erstellen Sie eine realistischere Kugel, komplett mit relevanten Oberflächendetails. Die Kugel erinnert mich an eine Raketenform, so dass durch Drehen sagte, dass zeigt nach oben, können wir die Rasterlinien verwenden, um eine kurze Rakete zu entwerfen. Ich führe Ally Absicht in den Kreis, sagt, die Nase der Rakete von der Leiche von der Rakete zu trennen . Mit dieser Rakete könnten wir sie den ganzen Weg runter nehmen, so dass alles, was wir sehen, die Spitze der Rakete ist. Aber ich würde gerne die ganze Rakete ziehen. Ich werde den Boden der Raketen-Leiche legen. An diesem Punkt sieht es über Stubby aus, aber ich halte den Raum hier unten, um die Raketentriebwerke in Flammen hinzuzufügen. Rakete, die ich konstant habe einen Tag, also werde ich die Rasterlinien verwenden, um den Standort und die Größe davon zu bestimmen. Eines Tages sieht der Kreis nur ein Schlüssel aus, was mich dazu bringt, dass es ein bisschen anders ist. Das Fenster könnte ein abgerundetes Rick Kribbeln sein, ähnlich wie die Passagierfenster eines kommerziellen Passagierflugzeugs. Wir haben hier nicht genug Platz für eine größere Rakete und ihre Flammen, also werde ich den Raum in Drittel teilen und drei kleinere Raketen hinzufügen. Wir brauchen etwas, um eine Raketentriebwerke an Ort und Stelle zu halten, und auch ich werde etwas da unten brauchen, also werde ich es auch in Drittel aufteilen. Jetzt ist es Zeit, die Raketentriebwerke zu ziehen. Das ist sehr rau. Aber dann, wenn der Sieg ausgelöst wurde, kann er aufgeräumt werden. Ich brauche auch ein paar Raketen-Flammen. Also komm von hier, das andere Element, wo du wieder ein paar Freunde vermisst. Diese mussten mit dem Raster aufgereiht werden, wenn Sie jemals Probleme hatten, Dinge proportional zu zeichnen , obwohl Sie nie eine stumpige Rakete wie diese haben würden, ist die Verwendung eines Gitters wie dieses nützlich, um das Element in der Design, nicht nur gegeneinander Element im Design, sondern auch die Symbolform ist ein Loch wird schnell für Sie zu erhöhen. So ist es ein bisschen einfacher, das fertige Design zu sehen, wenn Victor Rised vielleicht eine detailliertere Haltung hat . Aber insgesamt bleiben die Proportionen gleich, indem diese Form gedreht wird, so dass sie nach unten zeigt könnte in so etwas wie ein Schild verwandelt werden, wie es gezeichnet wird. Jetzt ist das Aufzählungssymbol jedoch nicht ganz zentriert . Es sieht ausgewogen aus mit dem Mentalraum des Schriftstellers an der Vorderseite des Kugelende über mehr Platz auf der Rückseite der Kugel. Dieser funktioniert auch gut und sitzt schön in diesem Kreis. So wie dieser Schild. Einige Ihrer Entwürfe werden nicht in der Mitte des Rasters landen. Mach dir deswegen keine Sorgen. Sie können es immer am Ende verschieben, es mit dem Raster neu ausrichten. Später habe ich nur ein Beispiel für einen Schild gezeichnet. Ein paar suchen im Internet nach Schilden. Sie werden sehen, dass es Hunderte von nicht Tausenden von verschiedenen Designs für Schilde gibt, von denen Sie Inspiration schöpfen können. Was wichtiger ist, wenn Sie Ihre Kreativität erforschen, ist es, Ihren Instinkten zu folgen und frei mit dem zu arbeiten, was immer Stil oder Trend, den Sie mit dem Spiel gehen wollen. Es ist kein Kunde informiert. Folgen Sie hier. Die einzige Einschränkung für diese Übung besteht darin, dass Sie mit dem Skript arbeiten sollten. Paradox über Zwänge ist, dass, wenn Sie eine Einschränkung der Kreativität auferlegen, Einschränkung selbst zu einem Sprungbrett für einen unbegrenzten Fluss von Ideen wird. Und so haben wir gesehen. 5. Was kommt als Nächstes?: Ich hoffe wirklich, dass Sie diese Klasse genießen und ich hoffe, Sie haben etwas wirklich Nützliches aus ihm herausgeholt. Denken Sie also daran, das PDF-Raster herunterzuladen und es zu starten. Und denken Sie daran, es geht nur darum, Bleistift auf Papier zu legen, auch wenn es einige der Rasterlinien verfolgt, mit denen sie anfangen und nur sehen, wohin das geht . So könnten Ihre Entwürfe völlig abstrakt sein. Nun, sie könnten am anderen Ende des Spektrums sein und sehr naturalistisch in Bezug auf das Thema sein. Sie fragen sich also wahrscheinlich, warum habe ich Ihnen nicht gezeigt, wie Sie einige dieser Designs gewinnen können und der Grund dafür ist, dass diese Klasse eins aus einer dreiteiligen Serie ist, und diese Klasse wurde entwickelt, um Ihre Bedürfnisse zu integrieren. Also möchte ich, dass Sie mir in den Kommentaren Syrien sagen, was Sie von mir in der nächsten Klasse sprechen möchten. Und das könnte eines von zwei oder vielleicht drei oder vier verschiedenen Dingen sein. Zum Beispiel, Sie wollen, dass ich einen meiner Entwürfe und Victor Riser nehme. Und vielleicht schauen wir uns in der dritten Klasse an, eine Drei-D-Vision zu produzieren. Vielleicht möchten Sie, dass ich eines Ihrer Entwürfe nehmen, die Sie das Projekt Syrien gerettet haben und zum Sieg steigen, damit ich Ihnen zeigen kann, wie Sie Ihren besonderen Entwurf zum Sieg erhöhen. Und in der dritten Klasse können wir darüber sprechen, wie man dieses Design beendet, so dass es wirklich für einen Entwickler ist, als Implikationssymbol in Last zu nehmen . Es gibt also eine Reihe von Möglichkeiten, wie wir das übernehmen können, und ich bin mehr als glücklich, Ihre Arbeit an der nächsten Klasse zu integrieren, wenn es das ist, was Sie wollen. Also glauben wir Ihre Skizzen über das Projekt Syrien und sagen Sie mir, was Sie wollen, dass in der nächsten Klasse abdecken. Oh, vergiss nicht, mir auf Geschicklichkeit zu folgen. Schier so. Aber drücken Sie hier oben, die auf die Knöpfe unten irgendwo und zu Ihnen starren.