Design für Nicht-Designer

Beispielsweise beschäftigt sich der Designer nicht nur mit dem, was der Benutzer auf dem Bildschirm sehen kann, sondern auch mit dem, was der Benutzer als Reaktion auf ein Ereignis sehen wird. Ein Ereignis kann beispielsweise ein Mausklick, ein Timer-Ende oder sogar ein Fehler sein. Wir müssen uns darum kümmern, wie das Produkt auf Dinge reagiert, die passieren, während der Benutzer damit interagiert. Obwohl unsere Arbeit normalerweise auf einem zweidimensionalen Bildschirm angezeigt wird, müssen wir in mindestens vier Dimensionen denken können.

Erfolg als Webdesigner erfordert die Beherrschung einer Vielzahl von Fähigkeiten. Die folgende Tabelle zeigt eine stark vereinfachte Ansicht der wichtigsten Bereiche, in denen Designer mindestens ein funktionierendes Verständnis haben müssen.

In jeder dieser Ebenen können zahlreiche andere Ebenen vorhanden sein, die jeweils unterschiedliche Kenntnisse, Fähigkeiten und Spezialisierungen erfordern. Wenn Sie beispielsweise die beiden obersten Ebenen (Benutzeroberfläche und Navigationsarchitektur) gruppieren, befinden Sie sich im Bereich eines UX-Designers, da ihre Hauptaufgabe darin besteht zu prüfen, wie diese Elemente funktionieren oder nicht zum Nutzen von der Benutzer. Durch Gruppieren der beiden unteren Ebenen erhalten Sie ein Systemdesign.

Wenn Sie die oberste Ebene isolieren, finden Sie Fachgebiete für Grafikdesign, Formulardesign, Layout, Typografie, Animation und vieles mehr. Der Punkt ist, dass es keine einfache Definition gibt, was ein Webdesigner ist oder tut. Sie können einige der oben beschriebenen Dinge tun oder keine von ihnen.

Einige Webdesigner mögen Grafikdesign und Zeichnen brillant sein, sind aber beim Codieren völlig ahnungslos. Andere mögen brillante Programmierer sein, können aber nicht viel besser zeichnen als ein durchschnittlicher Kindergartenschüler. Wenn Webdesigner nicht genau wissen, was Webdesign ist, dann ist es kein Wunder, dass Kunden selten wissen, wie komplex es ist, eine qualitativ hochwertige Website zu erstellen.

Die Beherrschung all dieser Fähigkeiten ist für jeden Einzelnen eine große Herausforderung, weshalb die meisten Studios es vorziehen, in einer Teamumgebung zu arbeiten. Das ist nicht immer für alle praktisch, zum Beispiel, wenn Sie nur in Ihrem eigenen kleinen Unternehmen Fuß fassen und es manchmal vorkommen kann, dass Sie für ein abwesendes Teammitglied aufkommen müssen. In diesem Handbuch wird erläutert, wie Sie damit umgehen können, wenn die Erwartungen Ihres Kunden an Sie Ihre eigenen Erwartungen übertreffen.

1. Kennen Sie Ihre Stärken

Es hilft viel, wenn Sie bereits wissen, was Sie am besten können. Bist du gut in der Codierung? Konzentrieren Sie dann 80% Ihres Produktionsaufwands auf das Codieren. Malst du gut? Dann konzentrieren Sie sich auf 80% Ihres Produktionsaufwands. Bist du gut in beiden Nutzen Sie diesen Vorteil und finden Sie jemanden, der die anstrengende Arbeit erledigt. Übrigens, Ihre Stärken zu kennen, bedeutet auch, Ihre Schwächen zu erkennen, und Sie sollten sich auf 80% Ihrer Lernanstrengungen konzentrieren, damit Sie diese beseitigen können.

2. Sich zusammen tun

Egal wie sparsam Sie sein wollen oder wie gierig Sie sich fühlen, der Ratschlag, den Sie in der Vorschule erhalten haben und den es sich gut anfühlt, zu teilen, ist eigentlich ziemlich solide. Um es so auszudrücken: Wollen Sie pro Monat an einer Website für $ 2000 arbeiten oder möchten Sie pro Monat an 20-Websites mit einem 20-Anteil von $ 40,000 arbeiten? Ein talentiertes Team von Mitarbeitern bedeutet, dass Sie in weniger Zeit mehr erreichen können, vorausgesetzt, dass Sie alle gut zusammenarbeiten können (das ist das andere, was wir im Vorschulalter gelernt haben).

Glücklicherweise leben wir in einer Zeit, in der die Suche nach Talenten einfacher ist als je zuvor. Ein Team könnte alle in einem Gebäude zusammenarbeiten oder sich auf fünf verschiedene Kontinente verteilen. Solche kleinen Details spielen keine Rolle mehr, solange Ihre Kommunikation gut funktioniert.

Stellen Sie nur sicher, dass Sie Ihre Talente bei Outsourcing nicht auf Wettbewerbswebseiten wie O-Desk oder E-Lance beziehen. Diese sind mit Möchtegern und Faulenzern gefüllt, so dass man echte Talente finden kann, als würde man in einem riesigen Kohleberg nach einem Diamanten suchen.

Gehen Sie an Orte, an denen Sie Diamantenberge finden, die stattdessen nur gelegentlich mit Kohle bedeckt sind. Wenn Sie die Kugel beißen müssen und mit jemandem von diesen anderen Websites arbeiten müssen, gehen Sie nicht zum niedrigsten Bieter oder zum Bieter mit den meisten abgeschlossenen Arbeiten. Suchen Sie nach dem besten Kommunikator (gut geschriebene Anzeige oder Antwort, der deutlich macht, was er in einer Sprache tun kann, die Sie verstehen können).

Was für Orte? Hier einige Vorschläge:

  • StackOverflow für Codierer
  • ProBlogger für Inhaltsersteller
  • Freelance Artists Network für Illustratoren
  • Toptal für UI-, UX- und Visual-Designer

Mieten aus Qualitätsquellen wie dieser ist nicht billig, aber Sie können sich sicherer auf die möglichen Ergebnisse verlassen. Versuchen Sie, dauerhafte Partnerschaften einzugehen, und wenn möglich, ist es am besten, die Einnahmen auf Festgeldbasis zu vereinbaren, anstatt einen Stundensatz zu zahlen.

Seien Sie sich bewusst, dass die meisten Menschen ihre Fähigkeiten überschätzen, achten Sie also nicht zu sehr darauf, was die Leute sagen, dass sie dies können. Legen Sie mehr Wert darauf, was die Leute zeigen, dass sie etwas können. Beachten Sie auch das Kaskadieren. Was ist das? Wenn Sie jemanden auslagern, der seinerseits den Job an jemanden auslagert, der ihn möglicherweise selbst auslagert, können Sie sehen, welches Risiko hier besteht.

Wenn eine potenzielle Einstellung mehr Arbeit zu produzieren scheint, als es menschlich möglich wäre und die Qualität nicht völlig scheiße ist, ist dies ein sehr starkes Zeichen dafür, dass sie wahrscheinlich kaskadiert werden, was bedeutet, dass Sie mehr zahlen, als Sie sollten Die Person, die die Arbeit erledigt, wird ausgenutzt.

3. Zur Not können Sie immer nachverfolgen

Mit einer Kombination aus GIMP und InkScape können Sie nahezu jedes Grafikdesign erstellen, das Sie sich vorstellen können. Aber wenn Sie nicht wirklich die Art von Designer sind, der gut zeichnen kann, können Sie immer Ecken schneiden und betrügen. Dieser Artikel wiederholt wirklich nur die Lektionen, die Sie in der Vorschule gelernt haben, nicht wahr? Aber hey, warum zeichnen, wenn Sie nachverfolgen können, richtig?

Jetzt werden Sie feststellen, dass ich gesagt habe, spur und nicht kopieren. Kopieren ist falsch, es sei denn, etwas ist bereits gemeinfrei. Wenn Sie kopieren, setzen Sie sich und Ihren Kunden einem unnötigen Risiko aus und betrügen jemanden, der Zeit und Mühe in die Schaffung von etwas investiert, von dem Sie glauben, dass es sich lohnt zu kopieren.

Bei der Nachverfolgung wird hingegen immer noch ein Originalwerk erstellt, solange das Endergebnis dem Original nicht zu ähnlich ist. Aber man muss sowieso nicht unbedingt die Arbeit eines anderen verfolgen. Sie können auch Ihre eigenen Originalfotos nachzeichnen. Sie können PhotoShop-Filter auch verwenden, um Fotos in Skizzen zu konvertieren. Dies funktioniert jedoch nicht besonders gut.

Lassen Sie uns diese Technik in Aktion sehen

In diesem Szenario hat Ihr Kunde ein Mauslogo für die Erstellung seiner Website angefordert, das dringend erforderlich ist. Die Person, die normalerweise alle Zeichnungen für Sie erledigt, ist nicht erreichbar und Sie haben keine Zeit, andere Personen zu rekrutieren, ohne ein großes Risiko einzugehen. Also, was kannst du machen?

Ein guter Anfang wäre, einfach ein Foto von Ihrer Maus zu machen.

Bearbeiten Sie dann das Bild in GIMP oder PhotoShop, um es auf eine praktischere Größe zu bringen und alle Farbinformationen zu entfernen. Ich fand, dass die Entsättigung mit der Luminosity-Einstellung das beste Ergebnis hinsichtlich der Reduzierung des Schattens ergab.

Exportieren Sie das Bild als neues JPG und schließen Sie den Editor. Öffnen Sie das neue Bild in InkScape.

Klicken Sie auf das Bild, um es auszuwählen, und drücken Sie dann Strg + X, um es in die Zwischenablage zu senden.

Wählen Sie nun Ebenen aus dem Ebenenmenü und klicken Sie auf die Schaltfläche, um eine neue Ebene hinzuzufügen, die Sie als "Hintergrund" bezeichnen könnten.

Drücken Sie Strg + Alt + V, um einen Vorgang zum Einfügen auszuführen. Dadurch wird das Bild genau an der Stelle wieder positioniert, an der Sie es ausschneiden (wenn Sie nur eine normale Einfügung vornehmen, kann es versetzt sein).

Stellen Sie jetzt die Deckkraft der Ebene auf einen niedrigen Wert wie 40 oder sogar 30 ein, und klicken Sie dann auf das Schlosssymbol, um weitere Änderungen an der Ebene zu verhindern.

Fügen Sie eine neue Ebene hinzu, die Sie als "Trace" bezeichnen könnten.

Wählen Sie nun einfach das Stiftwerkzeug (zeichnen Sie Freihandlinien) und zeichnen Sie die Linien sorgfältig nach. Dies funktioniert viel einfacher, wenn Sie einen Stift und ein Grafiktablett verwenden. Dies kann jedoch auch mit einer Maus ausgeführt werden. Es kann hilfreich sein, das Bild zu vergrößern. Machen Sie die Arbeit in kleinen Abschnitten, um das Beheben von Fehlern zu erleichtern.

Zoomen Sie direkt auf Bereiche, die eine sehr feine Kontrolle erfordern. Machen Sie sich keine Sorgen darüber, dass Sie schattige Bereiche ausfüllen müssen. Wir machen das später. Beachten Sie auch, dass nur schwer erkennbare Bits die Deckkraft der Hintergrundebene temporär erhöhen, damit Sie sie leichter erkennen können.

Sie sollten jetzt eine nahezu perfekte Kontur des Motivbildes haben. Je nach Auftrag möchten Sie möglicherweise Füllung und Schattierung verwenden oder es als monochromes Umrissbild belassen.

Blenden oder löschen Sie die Hintergrundebene und speichern Sie diese Vorlage im SVG-Format.

Jetzt können Sie etwas mit dem Bild spielen. Vielleicht noch etwas Farbe hinzufügen.

Dann eine Textur.

Aber für ein Logo ist das wahrscheinlich übertrieben, also sollten wir es einfach halten. Wir kehren zu Monochrom zurück und verkleinern das Bild.

Fügen Sie nun einfach einige Logo-Artefakte hinzu:

Et voila! Das fertige Meisterwerk. Dies ist normalerweise der Punkt, an dem der verärgerte Client Sie anruft und sich darüber beschwert, dass Sie eine Computermaus legen, wenn sie wirklich eine Cartoon-Maus haben wollte. Dies ist ein Thema für unseren nächsten Artikel, Umgang mit schwierigen Kunden.

Headerbild mit freundlicher Genehmigung von Ramotion

Bogdan Rancea

Bogdan ist Gründungsmitglied von Inspired Mag und hat in diesem Zeitraum fast 6-Jahre Erfahrung gesammelt. In seiner Freizeit studiert er gern klassische Musik und erforscht die bildende Kunst. Er ist auch ziemlich besessen von Fixies. Er besitzt bereits 5.