10 Top-Tipps zum Erstellen fantastischer Symbole

Nun, ich bin wieder da, aber dieses Mal werde ich etwas anderes machen, etwas, von dem ich hoffe, dass es Sie interessant findet.

Heute gehe ich einen Schritt zurück von den regulären „in-deep-technical-tutorials/quick-tipps“ und spreche ein wenig über das Symbol-Design aus einer allgemeineren Perspektive. Ich werde mit Ihnen zehn Tipps teilen, die ich mir ausgedacht habe, nachdem ich sowohl meine Arbeit als auch die Arbeit anderer recherchiert habe.

Wenn Sie sich also genauso für Symbol-Design interessieren wie ich, holen Sie sich eine heiße Tasse Kaffee (ich habe meinen bereits) und schnallen Sie sich an, denn im folgenden Artikel werden wir einige Dinge besprechen, die sich ändern könnten. Verbessern Sie Ihren kreativen Prozess, wenn es um die Gestaltung dieser kleinen Kunstwerke geht.

Bevor wir beginnen, möchte ich Sie außerdem wissen lassen, dass alle in diesem Artikel verwendeten Symbol-Pack und Tausende mehr auf dem Envato Market zu finden sind, wo Designer aus der ganzen Welt regelmäßig neue Arbeiten hochladen.

1. Kennen Sie Ihren Symbolverlauf

Ich weiß, einige von Ihnen werden wahrscheinlich anderer Meinung sein, aber Tatsache ist, egal was Sie im Leben tun, ob Sie ein Designer oder ein Maschinenbauer (oder irgendetwas anderes nach dieser Logik) sind, Sie sollten immer die Zeit und Energie finden, um sich zu sammeln Informationen zum Thema, denn diesen Menschen verdanken Sie nicht nur Ihre Karriere, sondern erfahren dabei auch Interessantes und Lehrreiches.

Nun müssen Sie nicht wirklich verrückt nach der Recherche werden, aber Sie sollten zumindest versuchen, eine Antwort auf diese drei einfachen Fragen zu finden:

• Wer?
• Wann?
• Warum?

Wer?

Das „Wer“ steht für die ersten kreativen Tüftler, die auf die Idee kamen, Symbol als digitale Symbole zu verwenden. Dieser Aspekt wird normalerweise übersehen und ich verstehe nicht wirklich warum, denn ohne die ursprünglichen „Schöpfer“ wäre das Symbol-Design vielleicht nicht einmal das, was es heute ist; Diese Leute legten den Grundstein für alles, was wir jetzt verwenden. Öffnen Sie also einen Tab und zollen Sie etwas Ehrerbietung, indem Sie alles lesen, was Sie über sie finden können. Sie werden wahrscheinlich verstehen, warum diese Menschen für die Geburt und Entwicklung von Symbol-Design und Benutzeroberflächen so wichtig sind.

Wann?

Das „Wann“, wie Sie wahrscheinlich schon erraten haben, steht für „das bestimmte Zeitfenster“, in dem der tatsächliche Bedarf an Symbolen als digitale visuelle Symbole auftauchte. Für diejenigen unter Ihnen, die es nicht wussten, das Symbol-Design erschien erst 1981 mit der Geburt des Xerox 8010 Star, der im Grunde der erste Computer war, der über eine grafische Benutzeroberfläche oder grafische Benutzeroberfläche verfügte, was bedeutet, dass die Kunstform selbst von keineswegs alt im Vergleich zu anderen. Aber es ist auch nicht „jung“, da es sich über die Jahre unglaublich schnell entwickelt hat und noch nicht seine volle Dynamik erreicht hat.

Warum?

Das „Warum“ ist wahrscheinlich das wichtigste von den dreien, da es erklärt, wie es dazu kam, aber ehrlich gesagt sind sie alle tief miteinander verbunden, da sich die drei Variablen in hohem Maße gegenseitig beeinflusst haben.

Nehmen wir uns eine Minute Zeit und überlegen, wie unterschiedlich die Dinge hätten sein können, wenn die Gründe für die Geburt der GUI andere gewesen wären oder wenn die Menschen hinter dem Projekt nie geboren würden. Wir würden wahrscheinlich immer noch Line-Interfaces verwenden – na ja, wahrscheinlich nicht, aber hey, die Dinge würden ein bisschen anders sein, glauben Sie mir!

Nun, ich werde Sie nicht so einfach davonkommen lassen, Ihnen alle Antworten zu geben, da ich Ihnen die Reise wirklich nicht verderben möchte. Aber ich werde Ihnen einen Link zu einer schönen interaktiven Website hinterlassen, die alle Informationen an einem Ort gesammelt hat und sie so verdammt gut präsentiert.

Letztendlich ist dies nur eine Übung, die Ihnen helfen soll, mit den Wurzeln des Symbol-Designs in Kontakt zu treten, was ich Ihnen dringend empfehle, da Sie verstehen, warum manche Dinge so sind, wie sie heute sind. Auch wenn Sie vergleichen, was bis zu diesem Punkt gemacht wurde, sollten Sie in der Lage sein, zu sehen, wie sich Symbole in Bezug auf Stil und Komplexität entwickelt haben, und die Richtung erfassen, in die die Dinge gehen, oder diese Richtung sogar ändern, indem Sie etwas Neues produzieren und innovativ.

2. Führen Sie einige grundlegende Recherchen für jedes neue Projekt durch

Nun, wenn der erste Tipp eine nette kleine Übung war, von der ich dachte, dass Sie Ihr Wissen über Symbol-Design verbessern könnten, ist dieser meiner Meinung nach eine Regel, die Sie versuchen sollten, zu befolgen, da sie Ihnen helfen wird, den Stil und die Optik zu definieren Sprache der Elemente, die Sie in jedem neuen Projekt entwerfen müssen.

Da ich einen sozialwissenschaftlichen Hintergrund habe, habe ich es geschafft, die Vorteile der Entwicklung und Anwendung einer frühen Forschungsphase in fast allem, was ich tue, zu verstehen und zu schätzen, sogar im Symbol-Design, da es mir ermöglicht, das „Thema“ besser zu verstehen und wie es sich sowohl auf mich als auch auf die anderen Personen/Endbenutzer auswirken kann, mit denen es sich kreuzen soll.

In unserem Fall ist das „Subjekt“ eigentlich ein digitales Produkt, das geschaffen wurde, um eine visuelle Konversation mit Benutzern aufrechtzuerhalten, die am Ende damit interagieren. Diese Interaktion muss leicht herzustellen sein und vor allem muss sie sich natürlich anfühlen, in dem Sinne, dass das Symbol klar sprechen und eine gemeinsame spezifische Emotion/ein gemeinsames spezifisches Wort in den Herzen und Köpfen derjenigen auslösen muss, die es sehen, egal, was es ist ob es das erste oder das dreißigste Mal ist, dass sie es sehen.

Daher müssen großartige Symbole universell sein und Barrieren wie Geschlecht, Rasse, Alter usw. überwinden und die gleiche Botschaft vermitteln, unabhängig davon, wer der Endbenutzer ist.

Nun, wie bei jedem anderen Produkt, werden Symbole normalerweise mit einer bestimmten Rolle erstellt. Egal, ob sie auf einer Website verwendet oder in einer App angezeigt werden, Sie sollten sich immer etwas Zeit nehmen, um über die verschiedenen Variablen nachzudenken, die Sie bei der Erstellung jeder einzelnen von ihnen berücksichtigen müssen, da der Stil und das "Gefühl" “ wird mit ziemlicher Sicherheit von diesen Faktoren beeinflusst.

Dies kann leicht erreicht werden, indem Sie ein paar Stunden damit verbringen und sich an einer Recherchephase beteiligen, in der Sie die Antworten auf diese drei kurzen Fragen finden müssen:

• Wer?
• Was?
• Wie?

Wer?

Das „Wer“ steht für „Benutzer“ und beschreibt alle Variablen, die ihn oder sie definieren. Diese Frage ist wichtig, da Sie je nach Zielgruppe Ihre Entwurfsmuster anpassen müssen, damit sie einige Bedingungen erfüllen, die von Projekt zu Projekt unterschiedlich sein können.

Mit anderen Worten, Sie müssen „herausfinden“, wer Ihr Benutzer ist, indem Sie eine umfassende Liste von Merkmalen erstellen, die sich letztendlich auf seine Erfahrung mit den Symbolen und der Benutzeroberfläche selbst auswirken können.

Normalerweise sind diese Merkmale:

• Alter (jüngere Benutzer vs. ältere Benutzer)
• Geschlecht (männliche Nutzer vs. weibliche Nutzer)
• Rasse (kulturelle Unterschiede)
• Bildung (gebildete Benutzer vs. Benutzer ohne Bildung)
• Technische Fähigkeiten (technisch versierte Benutzer vs. Benutzer, die Angst vor Technologie haben)

Nehmen wir ein kurzes Beispiel und überlegen wir uns, wie das Alter als soziodemografische Variable die Art und Weise beeinflusst, wie jüngere Generationen im Vergleich zu älteren mit Benutzeroberflächen interagieren.

Wenn Ihr Endbenutzer jünger ist, ist es wahrscheinlich, dass seine Augen besser mit kleineren Symbolen umgehen können, aber für einen älteren Benutzer können die Dinge anders sein. Mit zunehmendem Alter kommt es zu einer Verschlechterung des Sehvermögens, was ein ernsthaftes Problem darstellt, wenn Sie eine superkleine Benutzeroberfläche erstellt haben.

Dann haben Sie das Problem, dass ältere Benutzer Angst haben, neue Technologien zu ändern und zu verwenden, da es für sie schwieriger ist, zu verstehen und herauszufinden, wie neue Dinge funktionieren als die alten, die sie früher verwendet haben.

Der Stil des eigentlichen Symbols kann von älteren Benutzern anders wahrgenommen und akzeptiert werden, insbesondere wenn wir helle, gesättigte Farben verwenden, die für sie möglicherweise nicht so attraktiv sind, da ihre Augen auf diese Reize anders reagieren als die Augen jüngerer Menschen .

Wenn wir nun als dritte Variable „Bildung“ hinzufügen, dann haben wir eine noch größere Kluft, da es in beiden Altersgruppen Benutzer mit einer Grundbildung und Benutzer gibt, die keine Möglichkeit hatten, an einer angemessenen Ausbildung teilzunehmen Institut.

Obwohl ich nicht unbedingt denke, dass es eine allgemeine Regel gibt, wenn es um das Bildungsniveau und die Fähigkeit des Benutzers geht, eine bestimmte Technologie zu verwenden, gibt es definitiv Situationen, in denen Benutzer, die noch nie auf ein bestimmtes Symbol gestoßen sind, möglicherweise nicht in der Lage sind, es zu verstehen die Bedeutung einer Ikone, da sie noch nie die Möglichkeit hatten, sie in dieser Form zu konzeptualisieren.

Auch Rasse ist eine andere Sache, über die wir noch nachdenken müssen, da einige Symbole von Benutzern aus anderen Regionen der Welt je nach Kontext anders gelesen werden können.

Sobald Sie beginnen, Antworten zu finden, werden Sie sehen, wie Ihr „Benutzer“ Gestalt annimmt, denn mit jeder entdeckten Qualität kommen Sie einem endgültigen Muster näher, das Sie in Ihrem Design und damit in Ihrem visuellen Design implementieren und verwenden müssen Sprache.

Auf der anderen Seite muss das „Wer“ auch verwendet werden, um herauszufinden, wer die Person oder das Unternehmen ist, die die Kommunikation initiieren, da wir durch die Kenntnis sowohl der Quelle als auch des Empfängers den perfekten Sweet Spot identifizieren können, an dem die Symbole und die Benutzeroberfläche mühelos kommunizieren , und zwar in einer Weise, die die Persönlichkeit des Unternehmens widerspiegelt, das dahinter steht.

Dieser letzte Teil erfolgt normalerweise durch Erstellen benutzerdefinierter Variationen der bereits verwendeten Symbole, um ihnen einen einzigartigen Stil zu verleihen, den die Leute leicht mit einer Marke verknüpfen können.

Was?

Das „Was“ steht für „Botschaft“, genauer gesagt für das, was ich als Visual Creator meinem Publikum mitteilen muss. Es kann ein einfaches Wort oder eine Emotion sein. Was auch immer wir an unsere Nutzer weitergeben möchten, wir müssen sicherstellen, dass dies so einfach ist, dass es von der Person, die damit interagiert, verstanden wird.

Nun ist es ziemlich offensichtlich, dass unsere „Botschaft“ direkt mit unserer Zielgruppe verbunden ist. Je nachdem, welche Variablen wir beim Endbenutzer identifiziert haben, müssen wir sie so einfach machen, dass sie sie interpretieren und verstehen können.

Wenn unser Publikum also hauptsächlich aus jungen Leuten mit einem höheren Bildungsniveau besteht, können wir komplexere Ikonen erstellen. Wären die Nutzer älter und hätten einen niedrigeren Bildungsstand, müssten wir unsere Bildsprache so anpassen, dass unsere Symbole einfach genug sind, um die Idee an sie weiterzugeben.

Das „Was“ kann auch für „Mission“ stehen, genauer gesagt für das Kerngeschäft eines Produkts, wobei in manchen Fällen Benutzer tatsächlich über eine grundlegende Wissensbasis zu visuellen Symbolen verfügen müssen, um damit interagieren zu können.

Natürlich müssen Sie immer noch versuchen, eine Sprache zu entwickeln, die für Ihr Kernpublikum leicht zugänglich ist, aber manchmal müssen Sie sie möglicherweise einfach dazu zwingen, neue Dinge zu lernen, da es am Ende in ihrem besten Interesse ist.

Ein perfektes Beispiel dafür ist die Verwendung neuer kreativer/technischer Software wie Adobe Illustrator, AutoCad oder einer anderen, bei der der Benutzer, obwohl die Symbole mit Blick auf Einfachheit und Benutzerfreundlichkeit erstellt wurden, seine visuellen Kenntnisse noch erweitern muss Basis, indem Sie sich mit den spezifischen Funktionen und Schaltflächen vertraut machen, die als Symbole verfügbar sind.

Wie?

Das „Wie“ steht für mehrere Dinge, von „Wie wird mein Benutzer mit meiner Benutzeroberfläche interagieren?“ an die verschiedenen Möglichkeiten, wie ich die Bildsprache anpassen kann, um eine einfachere Interaktion zu ermöglichen. Das „Wie“ zeigt uns also den Weg, den wir gehen müssen, wenn wir die Antworten auf die beiden vorherigen Fragen gefunden haben. Es ist unser Leitfaden, der es uns ermöglicht, unsere visuelle Sprache aufzubauen und zu verfeinern und eine klare Verbindung zu unserer Zielgruppe, unseren Endbenutzern, aufrechtzuerhalten, die zu diesem Zeitpunkt klarer denn je sein sollten.

Das „Wie“ lässt uns auch den Stil und die Richtung unserer  Symbole definieren, da wir jetzt wissen sollten, ob wir kleinere Symbole vs. größere oder komplexere vs. einfache Symbole verwenden sollten.

Sobald Sie die Antworten auf diese drei Fragen gefunden haben, können Sie weitermachen und mit der Arbeit an den eigentlichen Symbolen selbst beginnen, da Sie eine solide Grundlage haben sollten.

3. Finden Sie das Thema heraus

Das Thema ist normalerweise der nächste logische Schritt, den man beim Erstellen von Symbolen unternehmen muss, und hängt eng mit dem Kontext zusammen, in dem sie verwendet werden. Sie können sich das „Thema“ als eine Geschichte vorstellen, die durch ihre komponierenden Elemente, die Ikonen, erzählt wird.

Wie bei jeder Geschichte müssen die Fakten synchron sein, da Sie Ihre Geschichte nicht „Der alte Mann und das Meer“ nennen und dann über Raumschiffe und Raketen sprechen können – das wäre ziemlich verwirrend. So wird Ihr „Thema“ durch die sorgfältig gestalteten Symbole widergespiegelt, die mit der Idee / dem Konzept dahinter in Berührung kommen müssen.

Je nachdem, für wen Sie die Symbole erstellen, sei es für sich selbst oder für einen Kunden/ein Unternehmen, werden Sie feststellen, dass die Wege zur Auswahl des richtigen Themas sehr unterschiedlich sind, da Ihnen der Kontext möglicherweise mehr oder weniger Freiheit lässt, als Sie es sich wünschen würden.

Wenn Sie ein Symbol-Paket nur für Sie erstellen, als Teil Ihres Portfolios verwenden oder online verkaufen möchten, haben Sie normalerweise volle kreative Freiheit bei der Suche nach einem Thema, da niemand sonst an der Erstellung und Weitergabe der Produkt.  Das Problem ist, dass sich dies manchmal als schwierige Herausforderung erweisen kann, da es schwierig ist, immer genau herauszufinden, was Sie tun möchten.

Was ich normalerweise mache, wenn ich mich in einer Gurke befinde, ist ein Blatt Papier zu nehmen und dann fünf verschiedene Schlüsselwörter aufzuschreiben, die ich in Symbole verwandeln möchte. Sobald ich meine Auswahl getroffen habe, denke ich über die verschiedenen Objekte nach, die ich in mein Paket aufnehmen könnte, und schreibe diese ebenfalls auf, wobei ich darauf achte, mindestens 20 Elemente zu sammeln, damit ich einen starken Start habe. Dann nehme ich mir einen Moment Zeit und überarbeite meine Liste, da dies normalerweise dazu führt, dass mehr Elemente hinzugefügt werden, die ich möglicherweise übersehen habe. Wenn ich eine Zahl erreicht habe, bei der ich mich wohl fühle, gehe ich zum nächsten Schritt über.

Wenn Sie nun ein Thema für einen Kunden erstellen, wird die Entscheidung normalerweise in Zusammenarbeit mit einer oder manchmal mehreren Personen getroffen, die versuchen, Ihnen ihre Vision zu präsentieren und dann darauf warten, dass Sie etwas entwickeln, das diese Vision erfüllt. Meistens werden Sie dies hilfreich finden, da Kunden immer mehr über ihr Produkt/Ihre Dienstleistung wissen als Sie, was bedeutet, dass sie tatsächlich eine großartige Ressource sein können, die Sie für Ihre Arbeit nutzen können.

In anderen Fällen ist der Kunde völlig unvorbereitet und möchte, dass Sie etwas Ähnliches erstellen, wie Designer „X“ oder „Y“ für jemand anderen getan haben. Wenn Sie jemals in dieser Situation sind, erinnern Sie Ihren Kunden immer daran, dass es wichtiger ist, originell zu sein, als eine visuelle Identität zu haben, die der eines anderen ähnelt. In diesen Momenten müssen Sie die Kontrolle übernehmen und den Kunden zu einer gemeinsamen Basis führen, auf der er sich nicht aus dem Entscheidungsprozess ausgeschlossen fühlt, und ihm zeigen, warum Ihre Vision besser funktionieren könnte.

4. Definieren eines Stils für Ihre Symbole

Sobald Sie ein Thema haben, müssen Sie als nächstes überlegen, welchen Stil Sie verwenden möchten, um Ihre Symbole zu erstellen. Wenn das „Thema“ Ihre Geschichte ist, dann ist der „Stil“, wie Sie diese Geschichte erzählen, und das ist wirklich wichtig, da es Ihnen die Möglichkeit gibt, sich von allen anderen abzuheben, indem Sie etwas Einzigartiges schaffen.

Heute haben wir zwei große, nicht ganz unterschiedliche Stile, die im Trend liegen: Flach- und Liniensymbole.

4.1. Flache Symbole

Der erste ist "flach", was wahrscheinlich am einfachsten zu nennen ist, da er nicht den ganzen Glanz und Schliff hat, den der Skeuomorphismus dafür hatte, sondern einem einfacheren Prinzip folgt, bei dem das Symbol verspielter ist Darstellung seines realen Gegenstücks oder seiner Funktion.

Wenn ich den Stil kurz charakterisieren würde, würde ich sagen, dass er leicht zu verstehen ist, da man keine verrückten Gradientenfähigkeiten entwickeln und beherrschen muss, und es macht Spaß, damit zu arbeiten, da man mit vielen Formen und Farben spielen kann und am Ende etwas wirklich Interessantes bekommen.

4.2. Liniensymbole

Der zweite Stil ist "Linie" und ist eine Kombination aus Flach mit einem Hauch von Linienführung der alten Schule, bei der Sie die verschiedenen Abschnitte der Komposition isolieren, indem Sie dünnere oder dickere Linien oder Umrisse hinzufügen. Im Vergleich zum vorherigen Stil können Liniensymbole mit Füllformen und Umrissen erstellt werden.

Oder Sie können es tun, indem Sie nur Linien verwenden.

Eine andere Sache, die sich bei diesem Stil unterscheidet, ist, dass Sie viel mehr mit dem Zeichenstift-Werkzeug (P) arbeiten müssen als mit flachen Symbolen, bei denen Sie sich auf grundlegende Formen wie Rechtecke und Kreise verlassen würden, die Sie mit dem Pathfinder-Bedienfeld in Kombination anpassen würden mit einigen anderen Einstellwerkzeugen.

Ob es nun „Liniensymbole“ oder „flache Symbole“ sind, spielt keine Rolle, solange Sie etwas erstellen, das Ihre eigene persönliche Handschrift trägt. Wenn es gut genug ist, wissen die Leute sofort, wer der Autor ist.

Ich finde, dass Stil eine Summe von drei verschiedenen Aspekten ist:

• Farbe
• Form 
• Ausdruck

Farbe

Farbe ist eines der Dinge, die dazu beitragen, einen persönlichen Stil zu definieren, aber es ist nicht so einfach zu meistern, da dahinter eine ganze Theorie steht, die Sie beherrschen müssen, da sie Ihnen sehr helfen wird. Sie können sich Farbe als den „Ton“ vorstellen, den Sie für Ihre Geschichte festlegen. Je heller und wärmer die Farben sind, desto fröhlicher und wärmer wird die Geschichte.

Ändere die Wärme deiner Farben und dann ändert sich der „Ton“ von etwas freundlichem zu etwas entfernterem.

Dies ist natürlich nur eine kleine Interpretation, da den Farben alle möglichen Bedeutungen zugeschrieben werden, auf die ich nicht weiter eingehen werde, da es bereits einen sehr gut geschriebenen Artikel gibt, der alles, was man wissen muss, ausführlich erklärt.

Form

Wenn nun Farbe den „Ton“ der Geschichte vorgibt, dann definiert die Form die Fähigkeiten des „Geschichtenerzählers“, denn es gibt Designer, die hochdetaillierte Kunstwerke schaffen können, während andere den gleichen Effekt mit einfachen, ebenso ausdrucksstarken Formen erzielen.

Darüber hinaus hilft die Form auch dabei, die „Stimmung“ der Geschichte zu bestimmen, oder genauer gesagt, wie Ihre Benutzer die Symbole wahrnehmen. Sie können sich für ein verspielteres Gefühl entscheiden, das durch die Verwendung weicher abgerundeter Ecken und Formen oder etwas Formelleres durch Verwendung von geraden Ecken und Linien erreicht werden kann.

Sie können auch zwischen Formen und Linien wählen, die sich organischer anfühlen, die natürlicher aussehen, und solchen, die sich mehr von Menschenhand anfühlen. Am Ende liegt alles an Ihnen und den Bedürfnissen des Projekts.

Ausdruck

Ausdruck kann als die „Emotion“ angesehen werden, die Ihre Symbole im Kopf der Person auslösen, die sie betrachtet. Wie Sie wahrscheinlich schon vermutet haben, geschieht dies hauptsächlich durch die Kombination intelligenter Farbschemata mit den richtigen Formen. Ohne Ausdruck wird Ihr Stil unweigerlich leiden, da Sie nicht dieses einzigartige „Etwas“ haben, das den Geist des Betrachters anspricht.

Das Problem mit Stil ist nun, dass er etwas schwer zu finden ist, da kreative Köpfe normalerweise anders verdrahtet sind, was bedeutet, dass ein bestimmter Designer seinen oder ihren Stil möglicherweise schneller entwickelt, während andere möglicherweise etwas härter arbeiten müssen, um ihren zu entdecken.

Normalerweise ist dies die größte Frage, die sich die Leute im Icon-Design stellen, aber die ehrliche Wahrheit ist, dass es keine universelle Formel gibt, um einen überwältigenden Stil zu erreichen. Es ist alles subjektiv für jeden von uns und es hängt nur von der Zeit und Energie ab, die wir in den Prozess investieren, um in dem, was wir tun, besser zu werden. Stil wird Sie erst finden, wenn Sie sich seiner würdig erwiesen haben, aber glauben Sie mir, wenn er es tut, werden Sie tagelang lächeln.

Es ist auch nichts falsch daran, verschiedene Stile auszuprobieren, da dies tatsächlich eine gute Möglichkeit ist, herauszufinden, was Sie gut können und was Sie tun können, um sich zu verbessern. Glauben Sie mir nicht? Nun, wählen Sie einfach ein paar Ihrer Lieblings-Symbol-Designer aus und gehen Sie zurück in ihre Anfänge und versuchen Sie zu sehen, wie sich ihr Stil im Laufe der Zeit entwickelt und verändert hat.

Heute konzentriert sich der Trend beim Symbol-Design hauptsächlich auf die „Linienarbeit“, bei der die Komposition aus Füllfarben und harten dicken Linien besteht, die die verschiedenen Abschnitte begrenzen, die das eigentliche Symbol aufbauen. Der Grund für seine Popularität liegt hauptsächlich in der Einfachheit, mit der Sie eine Idee/Emotion ausdrücken können, indem Sie nur ein paar Formen und Farben verwenden, im Vergleich zu den alten Tagen des Skeuomorphismus, in denen Symbole so erstellt wurden, dass sie ihren realen Gegenstücken so ähnlich sind wie technisch möglich.

Die Sache mit dem Stil ist, dass er sich ständig ändert, da Designer immer neue Wege finden, das bis zu einem bestimmten Punkt zu verbessern, was am Ende zu einem Übergang zu etwas Neuem führt, zu etwas „Frischem“, das stark genug ist, um alle zu machen sonst halte dich daran. Wie in der Mode finden auch Symbol-Trends immer einen Weg, sich selbst wiederzubeleben, so dass es immer die Möglichkeit gibt, dass ein sterbender Trend zu einem fernen Zeitpunkt wieder zum Leben erweckt wird.

5. Erstellen Sie mit Größenvariationen im Hinterkopf

Größe – oder genauer „Größen“ – ist wahrscheinlich der wichtigste Aspekt, für den Sie sich entscheiden müssen, unabhängig von dem Projekt, an dem Sie arbeiten, da Ihre Symbole wahrscheinlich auf einer Reihe von Bildschirmen unterschiedlicher Größe und Pixeldichte verwendet werden . Dies bedeutet, dass sie bestimmten vordefinierten Größen folgen müssen, die entweder von der Schnittstelle oder vom Betriebssystem selbst festgelegt werden.

Dies ist normalerweise bei mobilen Betriebssystemen der Fall, bei denen die für ihre Erstellung und Entwicklung verantwortlichen Unternehmen diese Spezifikationen veröffentlichen und die Entwickler auffordern, sich daran zu halten, um die Konsistenz zu gewährleisten.

Egal, ob es sich um Googles Android oder Apples iOS handelt, Sie können leicht die richtige Größe / Größen finden, die Sie beim Erstellen einer Reihe von Symbolen für eine mobile App benötigen.

Manchmal arbeiten Sie an einer Website oder einer Software, die Ihnen mehr Freiheit gibt, aber das bedeutet, dass Sie sich Zeit nehmen und recherchieren müssen, welche Größe abhängig von den verschiedenen Variablen, die Sie berücksichtigen müssen, am besten funktioniert.

Jetzt müssen Sie nicht jede Größenvariation für jedes Gerät und jedes Betriebssystem auswendig kennen, aber Sie müssen wissen, dass Sie je nach den Anforderungen des Projekts vordefinierte Werte anpassen und verwenden müssen, anstatt selbst eigene zu entwickeln .

Auf der anderen Seite, wenn Sie einen Symbol-Pack erstellen, um es auf einem Online-Markt zu verkaufen, gelten auch hier die gleichen Regeln, da diese Pakete normalerweise mit vordefinierten Größenvariationen geliefert werden, die von 16 x 16 px bis hin zu 256 x 256 px reichen.

Wenn Sie genau wissen, welche Größen Sie erstellen müssen, wird es viel einfacher, jedes Projekt zu verwalten, da Sie den kreativen Prozess nicht aus der Steckdose ziehen und Zeit mit Recherchen verschwenden müssen, die Sie hätten tun sollen, bevor Sie mit der Erstellung beginnen .

Als allgemeine Regel gilt, egal wo Ihr Symbol verwendet wird, beginnen Sie immer mit der kleinsten Größe und verwenden Sie diese als Basisraster, um alle größeren zu erstellen, da es bei pixelperfekten Objekten einfacher ist, sie zu vergrößern als auf verkleinern Sie sie, was normalerweise dazu führt, dass Ihr Design kaputt geht.

In diesem kleinen Tutorial, das ich erst kürzlich geschrieben habe, können Sie mehr über den Prozess der korrekten Skalierung Ihrer Symbole lesen.

6. Erzielen Sie Konsistenz und Kohärenz mithilfe von Referenzgittern

Als allgemeine Regel gilt: Wenn Sie ein Symbolpaket erstellen, also mehr als ein Symbol für ein Projekt, muss das Produkt durchgehend konsistent sein, sonst ist der „Stil“ nicht vorhanden, da Ihre Symbole nicht vorhanden sind in optischer Harmonie.

Abgesehen davon sollten Sie als Nächstes mit dem Erlernen und Anwenden in Ihrem gesamten Workflow beginnen, Referenzraster. Per Definition ist ein Raster eine „Struktur, die aus einer Reihe sich schneidender gerader (vertikaler, horizontaler und eckiger) oder gekrümmter Hilfslinien besteht, die zur Strukturierung von Inhalten verwendet werden. Das Raster dient als Armatur, auf der ein Designer grafische Elemente rationell und leicht zu absorbieren organisieren kann“(Wikipedia).

Im Symbol-Design sind Referenzraster normalerweise eine Notwendigkeit, da Sie damit zusammenhängenden Symbol-Pack erstellen können, was ein Muss ist, da Sie kein Produkt verkaufen können, das einen unausgewogenen Stil über seine Assets aufweist.

7. Vermeiden Sie immer die Verwendung von Text in Ihren Symbolen

Seien wir ehrlich: Wenn Ihr Symbol nicht in der Lage ist, seine Geschichte durch einen einfachen Blick zu erzählen, haben Sie wahrscheinlich etwas falsch gemacht, da das Symbol dahinter die Notwendigkeit der Verwendung von Wörtern überwinden muss.

Stellen Sie sich vor, wie seltsam es wäre, wenn Sie ein Uhrensymbol mit dem Wort "Uhr" darunter hätten. Ich meine, es sollte offensichtlich sein, dass das, was Sie geschaffen haben, eine Uhr ist, ohne es mit Worten ausdrücken zu müssen.

Denken Sie darüber hinaus darüber nach, wie schwierig es wäre, ein superkleines Symbol (24 x 24 px) zu erstellen und ein Wort mit einer Schriftstärke von 6 px daneben einzufügen, und dann tatsächlich zu erwarten, dass der Benutzer es lesen kann.

Ja, sicher gibt es ein paar Situationen, in denen Sie einen Buchstaben oder eine Zahl verwenden könnten, zum Beispiel ein Textdokumentsymbol oder ein Kalendersymbol, aber dies sind normalerweise seltene Fälle, in denen diese Symbole tatsächlich zum Stil und zur Bedeutung des Symbols beitragen können .

Generell sollten Sie immer auf Text verzichten und stattdessen einen Weg finden, ein Symbol zu erstellen, das eine klare Stimme hat und das ausdrückt, wofür es von Anfang an steht, ohne dass externe Hilfe benötigt wird.

Wenn es um Fotos geht, gibt es Situationen, in denen Bilder immer noch verwendet werden, aber ich muss ehrlich sein, ich habe noch nie daran gedacht, Fotos als Teil eines Symbols zu verwenden. Ich meine, es ist einfach nur seltsam, da der einzige Grund für die Verwendung von Symbolen darin besteht, eine Funktion oder einen Teil der Realität in eine Benutzeroberfläche zu übersetzen.

8. Streben Sie nach Pixel-Perfektion

Für diejenigen, die einige meiner anderen Tutorials gelesen haben, wissen Sie vielleicht, dass ich ein echter Fanatiker bin, wenn es darum geht, pixelperfekte Kunstwerke zu erstellen, da ich fest an eine „gute Arbeit“ glaube.

Egal, was Sie tun, ob Symbol-Design oder mechanische Uhren, es gibt eine klare Grenze zwischen denen, die mit Qualitätsdenken kreieren, und denen, die nur aus dem bloßen Motiv des schnellen Geldes schaffen. Glauben Sie mir, Sie werden immer Teil der ersten Gruppe sein wollen, da Sie sonst nicht lange durchhalten.

Dies ist beim Symbol-Design der Fall, bei dem Sie lernen müssen, wie man für das digitale Medium erstellt, indem Sie sicherstellen, dass jede kleine Form und Linie perfekt am Pixelraster eingerastet ist, damit das Symbol richtig ist so scharf und knackig wie möglich.

Ich habe Tonnen von schlecht konstruierten Symbolen gesehen, die auf Geräten mit höheren dpi allesamt matschig aussehen, und ich habe mich immer gefragt, warum sie die Dinge nicht richtig gemacht haben. Letztendlich war es das, was mich dazu motivierte, so viel wie möglich zu diesem Thema zu recherchieren und eine Anleitung zu erstellen, die den Prozess der Erstellung pixelperfekter Kunstwerke erklärt.

Wenn das Lernen durch Zuschauen eher Ihr Ding ist, dann gibt es auch einen schönen Videokurs, den ich vor ein paar Monaten erstellt habe und der Sie Schritt für Schritt durch den Prozess der Erstellung einer Reihe von pixelperfekten Symbolen führt.

9. Lernen Sie die Kunst der Einfachheit zu meistern

Dieser fällt unter das „Weniger ist mehr“-Prinzip, da die ganze Idee des Symbol-Designs darin besteht, ein visuelles Symbol zu schaffen, das für sich selbst spricht und in seiner Gesamtkonstruktion so einfach wie möglich ist.

Der Grund dafür ist, dass Symbole in der Regel in kleinen Paketen geliefert werden, was bedeutet, dass Sie als Designer und visueller Tüftler die optimale Menge an Details finden müssen, die es ermöglicht, sein Informationspaket beizubehalten und gleichzeitig so viel unnötiges „visuelles Gewicht“ zu verlieren. wie möglich. Auf diese Weise geben Sie den Benutzern mehr Sicherheit, sowohl das Symbol als auch die verschiedenen darin integrierten Funktionen zu verstehen und zu verwenden, und schaffen so eine effizientere Interaktion.

Einige mögen argumentieren, dass Sie durch die Reduzierung des Symbols auf das „wesentliche Wesentliche“ am Ende viel von seiner visuellen Anziehungskraft verlieren, aber lassen Sie mich dem widersprechen, da ich einige spektakuläre Symbole gesehen habe, die in ihrer Einfachheit wunderschön sind.

Denken Sie daran, dass Ihre Mission als Symbol-Designer letztendlich darin besteht, etwas Funktionales zu schaffen, das einfach zu bedienen ist und eine schöne Anziehungskraft hat.

10. Immer iterieren

Hören Sie niemals bei der ersten Version eines Designs auf. Zwingen Sie sich immer, so viele Iterationen wie möglich zu erstellen, bis Sie die goldene finden, die nicht nur Bände spricht, sondern auch am besten aussieht. Auf diese Weise treiben Sie sich immer dazu an, schneller zu wachsen und Fähigkeiten zu entwickeln und vor allem einen besseren Job zu machen, was jeder von uns anstreben sollte.

Es spielt keine Rolle, ob es auf einem einfachen Blatt Papier oder auf einer 800 x 600 Pixel großen Zeichenfläche geschieht. Wichtig ist, dass Sie so viele Richtungen wie möglich erkunden, bevor Sie sich für die endgültige Version entscheiden, denn Ihre ersten Ideen sind nicht immer die besten.

Wenn Sie Ihre Fähigkeiten und Ihre Vorstellungskraft maximal ausschöpfen möchten, beschränken Sie sich auf sechs oder acht Iterationen und geben Sie Ihr Bestes für jede einzelne davon. Wenn Sie fertig sind, nehmen Sie sich einen Moment Zeit, um zu analysieren und zu sehen, welche die Arbeit besser macht und warum.

Wenn Sie es schaffen, dies zu einer täglichen Routine zu machen, garantiere ich Ihnen, dass Sie neue Projekte schneller angehen können, da Sie von Anfang an wissen, welcher Stil am besten funktioniert, und Sie werden besser darin, Ikonen zu erstellen, die in Das Ende wird Ihr handwerkliches Niveau widerspiegeln.

Zum Abschluss

Nun, um die Dinge zusammenzufassen, all diese Tipps sind einfache Dinge, auf die sich wahrscheinlich jeder von euch hätte einfallen lassen können, aber das Besondere (zumindest für mich) ist, dass sie aus meiner eigenen Erfahrung stammen, meiner eigenen Kreativität Reisen mit ihren Höhen und Tiefen, damit Sie die Art und Weise verbessern können, wie Sie die Erstellung von Symbolen angehen.

Ich hoffe wirklich, dass Sie sie nützlich fanden, und wenn Sie einen anderen Tipp haben, den Sie mit uns teilen möchten, hinterlassen Sie ihn bitte im Kommentarbereich, da ich sicher bin, dass sowohl ich als auch alle anderen ihn lesen wird dankbar sein.

Bevor ich gehe, hinterlasse ich Ihnen auch einen Link zu allen Symbolpaketen, die ich als Referenz verwendet habe, falls Sie sie ausprobieren möchten.

• Media Player-Symbole von Yurlick
• Weihnachten-Symbole von Rodionova
• Universelle flache Symbole von Vasabii
• Die Weihnachten-Symbole von Lastspark
• Weihnachtslinien-Symbole von Kuzzie
• Kunst-Vektor-Symbole von Naripuru
• Finanz-Symbol von Albarn
• E-Commerce-Geschäft und Finanzen von Kolo_designer
• Dokumenten-Symbole Set von In-Finity
• Office-Symbole von Mikkimikki_prg