Ich bin jemand, der die Branche verfolgt und sich seit ein paar Jahren mit Webdesign/-entwicklung befasst und erst jetzt den Sprung in ein ordentliches Studium wagt, um freiberuflich tätig zu werden. Nach allem, was ich über die Branche und die Designer/Entwickler darin erfahren habe, gibt es einen zunehmenden Drang, sich in Richtung Design im Browser zu bewegen.
Sollte ich mir als jemand, der das Privileg hat, zu diesem Zeitpunkt neu anzufangen, nach der informierten Meinung der Entwickler und Designer hier von Anfang an beibringen, im Browser zu entwerfen und PSD-Mockups als Relikt der Vergangenheit hinter sich zu lassen, oder sollte Ich bin immer noch offen für die Erstellung von Websites aus PSD-Modellen? Was sind die Vor- oder Nachteile der einzelnen Routen?
Danke.
Mockup würde ich auf jeden Fall in einem Grafikprogramm lernen. Ich würde Photoshop nicht wählen (Skizze, Illustrator, Figma, Affinity, all diese scheinen mir bessere Alternativen), aber das ist ein kleines Problem.
Es ist eine nützliche Fähigkeit, ein Grafikprogramm verwenden zu können, um Mockups und die Grafiken zu erstellen, die Sie in Ihrem endgültigen Design benötigen.
Das bedeutet nicht, dass Sie immer mit statischen Modellen beginnen müssen. Oft werden Sie in der Lage sein, direkt in HTML zu entwerfen, aber es ist eine nützliche Fähigkeit, die Sie haben sollten.
Wenn ich statische Mockups entwerfe, muss ich mir überlegen, wie alles zusammengesetzt wird, wie alles aussehen wird, und wenn ich in HTML entwerfe, lasse ich meine Designentscheidungen von der Dokumentstruktur leiten. Beide Ansätze sind gültig, aber in manchen Fällen kann einer dem anderen vorzuziehen sein. Normalerweise entwerfe ich für ein neues Projekt die ersten 1-2 Seiten in Skizze und dann den Rest direkt in HTML, wenn ich allgemeine Layouts und Stile festgelegt habe.
Photoshop kann ein fantastisches Werkzeug sein. Das Manipulieren von Bildern ist etwas, was ein Webdesigner sehr häufig tun wird. Zu wissen, wie man Photoshop verwendet, wird Ihnen zugute kommen.
Wenn Sie einen Stil erreichen möchten, ist es äußerst nützlich, eine Referenz zu haben. Sie (oder jemand anderes) können es für Messungen, Farbmuster und Inspiration verwenden. Die Neuerstellung Ihres Designs im Code könnte aufgrund potenzieller browserübergreifender Probleme und unvorhergesehener Herausforderungen nicht trivial sein.
Die Entwicklung im Browser ist ein unverzichtbares Entwicklungstool. Sie werden es am Ende verwenden, um Elemente zu entwerfen, unabhängig davon, ob Sie Photoshop verwenden können oder nicht. Es ermöglicht Ihnen, die Änderungen in der Darstellung Ihres Codes sofort zu sehen, während Sie tippen. Wenn Sie sich stärker auf die Codierungsseite der Webentwicklung konzentrieren, wird Ihnen diese Entwicklungsphase möglicherweise mehr Spaß machen.
Bei der Arbeit im Team (auch als Freelancer) ist es wichtig, dass alle auf das gleiche Ziel hinarbeiten. Möglicherweise erstellen oder verwenden Sie viele Styleguides. Manchmal ist es erforderlich, einen detaillierten Plan zu haben. Auch die Fähigkeit, Kunden Ihre Absichten zu vermitteln, ist etwas, das Sie nicht übersehen sollten.
Ich persönlich finde es einfacher, das Layout und die grafischen Modelle in Illustrator zu erstellen (das Programm ist nicht wichtig, es sei denn, Sie müssen die Datei gemeinsam verwenden). Es ist wichtig, seine Ideen auf den Punkt zu bringen und sie kommunizieren zu können. Layout und Prototyping werden heute oft mit Tools wie Adobe XD, Sketch und Figma abgewickelt.
„Webdesign und -entwicklung“ umfasst viel Wissen und nutzt viele Tools. All das lernen Sie, wenn Sie mit der Erstellung von Websites und Anwendungen beginnen. Alles, was Ihr Leben als Freiberufler einfacher macht, ist es wert, gelernt zu werden.
Ein weiteres Tool ist Adobe Muse. Es ist neu, aber eine raffinierte Lösung. Sie können einen Großteil des Designs darin erstellen und nach HTML exportieren.
Summen. Design ist ein Prozess.
Gegebenenfalls benötigen Sie Photoshop, um Ihren Fotos einen Stil zu verleihen, Ilustrator oder Corel, um Ihr Logo, Ihren Symbolsatz oder eine völlig neue Schriftart zu erstellen oder einen völlig neuen Stil für das Webdesign zu erstellen.
Es gibt einen zunehmenden Trend, sich in Richtung Design im Browser zu bewegen.
Für einige von uns hat diese "Tendenz" etwa 20 Jahre, also nichts Neues hier. Aber ich bin mir nicht sicher über das Konzept "Gestalten" im Browser. Der Designprozess findet auf dem Papier statt, im Kopf.
Die Tendenz geht dahin, in einem HTML-Editor zu "zusammenbauen" und direkt im Browser anzuzeigen. Bauen Sie zusammen, weil es Rahmenwerke gibt, denen Sie nur eine Anweisung geben und die einiges für Sie tun. Dieser Teil könnte als Design bezeichnet werden, ist aber spezifischer. Kodierung.
Webdesign bewegt sich mehr zu einer spezifischeren Codierung, nicht zu schönen Schatten oder glänzenden Schaltflächen, die jetzt durch die Codierung selbst gegeben sind.
Aber es gibt immer noch Raum, ein Grafikprogramm zu verwenden, um neue Ideen zu erforschen. Beachten Sie das Wort "neu". Wenn die Idee nur darin besteht, die Tools zu verwenden, die ein Framework bereitstellt, gehen Sie direkt zur Codierung.
Zach Saucier
Sommer