Es gibt zwei sehr wichtige Faktoren, die ich sehe....

Um gut im Designen zu sein, muss man die Produktion verstehen .

Ich denke, selbst wenn Sie nicht "codieren" können, müssen Sie wissen, was möglich ist und was nicht und wie Code im Allgemeinen funktioniert. Jeder gute Designer versteht die Methoden der Reproduktion, was auch immer sie sein mögen – Druck, Web, Verpackung, Mode, Umwelt, Mechanik usw. Ohne zu wissen, was möglich ist , können Sie nichts effektiv entwerfen . Sicherlich können Sie schöne Bilder machen, aber sie sind wertlos, wenn sie für das gegebene Medium nicht reproduziert werden können.

Nicht jeder, der Designer werden will , kann Designer sein.

Jeder Mensch ist anders mit unterschiedlichen Stärken und Schwächen. Es ist für alle gleichermaßen möglich, erfolgreich zu sein. Genauso wie es jedem egal ist, ob er für eine Designkarriere nicht geeignet ist. Nicht jeder, der Designer werden will , ist dafür geschaffen. Ähnlich wie nicht jeder, der ein professioneller Athlet werden möchte, qualifiziert genug ist, um ein professioneller Athlet zu sein. Begierde allein macht einen Menschen in nichts „begabter“ .

Ich möchte nicht, dass dies übermäßig defätistisch oder alarmierend klingt. Aber wirklich, es gibt keinen "einen Weg" zum Erfolg , den man jemandem vorspielen kann. Es ist keine mathematische Formel, die mit bestimmten Schritten gelöst werden muss, die zu einem bestimmten Ergebnis führen. Es ist eine fließende, sich ständig verändernde Landschaft, die daran angepasst werden muss, dass sie ständig viele, viele, viele verschiedene Routen enthält, die ein Individuum verfolgen kann.

Die Wahrheit ist, dass die meisten Designer in ein Spektrum fallen:

Meistens triffst du auf die um #2 oder #5 herum. Erfahrenere Designer fallen in den Bereich #3-4. Und es hängt alles stark vom eigentlichen Projekt ab. Es ist selten, einen Designer zu treffen, irgendeinen Designer, der bei 1 oder 6 ist und unabhängig gedeiht.

Größere Unternehmensumgebungen stellen eher Designer in den Bereichen 1 und 6 für Webdesign ein. In solchen Umgebungen wird ein ganzes Team eingesetzt, und was einem Designer an technischen Fähigkeiten fehlt, wird durch eher technische Mitarbeiter ausgeglichen. Beide Enden des Spektrums werden verwendet, sodass in den meisten Fällen keine einzelne Person alles abdecken muss.

Es ist möglich, ein erfolgreicher Webdesigner auf Platz 1 oder 2 zu werden. Code Building wird (zu Recht) von vielen größeren oder erfolgreicheren Unternehmen als separate Position angesehen. Sie möchten, dass die Personen mit einer Idee eine Minute und ständige Möglichkeiten haben, dieselbe Idee auf neue, frische und aufregende Weise zu replizieren. Für das Design suchen sie sich die im 1. und 2. Bereich aus, weil die technischen Aspekte immer von anderen abgedeckt werden können.

Die Schwierigkeit wird darin bestehen, eine Anstellung zu finden .

Die meisten kleinen bis mittelständischen (lokalen oder regionalen) Unternehmen sehen Webdesign und Webentwicklung nicht als zwei völlig getrennte Positionen. Sie werden einige Überschneidungen erwarten. Sie möchten, dass ein „Webdesigner“ in der Lage ist, diese schnelle E-Mail, Zielseite zu erstellen oder ihre Wordpress-Site (Webmaster) zu pflegen, ohne einen „Webentwickler“ einstellen zu müssen. Da wird es knifflig. Es ist schwierig, im Bereich "Webdesign" mit null Codefähigkeiten aufzusteigen. Der Markt wird jedes Jahr von neuen Absolventen gesättigt . Und bei der Geschwindigkeit, mit der sich das Webbuilding verändert, ist es ein ständiger Lernprozess. Was noch vor 2 Jahren „Norm“ war, wird heute nicht mehr verwendet.

Wenn Sie also keine Lust (oder Fähigkeit) haben, die technischen Aspekte des Webdesigns zu lernen, brauchen Sie ein atemberaubendes und vorbildliches Portfolio, um diese saftigen Unternehmenspositionen zu ergattern - was sie sehr gut haben kann.

Ohne Wissen über die Person ist es wirklich schwierig zu sagen, ob sie jene Unternehmenspositionen erreichen kann oder nicht, die Kreativität gegenüber technischen Fähigkeiten bevorzugen.

Wie für "Schritt-für-Schritt-Anleitungen", wie man als Webdesigner angestellt wird. Nun, das ist ohne ein gewisses Verständnis der vorhandenen Fähigkeiten fast unmöglich.

Eine allgemeine, umfassende Liste dessen, was benötigt wird, wäre etwa so:

• Asset-Erstellung und Fotobearbeitung (Photoshop, Illustrator, Sketch, Gimp, was auch immer ) Aber seien Sie sich bewusst, dass ihre allgemeine Verwendung für ganzseitige Designs in den letzten Jahren zu einem gewissen Grad zurückgegangen ist . Siehe diese Frage von 2014 .
• Grundlegendes HTML und CSS . Die Verwendung von Mockup-Tools wie Adobe XD kann hier hilfreich sein, aber ein Designer, der seinen Gehaltsscheck wert ist, würde immer noch verstehen, wie grundlegendes HTML und CSS funktionieren. Sie sind keine "Raketenwissenschaft" oder schwer zu erlernen. Sie auf diesem Gebiet nicht zu kennen, sagt mehr über den Wunsch eines Designers aus, mehr als alles andere kompetent zu sein. Man sollte zumindest die Grenzen der Produktionsmethode verstehen .
• Für die Beschäftigung kann es hilfreich sein , responsive Pakete zu kennen - Bootstrap, Zurb Foundation, et al. Aber für sich genommen sind einige möglicherweise nicht so vorteilhaft wie andere. Siehe hier . Insgesamt kann das Konzept der Reaktionsfähigkeit und der Breakpoints Layout- und Designentscheidungen stark verändern, daher sollte es ein Konzept sein, das jeder Webdesigner versteht. „Mobile first“ wird den Design-Thinking-Prozess stark verändern.
• Mögliche Erforschung von Content-Management-Systemen (CMS) – Wordpress, Drupal, Joomla, Magento usw. Im Fall von CMS-Paketen kann es von Vorteil sein, zu verstehen, wie sie mit Vorlagen oder Skins versehen werden können. Es gibt viele kleine Webentwicklungsfirmen, die Designer einstellen, und alles, was das Unternehmen tut, ist, Wordpress oder Drupal neu zu erstellen. Es kommt also darauf an, um welche Art von Beschäftigung es sich handelt. Ich würde nicht zu sehr darauf eingehen, aber zu verstehen, dass diese Pakete visuell für das Frontend gestaltet werden können , kann hilfreich sein.
• Zusätzliche Pluspunkte wären das Verständnis der Interaktivität und was über Pakete wie jQuery, Prototype, Angular usw. möglich ist oder nicht. Wenn Sie wissen, dass Sie "das verstecken" und "das nach unten rutschen und Bilder ändern" möchten, kann der Designer gründlicher arbeiten ein Gesamtdesign erstellen, wenn sie verstehen, was getan werden kann - selbst wenn sie völlig ahnungslos sind, wie man jQuery/Prototype-Funktionen schreibt.

Als Freiberufler oder unabhängiger Auftragnehmer ... um es ganz klar auszudrücken, gibt es absolut keine Möglichkeit , erfolgreich zu sein, ohne die Fähigkeit, zumindest Front-End-Webseiten zu erstellen, einschließlich des Verständnisses von CSS, HTML und Reaktionsfähigkeit.

So wie ein freiberuflicher Druckdesigner nicht effektiv für den Druck entwerfen kann, ohne Farbausbrüche, Sonderfarben, Registrierung, Paginierung, Ausschießen, Beschnitt, Beschnitt, Überdrucke usw. zu verstehen, muss ein freiberuflicher Webdesigner, selbst ein reiner Frontend, das haben das gleiche Verständnis für ähnliche webbasierte technische Aspekte der Produktion.

Diese Frage ähnelt der Frage „Wie kann ich ein Tierarzt sein, der nur an exotischen Tieren arbeitet? Ich hasse Hunde und Katzen.“ - Das können Sie im Allgemeinen nicht. Sie arbeiten bis zu dieser Leistung, Sie fangen an diesem Punkt nicht ohne eine High-End-Schulung und finanzielle Unterstützung an, um Sie zu unterstützen, bis Sie einen guten Ruf aufbauen können, was Jahre dauern kann . Gibt es diese Stellenangebote da draußen? Sicher. Aber sie zu landen ist sehr schwierig. Umso mehr, wenn keine nachgewiesenen Erfahrungen vorliegen.

verwandt:

• Was sind vernünftige Markterwartungen für Einsteiger-Grafikdesigner im Vergleich zu Einsteiger-Webdesignern?
• Muss ein Grafikdesigner Webseiten programmieren können?
• Müssen Webdesigner wissen, wie man codiert?

Die Apps für die aktuelle Zeit sind InVision Studio oder Adobe XD und ihre weniger bekannten Pendants. Obwohl sie als „UI-Design“-Tools bezeichnet werden und man denken könnte, dass sie zum Erstellen von Apps oder Formularfeldern dienen, ist eine Website genau so. Mit den von mir erwähnten Tools kann eine Person die Website entwerfen und gestalten und zeigen, wie sie mit den Benutzern interagieren würde. Ohne Code zu verwenden, kann ein Künstler seine verschiedenen Webseiten erstellen und kleine Drähte zwischen ihnen ziehen, um einen Click-Through-Prototyp zu erstellen, der auf allen Geräten mit einem Browser angezeigt werden kann.

Ein weiterer Vorschlag ist, dass die Codierung unvermeidlich sein wird. Manchmal erstarrte schon der Gedanke an „Code“ aus Angst vor dem Unbekannten. Aber wir haben super coole Waffen, um den kreativen Designer bei seiner Suche nach Code zu unterstützen!

1. Bücher von Kopf bis Fuß! Diese scheinbar uralten Wälzer in einem zunehmend veralteten Format tragen tatsächlich viel dazu bei, einen nicht-technischen Verstand zu lehren. Wie? Sie machen es lustig, indem sie viele Bilder und Anekdoten in das Buch kleben, sodass es ab dem ersten Kapitel zu einer fesselnden und recht interessanten Lektüre wird.

2. Kinderbuch! Ja, Codieren für Kinder ist eigentlich Codieren für das Kind in uns allen, und ein neugieriger Erwachsener kann die nicht-technischen Ansätze in Programmierbüchern für Kinder nutzen, um das Thema in den Griff zu bekommen.

Ich kann aus eigener Erfahrung sprechen.

Als Grafikdesigner war ich schon immer allergisch gegen Code, heute mag ich ihn genauso wie Design. Aber das passiert nicht von heute auf morgen, es ist eher ein Prozess. Ich kann eine Zehn-Punkte-Planung beschreiben:

1 - Back-End / Front-End

Das Wesentliche: Beschreiben Sie gut den Unterschied zwischen einem Back-End und einem Front-End . Designer verstehen normalerweise unter Codierung nur das Backend und das macht uns Angst. Zeigen Sie, was der Unterschied ist, definieren Sie, dass ein Designer niemals Backend machen wird, es sei denn, er möchte es ausdrücklich. Andererseits zeigen sich die großen Möglichkeiten, die ein guter Frontend-Designer erreichen kann.

2 - HTML-Signatur

Eine einfache Designübung zum Programmieren ist das Erstellen einer Signatur für die eigene Mail in HTML. Sowohl Mac Mail als auch Gmail ermöglichen es Ihnen, HTML als Signatur zu platzieren.

3 - Erstellen Sie einen Newsletter

Beginnen Sie mit kleinen Stücken, zum Beispiel einem Newsletter. Der Fall der Newsletter ist sehr interessant, da die Kompatibilität mit den verschiedenen E-Mail-Clients und -Geräten die Inline-Codierung (nicht CSS) erzwingt. Dies ist ein sehr effizientes Lernsystem.

4 - Zum Testen zwingen

Designer brauchen immer Motivation zum Schaffen, idealerweise ist diese Motivation ein Kunde. Aber wenn Sie etwas Neues studieren, kann die Motivation darin bestehen, unsere eigenen grafischen Stücke zu erstellen. Schlagen Sie vor, dass von nun an jede E-Mail, die an ihre Kontakte gesendet wird, eine HTML sein muss, dies zwingt nicht nur zum Codieren, sondern auch zum Testen, was, wie wir alle wissen, einer der problematischsten Teile des Codierens ist.

5 - Untersuchung

Untersuchen Sie echte Codes. Im Internet findet man leicht kostenlose Newsletter zum Download. Öffnen Sie den HTML-Code in Dreamweaver und experimentieren Sie mit dem Ändern, Löschen oder Hinzufügen.

6 - Spielen

Erstellen Sie ein Konto in Codepen , gehen Sie zur Suchmaschine, durchsuchen Sie die Ergebnisse, öffnen Sie die einfachsten und experimentieren Sie mit dem Code. Die Oberfläche mit einer sehr klaren Unterscheidung der HTML-, CSS- und Script-Felder ermöglicht eine schematische Visualisierung, um sich mit der Funktionsweise der Codierung vertraut zu machen.

7 - Fragen Sie immer und interagieren Sie mit erfahrenen Menschen

Erstellen Sie einen Benutzer in Stackoverflow , ignorieren Sie die Zumutungen, haben Sie viel Ausdauer und fragen Sie alles. Die Welt ist mit Begabten überbevölkert, nichts ist besser, als sie zu nutzen. Und wenn sie nervös werden, ist es ihr Problem.

8 - Spiel 2

Öffne eine Zeitung online, klicke mit der rechten Maustaste und klicke auf Inspizieren. Wo diese Sätze erscheinen: background-color:#ffcadf;oder color: # 333;ändern Sie die Zahlen. Wir Designer lieben das. font-size: 12px;Nummer suchen und ändern. Suchen background: url (../img/common/photo.png)und ersetzen Sie das, was in Klammern steht, durch ein Internetbild. Kurz gesagt, sehen Sie die Änderungen eines Webs, wenn Sie CSS-Optionen ändern.

9 - Starten Sie ein Projekt

Planen Sie ein einfaches Online-Portfolio, eine Seite mit einem Bildraster. Die Motivation besteht darin, zunächst alle Bilder zu sammeln und zu erstellen und zu sehen, wie man sie findet. Wenn Sie fertig sind, machen Sie es Flex. Wenn Sie fertig sind, machen Sie Interaktivität. Wenn Sie fertig sind, machen Sie es responsiv. Sobald dies erledigt ist, erstellen Sie ein Menü, um auf andere Seiten innerhalb der Site zuzugreifen ... Es ist weder die Arbeit eines einzigen Tages noch die Arbeit einer Woche. Es ist ein Lernprojekt.

10 - Studieren

Wenn die Möglichkeit zum Studium besteht, perfekt. Obwohl es schwierig ist, ein Coding-Studium mit einer gewissen Motivation für einen Grafikdesigner zu finden. Vielleicht ist dies nach einer Weile ein guter Punkt, wenn wir bereits mit der Codierung vertraut sind und wissen, wofür wir sie verwenden werden.

1. Definitionen

Es gibt mehrere Definitionen von "Grafikdesign". Einige sind nur motivierende Definitionen.

Aber eine grobe Definition von Grafikdesign wäre "ein visuelles Kommunikationsproblem zu lösen, das tatsächlich massenhaft reproduziert werden soll".

Der Unterschied zwischen einem visuellen Kunstwerk und Design besteht darin, dass Kunst nicht dazu gedacht ist, massenhaft reproduziert zu werden. Ein Gemälde ist ein Gemälde. Ein Design ist Teil eines Prozesses, der in einigen zusätzlichen Schritten durchgeführt wird, um gedruckt, gedruckt und verteilt zu werden.

Webdesign ist auch ein Teil eines Prozesses, der durchgeführt werden muss. Wenn nicht, ist es ein hübsches Bild, aber kein Design.

2. Codieren oder nicht codieren. Das ist hier die Frage

Ein Webdesigner, ohne mit einer einzigen Codezeile herumzuspielen.

Eine Sache ist, keine einzige Codezeile durcheinander zu bringen, und eine andere, ganz andere, ist nicht zu wissen, wie sie funktionieren und was sie tun.

Ich weiß nicht, ob sie es hasst, weil sie es langweilig findet, oder ob es zu lange dauert, weil es nicht visuell ist oder weil es ihr eine fremde Sprache ist. Ich kenne den Grund nicht.

Aber das ist der nächste Schritt in diesem Prozess. Und es ist verdammt wichtig.

Es gibt Vermögenswerte, die eine eigene Marge enthalten müssen, oder diese Marge wird codiert. Es gibt Animationen, die in sich geschlossen sein müssen, oder einige andere müssen getrennte Assets sein. Es gibt einige Teile, die überhaupt keine Assets sein müssen, sondern nur eine Layoutbasis. Die Verwendung der Elemente wird dadurch definiert, wie sie verwendet werden, und diese Verwendung wird durch den Code definiert.

3. Welcher Code ist?

Wenn ein Back-End-Entwickler ... alias Sie ... derjenige ist, der einer anderen Person Codezeilen zeigt ... Sie haben dieser Person einfach Angst gemacht. :Ö)

Für einen Webdesigner ist der erwartete Code einfach HTML und CSS. Und CSS verwendet dieselben Konzepte, die jeder Designer kennen sollte. Hintergrund, Farbe, Größe, Position, "Ebenen", Rand, Polsterung usw. und es kann Spaß machen.

Und sie sollten wissen, was JavaScript ist und welche Grundlagen es hat. Nicht zum Programmieren, sondern zum Anpassen... Copy-Paste reicht hier wohl.

4. Mädchen wollen einfach nur Spaß haben

Und Jungs auch. So macht das Erlernen von HTML + CSS Spaß.

--

5. Erfolg

Wie erfolgreich Webdesigner sein können

Und auch Print-Medien-Designer, Elektronik-Medien-Designer, Motion-Graphic-Designer, etc... Aber meiner Meinung nach ist ein erfolgreicher Designer kein begrenzter.

Wenn es den entfernten Fall eines außergewöhnlich talentierten Designers gibt, dem einige Jr. Designer und Entwickler zur Verfügung stehen, um technische Probleme zu lösen, gut. Sie müssen keine einzige Codezeile berühren.

Aber höchstwahrscheinlich wird sie eine dieser Jr. Designer sein, also ist das beste Werkzeug, sich nicht einzuschränken.

Ich weiß nicht, warum sie gerade kämpft. Wahrscheinlich ist sie in ihrem aktuellen Bereich auch durch etwas eingeschränkt. Druckkosten, Marketing, Werbematerial ... das Fehlen einer Webseite ...

Es ist nicht gut, sie mit einer „Safe Space“-Mentalität von einem Feld zum anderen zu bewegen.

Sie muss akzeptieren, was sie jetzt oder im zukünftigen Webdesignerbereich einschränkt.

Also ja, sie muss sich mit Code auskennen. HTML und CSS und ein bisschen JavaScript.