Our expirience

Was ist der Unterschied zwischen Layout-Künstler und Front-End-Entwickler

10/18/19 / Middleread

In der modernen sozialen Schicht der Berufspopulation, die sich selbst als Webdesigner oder Frontend bezeichnet, gibt es einen Streit zwischen dem Erscheinen des letzten Begriffes – was ist der Unterschied und wer ist wer.

Achtung, Spoiler – fast alles, das ist ein Beruf.

Warum ich darüber nachgedacht habe und warum ich darüber spreche. Ich begann einen Kurs über Seitenproofs zu schreiben, der fast sofort zu einem Buch wurde. Weitere Informationen dazu werden später erscheinen, wenn ich das Design und die Werbung mache.

Dort schreibe ich über die Geschichte des Berufes, seine Werkzeuge und sage sie, wie einfach es ist mit dem Programmieren zu beginnen. Dieses erste Buch wurde absichtlich vereinfacht, eine Menge von Informationen wird aus ihm herausgeschnitten (zur Zeit), um die Einstiegsschwelle für Neuankömmlinge zu reduzieren. In diesem Fall hat es eine ausreichend große Anzahl von Hacks und Techniken, die ein fortgeschrittener Layout-Designer für sich selbst lernen kann.

Ganz am Anfang kam ich auf die Frage – wer ist ein Layout-Designer? Und natürlich setzte sich und wurde nachdenklich. Ich bin mir sicher, dass jeder solche Momente hat, wenn er an solche „infachen“ Dinge denkt.

Also, wer ist ein Layout-Designer?

Ich habe mich in dem Beruf scheinbar kürzlich aus der Sicht seiner Existenz gefunden, irgendwo an der Schnittstelle des Übergangs zu HTML5. Diejenigen, denen wir beigebracht hatten, immer noch HTML4 zu verwenden, zeigten ein Tabellenlayout, und am Ausgang stellte sich heraus, dass all dies vergessen werden kann.

Glücklicherweise sind die neuesten Standards loyal und abwärtskompatibel. Es ist schade, dass nur einige wirklich nützliche Tags und Techniken als ungültig markiert werden. Und ich rede von Dingen wie <nobr>. Es ist nur eine heilige Sache, die wirklich hilft, die Regeln der Sprache zu beachten, denn es gibt Dinge, die nicht bestehen können, zum Beispiel die Namen der Initialen neben dem Nachnamen. W3C bietet an, dieses Problem mit der css-Eigenschaft word-wrap zu lösen.

Die erste Eigenschaft, die ein Layout artist besitzen sollte, ist die Alphabetisierung. Ich gestehe, dass ich selbst zugunsten der Geschwindigkeit sündige, es ist schwierig, klug und schnell zu sein. Es ist eine Sünde, im Prinzip nicht zu wissen, was eine Regel ist und warum sie anzuwenden ist.

Dann können Sie tiefer in die Geschichte einsteigen, sagen wir analoges Typografie. Dies ist, wenn sie mit Papier arbeiten, kann sich jemand erinnern, wie Bücher schauen und riechen!? Sie waren insbesondere beschäftigt und weiterhin Layout-Designer. Ihre Aufgabe besteht grob gesagt darin, Text und Bilder aufzunehmen und auf einen Streifen zu legen. Wenn Sie wörtlich glauben Wikipedia:

In der Vorcomputer-Ära war der Layouter ein Druckereiarbeiter, zu dessen Aufgaben auch das Seitenlayout gehörte. Der Hersteller legte vom Verfasser erstellte Textzeilen in Seiten und Seiten des zukünftigen Buches, kompilierte sie mit Illustrationen, fügte Spaltennummern und Fußzeilen hinzu und beobachtete die Zeilen.

Was sind die hängenden Zeilen, ich bin mir sicher, dass die meisten Leser in der Suchmaschine suchen müssen. Und nun schlage ich vor, die Wörter der Typografie durch das Webstudio, den Textschreiber – Texter, den Streifen – die Webseite zu ersetzen.

Es stellt sich also heraus, dass dies ein und dasselbe ist, nur unterschiedliche Begriffe und Werkzeuge.

In contrast to typographical layout, it is true, it is necessary to deal with the non-fixed area of information display [screens, print means from the screen], dynamic content and, in addition, a lot of difficulties arise, such as the correct display of user input. This is when you need to think in advance how the text entered by the user, whether it be a comment, the title of an article in a blog, a downloaded track, or video, will be displayed.

Ein weiteres Bündel Nuancen

Was ich oben beschrieben habe – es könnten Anforderungen vor 20 Jahren sein, aber der Beruf wächst, so entwickelt sich und die Anforderungen wachsen auch. Ja, und die Technologie kommt nicht hinterher: Früher hatten wir ein notepad aus einem Paket von Windows oder Vim, und jetzt gibt es so viele vollwertige IDEs, von Notepad ++ bis WebStorm.

Neben den Editoren gibt es viele Anforderungen an die Layout-Standards, und diese sind:

  1. HTML5-Standard
  2. Kaskadierungsstile der dritten Generation (CSS3)
  3. ES6 – Was ist das für ein Biest, wirklich JavaScript!?

Darüber hinaus gibt es Konzepte des adaptiven Layouts, es gibt viele Bildschirme. Es gibt viel mehr als Formate zum Drucken und wie viele Browser, was ist Internet Explorer wert. Obwohl warten Sie, wurde er von einem anständigen Edge ersetzt, der Ihr Layout noch besser zerstört.

Bis auf den Haufen sollte ein klassentreuer Layout-Designer fähig sein und wissen:

  1. Englisch, um die Dokumentation zu lesen
  2. Alle Arten von Frameworks wie Bootstrap oder Foundation
  3. Und js-Bibliotheken
  4. Sicher sein, das Versionsspeichersystem zu beherrschen, wo ohne es!?
  5. In der Lage sein, den Prozess des Layouts zu automatisieren, nicht in der gleichen Steinzeit, in der wir leben
  6. Easily navigate in the images, their assignments, be able to handle [compress, scale]
  7. Einfaches Navigieren in den Bildern, deren Zuordnungen, Handhabung von [compress, scale]
  8. Im vorherigen Abschnitt erlaubte mir mein Gewissen nicht, SVG-Grafiken zu schieben
  9. Ein schlechtes Layout weiß nicht, welches semantische Layout ist
  10. Sehr schlecht weiß nicht, wie man mit Schriften arbeitet

Es gibt viele weitere Nuancen, von denen ich denke, dass ihnen nicht viel Zeit gegeben werden sollte, geben Sie nur ein Beispiel – Emmet. Wie bei den hängenden Linien, schlage ich vor, bei der Suche nach detaillierten Informationen zu suchen.

Warten Sie, persönlich, ich glaube, dass der Layout-Designer verstehen sollte, was er tippt, mit anderen Worten, in der Programmierung zu navigieren.

Besser noch – arbeiten Sie sofort mit einem Programmierer zusammen, sonst ist es peinlich für was es in ein Layout verwandelt. Sie sind Programmierer wie… Wie Physiker leben sie isoliert von der Realität in ihrem Universum.

Die Grenzen brechen

Irgendwo hier kommt der Programmierer an die Grenze von etwas Unbegreiflichem. Persönlich halte ich es für einen ausgezeichneten Bonus, wenn es nicht nur eine statische Seite, sondern ein Werkstück für die Verwendung mit einer Art von Framework wie Angular, Vue, React erstellen kann.

Hier werde ich Sie nicht zu Google machen, ich werde eine kurze Erklärung geben – diese Frameworks erlauben Ihnen, den Inhalt der Seite auf einer primitiven Ebene zu manipulieren, was ist es, wenn nicht das Layout? Und das ist es.

Und auf der fortgeschrittenen Ebene – senden Sie Anfragen an den Server und erhalten Sie Antworten, um den Inhalt unter der Antwort anzupassen.

Dies ist die Grenze, die den Beruf grundsätzlich in Layout artist und Frontend developer aufteilen kann. Grundsätzlich, denn wenn Sie das Framework entfernen und dem Frontend developer die Validierung von Formularen überlassen, wird er – aus irgendeinem Grund – nicht zu einem scharfen Editor, sondern wird weiterhin als eindrucksvoller Titel bezeichnet.

Zum Beispiel werde ich die ersten 2 Links zeigen, die ich auf der Frage gefunden habe, "was ein Layout artits tun sollte" und "was ein Frontend developer tun sollte".

Gleichzeitig schlage ich vor, den Unterschied nur zu berücksichtigen, dass die Information, die der Frontend developer von den Zähnen wegwerfen sollte, der Layout-Designer kennen und verwenden kann. Heute ist der Begriff "kann wissen" ohnehin zu beachten, wie "gestern wissen musste".

So kommen wir zu der Tatsache, dass die Anforderungen gewachsen sind und der Abgrund im Boden durch einen stolzen Namen entschlüsselt wurde.

Genau die gleiche Geschichte passierte den Designern, es gab Designer und wer sonst ist da!?

Als Schlussfolgerung

Kameraden Profis, bleiben kompetente Profis. Seien Sie nicht diejenigen, die wegen Faulheit dumm sind, immer die Anforderungen für sich selbst erheben. Und vergiss nicht, worum es dabei ging. Ersetzen Sie den Komplex nicht durch einfach, einfach – komplex.