Was Leonardo Da Vinci uns über Web-Design noch immer lehren kann

Vielleicht mehr als jede andere Person in der Geschichte hat Leonardo da Vinci gezeigt, welche Art von Magie in der Überschneidung von Kunst und Wissenschaft entstehen kann, in der ein Großteil der Webentwicklung lebt. Seine Methoden und Ansichten sind auf das Web-Design heute genauso anwendbar wie im Italien der Renaissance.

Was Leonardo Da Vinci uns über Web-Design noch immer lehren kann

Ausführliche, manchmal bizarre Notizen… Wireframes… verblüffende Mischungen aus Kunst und Wissenschaft. Ist es ein GitHub-Repository? Nein, es ist das Leben eines Genies der Renaissance. Mit den richtigen Lektionen können wir alle einen da Vinci Code schreiben.

Webentwicklung ist ein ziemlich großes Feld. Sie umfasst Farbe, Mathematik, Zugänglichkeit, Typografie, Fotografie, Werbetexten, Ethik und die Liste geht weiter und weiter. Das Web ist eine nahezu unendliche Welt, die – bei aller unerbittlichen Innovation und Störung – viele ihrer schönsten Qualitäten von den alten Wegen geerbt hat.

In diesem Sinne werden wir uns mit dem italienischen Universalgelehrten Leonardo da Vinci befassen, einem alten Meister.

Vielleicht mehr als jede andere Person in der Geschichte hat da Vinci gezeigt, welche Art von Magie in der Überschneidung von Kunst und Wissenschaft entstehen kann, wo ein Großteil der Webentwicklung angesiedelt ist. Seine Methoden und Ansichten sind heute noch so aktuell wie im Italien der Renaissance.

Dokumentieren Sie Ihre Gedanken, Ideen und Arbeit

Da Vinci war ein anspruchsvoller Schreiber, der im Laufe seines Lebens Zehntausende von Seiten mit Notizen und Skizzen anfertigte. Ihr Inhalt reichte von banal bis genial, und das machte einen Teil ihres Wertes aus. An einem Tag ist es eine Einkaufsliste ein anderes Mal sind es Flugmaschinen. Es gab keinen Filter, keine Kostbarkeit, nur Ausdruck und Erkundung.

Diese ausführliche Dokumentation war aus mehreren Gründen wertvoll. Sie dienten ihm als Ventil für seine Gedanken, Ambitionen und Erfahrungen und als Anhaltspunkte für langfristige Projekte. Die Aufzeichnung seiner Gedanken ermöglichte es ihm, sie zu testen und zu überarbeiten.

Quelle: commons.wikimedia.org.

Quelle: commons.wikimedia.org.

Wären die Meisterwerke von da Vinci ohne seine Skizzenbücher möglich gewesen? Das bezweifle ich. (Quelle: commons.wikimedia.org)

Die Vorteile einer solch umfassenden Dokumentation waren nicht auf da Vinci selbst beschränkt. Indem er seine Ideen niederschrieb, überlebten sie auch ihn selbst und kamen unzähligen Millionen Menschen zugute. Noch Jahrhunderte später überraschen, erfreuen und lehren seine Notizbücher.

Da Vincis Eifer beim Schreiben und Skizzieren eignet sich hervorragend für die Webentwicklung. Der erste Grund ist die große – manchmal geradezu mysteriöse – kreative Freiheit, die sich ergibt, wenn man aufschreibt, was einem durch den Kopf geht. Manchmal fängt man an, Idee A aufzuschreiben und findet sich plötzlich bei Lösung X wieder.

Nicht alles, was wir tun, muss perfekt sein. Wer erwartet, dass er direkt zum Endprodukt kommt, wird enttäuscht sein oder ein ziemlich mieses Endprodukt oder Web-Design haben. Das Schreiben und Skizzieren gibt Ihnen die Freiheit, spielerisch zu sein, vielleicht sogar ein bisschen kühn. Viele zeitlose Ideen werden auf dem Papier eines Notizbuchs geboren.

Quelle: itsnicethat.com / kareprints.com.

Die Icons von Apple entstanden als Skizzen in Susan Kares Notizbüchern. (Quelle: itsnicethat.com / kareprints.com)

Manchmal hat man das Gefühl, dass der Code beim Web-Design oder in Software, den wir schreiben, wie eine Sandskulptur aussieht – schön, aber vergänglich. Das muss nicht der Fall sein. Auch wenn sich die endgültige Form von Websites immer wieder ändert, sind die Überlegungen, die hinter dieser Entwicklung stehen, von unschätzbarem Wert. Wie sind wir hierher gekommen, und warum?

Ihre Pull-Requests zu dokumentieren, um zu überleben, wenn Sie tot sind, ist vielleicht etwas übertrieben, aber Ihre Nachfolger an den alten Arbeitsplätzen werden Ihnen für den Einblick und die Anleitung dankbar sein. Wissensdatenbanken sind heute gefragt wie eh und je, aber auf technologisch anderem Niveau.

Webentwickler und Designer sollten ihren eigenen Weg beim Web-Design dokumentieren, sei es durch PR-Beschreibungen oder ein eigenes Notizbuch:

• Konkretisieren Sie Ihre Ideen,
• Notieren Sie untätige Gedanken,
• Doodle-Seitenlayouts.

Mögen zukünftige Generationen von Ihren Pull Request-Beschreibungen begeistert und beeindruckt sein. Mögen die Feature-Ideen in Ihren GitHub-Themen so aufstrebend sein wie da Vincis Flugmaschinen.

Die besten Ideen der Welt haben keinen praktischen Nutzen, solange sie in den Köpfen stecken.

Besessen von Geometrie

Wie der berühmte Vitruvianische Mensch zeigt, war da Vinci ein lebenslanger Student der Geometrie, Form und Proportion. Er war fasziniert von der Wiederkehr verschiedener Formen in der Natur sowie von der Funktionsweise von Proportion und Perspektive. Er verstand ihren Wert für die Malerei und die Architektur gleichermaßen.

Die menschliche Raffinesse […] wird nie eine schönere, einfachere oder direktere Erfindung machen als die Natur, denn in ihren Erfindungen fehlt nichts, und nichts ist überflüssig. – Leonardo da Vinci. (Quelle: commons.wikimedia.org)

Wie seine Skizzen zeigen, strebte da Vinci danach, seine Kunst auf soliden Grundlagen aufzubauen. Eine Szene nur mit dem Auge zu betrachten, würde nicht ausreichen. Wenn ein Raster aus Hunderten von Linien notwendig war, um eine realitätsnahe Szene zu gestalten – ein Raster, das im fertigen Produkt nicht auftauchen würde -, dann war das eben so. Er erkannte, dass das, was wir sehen, nur die Hälfte der Geschichte ist, und das auch nur, wenn wir großzügig sind.

Quelle: jenikirbyhistory.

Da Vinci bemühte sich sehr, diese unsichtbaren Strukturen zu verstehen und sie in seinen Werken wiederzugeben. Obwohl er eher für seine Kunst bekannt ist, war sein gesamtes Schaffen von einer Faszination für Wissenschaft und Mathematik geprägt.

Diese Werkzeuge sind für jeden Webentwickler unerlässlich. Seiten sehen ähnlich schief aus, wenn sie nicht nach unsichtbaren Richtlinien aufgebaut sind. Raster sind das häufigste Beispiel dafür, aber auch Bereiche wie Typografie und Responsive Design haben ihre Wurzeln in Fragen von Größe, Proportion, Verhältnis und Form.

Quelle: Morten Rand-Hendriksen. 

Quelle: Morten Rand-Hendriksen. 

Ein da Vinci-ähnliches Interesse an den Regeln hinter diesen Themen zu zeigen, ist der Unterschied zwischen einer Website, die das Auge erfreut, und einem kompletten Desaster. Wenn Sie sich nicht sicher sind, wo Sie beim Web-Design anfangen sollen, dann können Sie im Internet viele Inspiration finden. Etwas was Leonardo damals nicht zur Verfügung gestanden ist.

Von der Natur über die Malerei und Architektur bis hin zum Web-Design kann die angewandte Geometrie ein Gefühl des Erhabenen vermitteln.

Think Right-To-Left

In seinen Notizbüchern schrieb da Vinci in der Regel von rechts nach links in ‘Spiegelschrift‘. Er schrieb nur dann in “normaler” Schrift, wenn er beabsichtigte, dass sie von anderen Menschen gelesen werden sollte.

Warum hat er so geschrieben? Er war Linkshänder und hatte keine klassische Schulbildung. Das verhinderte, dass er die Tinte verwischte. Es machte es schwieriger, seine Ideen zu stehlen. Was auch immer die Kombination sein mag, er fühlte sich damit eindeutig am wohlsten.

Schauen Sie sich da Vincis Notizen genau an, und Sie werden sehen, dass er meist von rechts nach links schrieb. (Quelle: Offene Kultur)

Da Vincis Spiegelschrift zeigt, wie wichtig es ist, Arbeitsweisen zu übernehmen, die zu einem selbst passen. Da Vinci musste seine Methoden nicht vor anderen rechtfertigen. Und das müssen Sie auch nicht.

Vertrauen Sie auf das, was sich natürlich anfühlt, und passen Sie Ihre Arbeitsweise entsprechend an. Gestalten Sie Ihre IDE individuell, wählen Sie Schriftarten und Farben, die Ihnen gefallen, und schreiben und zeichnen Sie so, wie es für Sie natürlich ist – sei es mit einem Tablet oder in einem ledergebundenen Journal.

Dass Normen so sind, wie sie sind, bedeutet nicht unbedingt, dass sie so sein sollten. Sie werden sich selbst besser fühlen, und wer weiß, vielleicht bringt der Freiraum für Ihre Methoden auch unerwartete Ideen zum Vorschein.

Gute Gönner finden (oder, falls das nicht möglich ist, gute Arbeitgeber)

Da Vinci war wählerisch in Bezug auf seine Arbeit und die Auftraggeber, die er fand. Er lebte an Orten, die seiner Extravaganz und Kreativität Raum gaben. Florenz schätzte die Künste, also schätzte es da Vinci ebenso wie Kollegen wie Michelangelo.

Das Florenz des späten 14. Jahrhunderts war ein sehr guter Ort, um Künstler zu sein. Gemälde von Hartmann Schedel.

Als er nach Mailand ging, begeisterte er die Höfe mit seiner Theatralik, Eloquenz und Bühnenkunst. Am anderen Ende des Spektrums verbrachte da Vinci auch einige Jahre in den Diensten von Cesare Borgia, einem Mann, der so hinterhältig, gewalttätig und ganz und gar schrecklich war, dass er eine wichtige Inspiration für Machiavellis Buch Der Fürst. Dennoch gab ihm dies die Möglichkeit, sich in neuen Bereichen wie der Kartografie zu versuchen.

Nein, das ist nicht Google Maps. Es ist da Vincis Karte von Imola. (Quelle: commons.wikimedia.org)

Die Zeit im Bauch der Bestie kann auf ihre eigene Weise lehrreich sein. Es ist jedoch bezeichnend, dass da Vinci nur ein paar Jahre in Borgias Diensten verbrachte, bevor er in die weniger mörderische Gesellschaft zurückkehrte.

Obwohl Gönner schön und gut sind, müssen wir uns in der Welt der Webentwicklung meist mit Arbeitgebern zufrieden geben. Wir sind es uns selbst schuldig – wenn es überhaupt möglich ist -, Raum für unsere Kreativität zu finden, unsere Leidenschaften auszuleben oder uns zumindest nicht wie ein Rädchen in einer kolossalen bösen Maschine zu fühlen.

Seien Sie so stolz auf Ihre Arbeit, dass Sie sie in Projekte stecken, die Ihnen am Herzen liegen. Selbst da Vinci brauchte eine gute Arbeitskultur. Finden Sie Ihr Florenz, und wenn Sie es nicht finden können, tun Sie, was Sie können, um es dort, wo Sie sind, ein bisschen besser zu machen.

Iterieren, Iterieren, Iterieren

Es mag ein gewisser Trost sein zu wissen, dass Leonardo da Vinci zeitweise ein atemberaubender Zauderer war. Er brauchte Jahre, um seine Werke zu vollenden, wenn er sie überhaupt fertigstellte.

Da Vinci arbeitete jahrelang an vielen seiner Gemälde, darunter auch an der Mona Lisa, die er bis zu seinem Tod mit auf seine Reisen nahm. Auch Web-Design ist eigentlich nie fertig.

Da Vincis Schöpfungen waren das Ergebnis unzähliger Experimente, Berührungen und Wiederholungen. Die Endprodukte sind das, was sich heute im öffentlichen Bewusstsein abzeichnet, aber jedes von ihnen war nur der letzte Schritt eines langen, oft schwierigen Weges. Sein arbeiten war so gesehen ein Vorlaufer des Design Thinking.

Quelle: commons.wikimedia.org. 

Quelle: commons.wikimedia.org.

Sie haben doch nicht gedacht, dass “Das letzte Abendmahl” der erste Entwurf war, oder? (Quelle: commons.wikimedia.org)

Ein besonders aussagekräftiges Beispiel für diesen Prozess ist Leonardos Pferd, ein Reiterdenkmal, das da Vinci 1482 im Auftrag des Mailänder Herzogs Ludovico il Moro entwerfen und bauen sollte. Es folgte eine jahrzehntelange Forschungsphase, die von der Anatomie des Pferdes bis zur Entwicklung völlig neuer Bronzegusstechniken reichte.

Das Projekt wurde zu Lebzeiten da Vincis nicht vollendet, aber seine Arbeit ermöglichte es, das Projekt zu erneuern, als seine umfangreichen Aufzeichnungen im 20. Jahrhundert wieder auftauchten. 1999, kühle 517 Jahre nach seiner Beauftragung, wurde da Vincis Pferd schließlich in Mailand enthüllt.

Quelle: commons.wikimedia.org.

Quelle: commons.wikimedia.org. 

Quelle: LeonardoDaVinci.net. 

Ein Projekt, an dem Hunderte von Jahren gearbeitet wurde. (Quelle: commons.wikimedia.org)

Bei aller Genialität war da Vinci auch ein Beispiel für die Kraft des langsamen, stetigen Fortschritts – sogar des Zauderns. Ja, manchmal schlägt die Inspiration zu, aber häufiger finden wir sie am Ende einer langen, mühsamen Reise. Wie Steven Pressfield es in Der Krieg der Künste ausdrückt:

“Die Muse bevorzugt hart arbeitende Menschen.”

In der Welt des Web-Designs ist die Vorstellung, dass etwas “fertig” ist, ziemlich altmodisch. Es wird immer Abhängigkeiten geben, die aktualisiert werden müssen, Optimierungen, und neue Geräte, die angepasst werden müssen. Das ist eine gute Sache. Es liegt in der Natur der Sache. Es ist aufregend. In wie vielen Bereichen kann man etwas, das man gemacht hat, wieder aufbauen? Architekten haben diesen Luxus nicht. Selbst Maler können nur so viel verändern, bis sie wieder von vorne anfangen müssen.

Die ätherische Natur des Webs, des Web-Design und seiner Technologien eignet sich für einen da Vinci-ähnlichen Ansatz zur Iteration. Bauen Sie es, dann bauen Sie es noch besser. Und noch einmal. Und noch einmal.

Klammern Sie sich nicht zu sehr an das, was jetzt ist. Es ist wertvoll, ja, aber letztlich ein Sprungbrett für das, was kommen wird. Es geht nicht darum, Ihre Arbeit wegzuwerfen, sondern sie weiterzuentwickeln.

Selten ist ein Werk wirklich fertig. Es gibt immer noch mehr Perfektion zu erreichen.

“Kunst ist nie fertig, sie wird nur aufgegeben” – Leonardo da Vinci

Füttere deinen inneren Polymath

Leonardo da Vinci war zu vielseitig, als dass man ihn auf ein bestimmtes Etikett festlegen könnte. Er war Schriftsteller, Maler, Bildhauer, Architekt, Erfinder, Wissenschaftler, Philosoph und die Liste ließe sich beliebig fortsetzen.

“Derjenige, der die Praxis ohne Theorie liebt, ist wie ein Seemann, der ohne Ruder und Kompass an Bord eines Schiffes geht und nicht weiß, wohin er sich wenden soll” – Leonardo da Vinci

Seine Kenntnisse auf jedem Gebiet verbesserten seine Fähigkeiten auf anderen Gebieten. Anatomische Studien führten zu realistischeren Illustrationen. Seine Studien über das Licht verhalfen ihm zu naturgetreueren Gemälden.

Quelle: commons.wikimedia.org. 

Quelle: commons.wikimedia.org. 

Quelle: commons.wikimedia.org. 

Man beachte den Vergleich mit der Anatomie des Pferdes. Da Vinci war immer auf der Suche nach Verbindungen und Überschneidungen. (Quelle: commons.wikimedia.org)

Dies ist zum Teil auf seine atypische Ausbildung zurückzuführen. Indem er den klassischen Lehrplan vermied, konnte er auf eigene Faust forschen und die Grenzen zwischen den verschiedenen Fächern verwischen. Sein Verständnis von der Welt war fließend und ganzheitlich.

Quelle: commons.wikimedia.org. 

Webentwickler arbeiten in einer ähnlich großen und schönen Konstellation von miteinander verbundenen Disziplinen. Die wirklich guten Dinge im Web-Design und darüber hinaus passieren, wenn wir sie miteinander verbinden.

“Technologie allein ist nicht genug – es ist die Technologie in Verbindung mit den Geisteswissenschaften, die uns die Ergebnisse liefert, die unser Herz zum Singen bringen.” Steve Jobs

Spielen Sie mit neuen Sprachen, alten Sprachen, Frameworks und Bibliotheken. Stöbern Sie in Smashing Magazine-Kategorien, in denen Sie Anfänger sind. Gehen Sie in diese Kaninchenlöcher. Ziehen Sie an diesen Fäden. Was da Vinci über die Kunst sagte, gilt auch für das Web: Es kann nie fertig sein, nur aufgegeben werden.

Weitere Lektüre zu Leonardo’s schaffen:

• Leonardo da Vinci von Walter Isaacson, eine großartige Biographie
• Kreativität, Inc: Die Überwindung der unsichtbaren Kräfte, die wahrer Inspiration im Weg stehen von Ed Catmull, Amy Wallace
• “Wo man Leonardo da Vincis Notizbücher kostenlos online “, Margherita Cole
• “Die Verbindung von Technik und Kunst“, Steve Johnson
• Verschiedene da Vinci-Kunstwerke im Art Renewal Center