Ich wurde kürzlich in einem Tweet dazu zitiert und dachte, es könnte sich lohnen, das Thema noch einmal aufzugreifen und neu zu diskutieren.
Re Art Direction "Das ist mehr als nur ein Trend, das ist einfach eine gute Idee." ~ @chriscoyier Immer noch? Und ist ein AD-Plugin 2013 der beste Weg?
— James Burgos (@JamesBurgos) 13. Oktober 2013
Die Idee eines „art direction article“ ist, dass er speziell für den Inhalt des Artikels gestaltet ist. Er kann einige Merkmale der übergeordneten Website teilen (sollte er wahrscheinlich auch), aber viele Designelemente ändern sich, um dem spezifischen Artikel zu entsprechen. Layout, Farben, Typografie, Hintergründe, Bilder, Interaktionen... alles maßgeschneidert für den Artikel.
Hier ist ein einfaches Beispiel auf Jason Santa Marias Blog (der diese Idee gefördert hat)
War das nur ein Trend?
Ich sage: Ja und Nein.
Ja
- Ich sehe heutzutage viel weniger davon als zu seiner Blütezeit (2009-2010). Ich bin damals total auf den Zug aufgesprungen. Es hat Spaß gemacht, aber ich bin nicht dabei geblieben.
- Es gab früher zwei dedizierte „Galerie“-Websites, die sich dieser Idee widmeten: Blogazines und HeartDirected. Beide sind offline.
- Einige Beispiele sind im Laufe der Zeit verfallen. Zum Beispiel dieser Beitrag, der über solche Beiträge handelt.
Nein
- Die Websites, die es tun, haben sich von Einzelpersonen zu großen Organisationen verlagert.
- Die Websites, die es heutzutage tun, bringen es auf ein ganz neues Niveau der Beeindruckung. Siehe den Abschnitt Beispiele unten.
- Gutes Design ist gutes Design. Wenn Sie eine Seite gestalten können, die den Inhalt verbessert, ist das eine gute Idee, die einen Trend überdauert.
Wie halten sie sich über die Zeit?
Mal sehen, ob wir einige echte Daten sammeln können. Dieser Artikel listet 20 Websites mit art-directed Beiträgen auf, mit zwei Beispielen pro Website. Lassen Sie uns bewerten, wie sie sich in den vier Jahren seit 2009 gehalten haben.
| Link von 2009 | Status im Okt 2013 | Status im Nov 2016 |
|---|---|---|
| Avoid Contact with Eyes #1 | Gleich | Weg |
| Avoid Contact with Eyes #2 | Gleich | Weg |
| An Idea #1 | Auf reguläres Template zurückgesetzt | Immer noch da mit regulärem Template |
| An Idea #2 | Auf reguläres Template zurückgesetzt | Immer noch da mit regulärem Template |
| The Bold Italic #1 | Kleinere Updates, größtenteils gleich geblieben | Leitet zu Medium-Artikel weiter |
| The Bold Italic #2 | Kleinere Updates, größtenteils gleich geblieben | Weg |
| A Brief Message #1 | Offline | Immer noch offline |
| A Brief Message #2 | Offline | Immer noch offline |
| Chris Coyier #1 | Aktualisiert und OK | Aktualisiert (erneut) und (größtenteils) OK |
| Chris Coyier #2 | Nicht aktualisiert, etwas seltsam, aber größtenteils OK | Nicht aktualisiert, etwas seltsam, aber größtenteils OK (immer noch) |
| Coldheat #1 | Auf reguläres Template zurückgesetzt | Wieder art-directed! |
| Coldheat #2 | Auf reguläres Template zurückgesetzt | Wieder art-directed! |
| Danny Garcia #1 | Offline | Immer noch offline |
| Danny Garcia #2 | Offline | Immer noch offline |
| David Desandro #1 | Alter Link defekt, Artikel unter neuem Link ist gleich | Gleich! |
| David Desandro #2 | Alter Link defekt, Artikel unter neuem Link ist gleich | Gleich! |
| Dustin Curtis #1 | Kleinere Updates, gute Form | Weg |
| Dustin Curtis #2 | Kleinere Updates, gute Form | Weg |
| ESPN Outside the Line #1 | Gleich | Gleich |
| ESPN Outside the Line #2 | Gleich | Beginnt zu laden, als ob es gut werden würde, dann whisked dich etwas JavaScript zu einer 404 |
| Gregory Wood #1 | 404 | 404 |
| Gregory Wood #2 | 404 | 404 |
| Hazardous Ink #1 | Leitet zur Homepage weiter | Leitet zu einer anderen Website weiter |
| Hazardous Ink #2 | Leitet zur Homepage weiter | Leitet zu einer anderen Website weiter |
| Hip-Hop Quoted #1 | Gleich | Gleich |
| Hip-Hop Quoted #2 | Gleich | Gleich |
| Jason Santa Maria #1 | Gleich | Gleich |
| Jason Santa Maria #2 | Gleich | Gleich |
| Kyle Fiedler #1 | 404 | 404 |
| Kyle Fiedler #2 | 404 | 404 |
| Pumpkin King #1 | Zeigt falschen Artikel | Zeigt falschen Artikel |
| Pumpkin King #2 | Zeigt falschen Artikel | Zeigt falschen Artikel |
| Rad Nauseam #1 | Leitet zur Homepage weiter | Leitet zu Malware weiter |
| Rad Nauseam #2 | Leitet zur Homepage weiter | Leitet zu Malware weiter |
| Tony Dewan #1 | 404 | 404 |
| Tony Dewan #2 | 404 | 404 |
| Travis Gertz #1 | Weiterleitung, kleinere Updates, gute Form | „Service Unavailable“ |
| Travis Gertz #2 | Weiterleitung, kleinere Updates, gute Form | „Service Unavailable“ |
| Trent Walton #1 | Kleinere Updates, gute Form | Gleich! |
| Trent Walton #2 | Kleinere Updates, gute Form | Gleich! |
2013: Art Direction überlebte nur bei 18/40 Artikeln. Weniger als die Hälfte.
2016: Auf 13/40 Artikel reduziert, die noch in gutem Zustand sind.
Natürlich ist dies eine sehr kleine Stichprobe und es gibt nichts, womit sie verglichen werden kann. Es wäre interessant, sie mit einer anderen Zusammenfassung aus dem Jahr 2009 zu einem völlig unrelated Thema zu vergleichen und zu sehen, in welchem Zustand sich diese URLs befinden.
Hat Responsive Design die Dinge beeinflusst?
2009 war etwas, bevor Responsive Web Design „ein Ding“ war, wie wir es heute kennen. Es ist einfacher, ein Design in einer festen Umgebung anzupassen als in einer flüssigen.
Möchten Sie, dass der Text „Kapow!“ direkt neben Batmans Faust in einem Artikel über alte Comics steht? Das ist relativ einfach zu machen, wenn Sie darauf zählen können, dass die Faust immer an der gleichen Stelle ist. Aber wahrscheinlich müssen Sie schlau werden, wie Sie diesen Text positionieren. Und wahrscheinlich etwa 50 andere kleine Anpassungen, die Sie vornehmen müssen, wenn die verfügbare Bildschirmgröße von winzig bis riesig reicht.
Das vervielfacht eine bereits zeitaufwändige Arbeit.
Hat ein Fokus auf Performance die Dinge beeinflusst?
Oft passiert bei art-directed Artikeln Folgendes:
- Alles servieren, was Sie normalerweise tun
- Plus mehr Zeug! (z.B. zusätzliche Bilder, zusätzliche Schriftarten, zusätzliches CSS usw.)
Es gibt definitiv eine „Mehr ist schlechter“-Stimmung im Web gerade. Ein häufiges Thema bei art-directed Artikeln sind das Hinzufügen von interaktiven Karten, Scroll-Effekten, Animationen und sehr großen Bildern. All das Zeug ist schwer und langsam, wenn es um Web-Performance geht.
Das bedeutet nicht, dass man es nicht richtig machen und progressiv verbessern kann, aber das ist eine weitere Schwierigkeit. Das mag zu weniger Begeisterung für art-directed Beiträge beitragen.
Wie können Sie für die Zukunft mit Ihren art-directed Artikeln planen?
Websites werden sich ändern. Das wird passieren, also müssen Sie dafür planen. Die Anpassungen, die Sie jetzt an einem Artikel vornehmen, machen für denselben Artikel in einer neuen Vorlage vielleicht keinen Sinn mehr. Haben Sie den Hintergrund auf .article-wrap { } geändert? Nun, vielleicht ist das jetzt ein <article class="module">, also tut dieses benutzerdefinierte CSS nichts.
Das Problem ist, dass Überarbeitungen im Allgemeinen zum Besseren sind. Sie berücksichtigen eine neue Werbestruktur. Sie machen ein nicht-responsives Design responsiv. Sie verbessern die Leistung. Was auch immer. Wir möchten vielleicht das alte Design komplett hinter uns lassen und uns voll auf das Neue einlassen.
Hier sind einige Optionen für verschiedene Szenarien
- Den Artikel exakt so belassen, wie er ist. So funktioniert Jasons Santa Marias Website. Beiträge, die unter einer bestimmten Version der Website art-directed wurden, werden für immer unter dieser Version ausgeliefert. Er tut es, also ist es offensichtlich machbar. Es gibt WordPress-Plugins, die Themes mit einem URL-Parameter wechseln, daher kann ich mir vorstellen, dass man etwas programmieren könnte, das ein anderes Theme basierend auf einem Veröffentlichungsdatum anzeigt.
Im Gespräch mit einigen Leuten von The Verge (und Begleitseiten) planen sie entweder, eine Legacy-Vorlage speziell für diese URLs bereitzustellen, oder die Seite in eine einmalige statische Seite zu „flatten“. So oder so bleibt das Design für immer erhalten.
- Das Design aktualisieren. Es sollte nicht vom Tisch sein, dass Sie die Artikel bei einer Neugestaltung einfach überarbeiten und sie für die Neugestaltung anpassen. Wenn die Zeit es erlaubt, ist dies wahrscheinlich die beste Option.
- Von Anfang an außerhalb der Vorlage/des Themes/des CMS bauen. Wenn der Artikel sowieso nicht auf einer Vorlage basiert, wird er nicht kaputtgehen, wenn Sie diese Vorlage aktualisieren.
- Auf eine normale Vorlage zurückgreifen. Im schlimmsten Fall einfach die gesamte benutzerdefinierte Art Direction entfernen. Es ist ein ziemlich üblicher Ansatz, einfach Assets hinzuzufügen, um eine Seite anzupassen, daher sollte das Entfernen der Assets hoffentlich dazu führen, dass der Inhalt zu einem normal aussehenden Artikel zurückkehrt. Hoffentlich war die Markup nicht so angepasst, dass sie kaputt geht. Die Lektion hier: Verwenden Sie namensraumbezogene Klassen, die wahrscheinlich keine zukünftige Bedeutung haben werden.
Was auch immer Sie tun, löschen Sie den Artikel nicht einfach oder leiten Sie ihn auf etwas unrelated um. Weil.
Neuere Beispiele
New York Times: Snow Fall
The Verge: John Wilkes Booth
New York Times: Russia
Travis Neilson: Fun with jQuery .show()
Complex: Danny Brown
The Washington Post: Great Falls
LA Times: Concrete Risks
New York Times: Tomato Can Blues
New York Times: The Jockey
Daniel Mall: Entertainment Weekly Site
Trent Walton: Human Interest
Polygon: Watch Dogs
Lassen Sie uns diese in vier Jahren noch einmal überprüfen!
Was ist also los?
Ist es / war es ein Trend oder nicht? Magst du es? Hast du es gemacht? Ist Art Direction eines Posts der Todesstoß für ihn im Laufe der Zeit? Fallen Ihnen andere Möglichkeiten ein, einen art-directed Beitrag über die Zeit zu behandeln? Weitere interessante Beispiele?
Und um James' Frage aus dem Tweet oben zu beantworten: Ich denke, Daves Fork des Art Direction Plugins ist immer noch der beste Weg, wenn Sie im WordPress-Land im Wesentlichen CSS und JS hinzufügen möchten.
Oh, und ich missbrauche „Art Direction“ hier total. Entschuldigung dafür, aber ich habe das Gefühl, dass dies irgendwie der Name ist, der für diese Sache verwendet wurde.
Ehrlich gesagt, ich LIEBE die Idee davon in der Theorie und habe sogar einige auf meinen persönlichen Blogs veröffentlicht. (mit der ursprünglichen Absicht, noch viel mehr zu machen), aber die Realität ist, dass sie einfach viel zu viel Aufwand für die kontinuierliche Erstellung bedeuten, weshalb meiner Meinung nach viele auf den Zug aufgesprungen sind, aber schnell davon abkamen, als sie merkten, dass ein 2-stündiger Blogbeitrag zu einem 20-stündigen Blogbeitrag wurde, der wirklich nicht viel mehr an Traffic brachte.
Während sie wundervolle Erfahrungen sind, die ich liebe, würde ich einen Blog nicht lesen, nur weil er art-directed ist, noch würde ich einen Blog nicht lesen, nur weil er es nicht ist.
Und wie erwähnt, denke ich, dass Mobile die Dinge wirklich durcheinandergebracht hat. Ein art-directed Beitrag ist bereits viel Arbeit, und jeden einzelnen einzigartig responsiv zu machen, ist einfach verrückt.
Ja, Sie haben das Ganze ziemlich auf den Punkt gebracht.
Einen Blog mit konsistenten art-directed Beiträgen zu pflegen, ist extrem zeitaufwendig.
Dann, wenn man die Ideale von Mobile First und RWD hinzunimmt... nein. Mehr Aufwand, als es wert ist.
Ich mag einige der Sachen, die Teehan+Lax mit ihren Arbeitszusammenfassungen gemacht hat, wirklich sehr.
Ich denke, diese Art von Beiträgen wird sich gut über die Zeit halten, weil sie ein Verweis auf die geleistete Arbeit sind.
Außer, dass ihre art-directed Seiten bis zu 70MB+ gehen.
Was extrem respektlos gegenüber ihren Nutzern ist. Jeder Link zu einer Teehan+Lax-Seite sollte wie ein PDF-Link behandelt werden
http://www.teehanlax.com/story/medium/ (WARNUNG: 70+MB, 100% CPU)
Ich mag art-directed Blogs eigentlich und sowohl Jasons als auch Trents sind meiner Meinung nach die besten Beispiele. Ich genieße (und schätze) wirklich die Zeit, die sie sich genommen haben, um sie so zu gestalten. Diese Mühe macht das Leseerlebnis angenehmer und ich bin ein Fan von visueller Stimulation... was kann ich sagen.
Ein Vorschlag bei der Verwendung von Daves Plugin für WordPress...
Benennen Sie Ihre Klassen und IDs mit einem Präfix. So etwas wie „
art-direction-“ oder „ar-“Der Grund dafür ist, dass ich mich selbst in Schwierigkeiten gebracht habe, indem ich etwas benannt habe, das ich bereits in meinem Haupt-Stylesheet habe. Doh!
Danke für den Link, Chris!
Es ist wichtig zu entscheiden, was Code und was Inhalt ist. Benutzerdefinierter „Code“ für art-directed Artikel sollte wirklich als Inhalt betrachtet und mit dem Artikel gespeichert werden.
Löst nicht alle (irgendwelche?) Probleme, fügen Sie einfach kein benutzerdefiniertes CSS/JS/HTML in Ihre Hauptcodedateien ein.
Word
Ich liebe immer noch den gelegentlichen Blogazine-Beitrag. Sie sind wunderschön. Für die Wartbarkeit denke ich, dass alles mit einer Seite verpackt werden sollte, die es vielleicht sonst nirgends bekommt, also werde ich Standalone-HTML-Seiten verwenden.
Ausgezeichneter Überblick, Chris. Ich denke, vielleicht ist Art Direction jetzt dort, wo RWD 2009 war: Alle stimmen zu, dass die Idee fundiert ist; was uns fehlt, ist ein rigoroses Set von Techniken, das es wirklich ermöglicht, dass es auf den meisten Websites stattfindet. Wir haben kaum die Sprache, um Art Direction im Web zu diskutieren, insbesondere im Zeitalter von Responsive Design, geschweige denn, es mit einfachen, geradlinigen Werkzeugen umzusetzen.
Mein Eindruck ist, dass viele Leute am Rande des Problems knabbern: Ich weiß, dass mein eigener Beitrag definitiv in diese Kategorie fällt. Aus technischer Sicht werden neue CSS-Vorschläge wie Adobes Regions und Exclusions es Art Directors ermöglichen, ihren Platz am Webdesign-Tisch einzunehmen, mit der Werkzeugkiste, die sie aus der Printwelt gewohnt sind. Ich denke, es ist wahrscheinlich, dass wir schließlich eine kritische Masse an Werkzeugen, Techniken und einer reifenden visuellen Sprache erreichen werden, die Art Direction im Web ermöglicht und populär macht, aber es wird noch ein paar Jahre Entwicklung brauchen.
Ich mag das Konzept immer noch sehr und versuche weiterhin, in irgendeiner Form Art-Direction-Funktionen einzubauen, wo immer möglich... es wird auf Dinge reduziert, die für mich oder meine Kunden einfach in ihren CMSs zu aktualisieren sind.
Es wird tatsächlich einfacher, modulare Designsysteme zu erstellen, die Front-End mit UI-Bibliotheken und großartigen Tools wie SASS art-directed/angepasst werden können... Das Backend ist das Problem. Es ist immer noch unglaublich schwierig, ein einfach zu bedienendes, anpassbares Designsystem in den meisten Content-Management-Systemen zu erstellen.
Ein großartiges Layout-Plugin für ein CMS, das es einem Benutzer ermöglicht, einfach aus einer Reihe von vordefinierten Seitenmodulen mit Farboptionen, Inhaltstypen usw. zu wählen, würde in meiner Welt einen großen Unterschied machen.
Pitchfork macht das derzeit mit einigen seiner Feature-Artikel. Sie kombinieren es mit responsiven Funktionen und Parallax-Videos und Bildern. Es ist ziemlich cool.
Hier ist ein besseres Beispiel: Pitchfork Cover Story: MGMT
Ich wollte auch die AD-Posts von Pitchfork erwähnen. Die jüngste Daft Punk Cover Story war ziemlich episch.
Ich habe irgendwie das Gefühl, dass Webdesign ein bisschen wie das Jonglieren mit Tellern ist, und in letzter Zeit haben wir alle sehr hart an der RWD-Platte, der Progressive Enhancement-Platte (egal ob Befürworter oder Gegner, es ist in der Luft) und der Performance-Diät-Platte gearbeitet. Traurigerweise sind das am Ende des Tages viele Teller. Hoffentlich können wir, sobald diese Teller alle vollständig in Bewegung sind, uns wieder der AD-Platte zuwenden und sie wieder in vollem Schwung bringen. Zumindest für die privaten Räume von Designern ist AD eine fantastische Idee, jede Zine, jeder ernsthafte Blog, jede aufgeteilte Ressource sollte die Vorteile in Betracht ziehen... aber es gibt nur so viele Hände, um diese Teller in Bewegung zu halten.
Absolut einverstanden. Die Realität ist, dass viele Leute entweder Solo-Freiberufler oder in kleinen Teams arbeiten und unter Zeitdruck stehen. Ohne den Luxus von Zeit muss etwas nachgeben. Hoffentlich werden einige revolutionäre Tools kommen, um unser Leben einfacher zu machen, aber ich habe verdammt noch mal keine Zeit, sie zu erstellen!
Die Probleme, die die Leute mit „art-directed“ zu assoziieren scheinen, sind allesamt Probleme, die durch schlechtes Design verursacht werden. Sie können gut gestaltete, art-directed Beiträge erstellen, die nicht 70 MB groß sind, progressiv verbessert und responsiv sind. Trent Walton tut das die ganze Zeit.
Es erfordert mehr Arbeit. Aber das ist eine Beschwerde, die einige Leute auch über RWD haben. Das bedeutet nicht, dass wir aufgeben und es eine schlechte Idee nennen sollten.
Meine Arbeit hat kürzlich einen hochgradig art-directed Artikel für eine lokale Alt-Weekly hier in der Stadt über eine umstrittene Straßenfrage veröffentlicht, die 30 Jahre in der Entstehung begriffen war.
Man kann damit einige coole Dinge machen, aber es ist schwierig, den Preis-/Nutzen-Sweetspot sowohl für uns als auch für unsere Kunden zu finden. RWD hat definitiv die Zeit erhöht, um ein Projekt dieser Größenordnung abzuschließen.
Projektlink für Neugierige
http://www.c-ville.com/the-bypass/
Ich denke, es wäre zeitaufwendig, wenn man eine zusätzliche Vorlage mit verschiedenen Designelementen entwerfen und sie dann mit anderen Dingen wie RWD usw. kompatibel machen muss.
Ich denke, es geht um Balance. Ich bin mitten in einer Portfolio-Website-Überarbeitung und wir betrachten etwas, das man wohl als „semi-art-directed“ bezeichnen könnte. Es gibt Konstanten, aber die verbleibenden Variablen sind groß genug, um der Seite ihre eigene, unverwechselbare Identität zu verleihen – ohne verrückte Mengen an Code-Bloat schreiben zu müssen, damit es funktioniert.
Es wird immer einen Platz für den art-directed Blog geben, aber wie alle uns zur Verfügung stehenden Optionen ist er nicht immer die richtige Lösung.
Das ist genau das, wovon ich mein Team gerade überzeuge. Allzu oft versuchen „art-directed“ Beiträge, alles zu ändern. Ich denke, wir sollten Anpassungen genauso behandeln wie Themes.
Der größte Teil des Layouts usw. sollte gleich bleiben, und wir sollten nur mit Farben, Bildern und Schriftarten spielen.
Auf diese Weise werden sie im schlimmsten Fall später einfach gleich. Und im besten Fall können wir dasselbe Theme für weitere Artikel in Zukunft wiederverwenden.
Auf diese Weise sollte es bei einer Neugestaltung einfach genug sein, alle Themes zu aktualisieren, um ihnen weiterhin ein einzigartiges Aussehen und Gefühl zu verleihen.
Danke, dass Sie meine Website erwähnt haben. Interessanterweise schreibe ich http://hiphopquoted.com von Grund auf neu mit HTML5, Webfonts, SVG, responsiven Ansichten usw., da sie vor so langer Zeit mit veralteten Technologien erstellt wurde. Es dauert aber eine Weile!
Glauben Sie, dass die Fantasy-Interaktiven (fi) Fallstudien in diese Kategorie fallen? Sie sind definitiv auf ihren Inhalt zugeschnitten
http://www.f-i.com/work/all
Art directed articles ist ein Ansatz, den ich seit vielen Jahren auf meiner Website, pumpkin-king.com, verwendet habe. Peinlicherweise geben die beiden Links zu meiner Website, die Sie in Ihrem Artikel referenzieren, heutzutage den falschen zurück (sie greifen auf den neuesten Artikel zurück). Das liegt an einer kürzlichen Neugestaltung, um die Website responsiv zu machen.
Wie Sie in diesem Artikel hervorheben, ist die Umwandlung von art-directed Artikeln und Vorlagen in eine responsive Präsentation eine Herausforderung. Für meine Neugestaltung habe ich den Ansatz „Das Design aktualisieren“ gewählt und jeden Artikel einzeln in neue, responsive Vorlagen umgebaut. Das war offensichtlich ein großes Projekt, wie sicher jeder, der eine ähnliche Migration durchgeführt hat, bestätigen kann, und ich beschloss, mit einer Handvoll der aktuellsten Artikel zu beginnen (und jenen, von denen die Analysen mir sagten, dass sie immer noch qualitativ hochwertigen Traffic anziehen) mit der Absicht, die restlichen im Laufe der Zeit hinzuzufügen. Das bedeutete, dass ich die neue Website und die Vorteile einer responsiven Neugestaltung live schalten konnte, ohne durch die Zeit, die für das Hinzufügen JEDES Artikels benötigt wurde, zurückgehalten zu werden. Der Nachteil ist, dass einige der älteren Stücke, wie die beiden, auf die Sie in diesem Artikel verweisen, den falschen Inhalt zurückgeben werden, bis ich sie hinzufügen kann.
Die Art und Weise, wie ich diese Artikel veröffentliche, hat sich seit Beginn der Nutzung im Jahr 2009 stark verändert. Ich schreibe viel seltener als früher, zum großen Teil wegen der Zeit, die für die Gestaltung und Entwicklung jedes Artikels benötigt wird – eine Aufgabe, die jetzt, da die Website responsiv ist, noch schwieriger geworden ist. Dennoch, als ich mich Anfang des Jahres entschied, die Website neu zu gestalten, ein Zeitpunkt, an dem das Aufgeben dieses art-directed Ansatzes sinnvoll gewesen wäre, entschied ich mich, dabei zu bleiben, weil ich, selbst nachdem sich so viele Websites, die diesen Ansatz verwendeten, davon distanziert haben, immer noch Wert darauf lege, Artikel auf diese Weise zu veröffentlichen.
Wenn es eine Modeerscheinung war, hoffe ich, dass sie zurückkommt. Responsivität hat wahrscheinlich eine Rolle dabei gespielt, dies zu zerschlagen, aber wenn wir uns einschränken, indem wir uns vorstellen, was wir diese Woche tun können, werden wir großartiges Design verpassen.
Ich denke, es ist immer noch eine gute Idee, aber es hat seinen Platz. Von den Millionen von Bloggern da draußen sollten die meisten kein AD verwenden. Aber wenn man sich die Beispiele von der NYT ansieht, haben sie es bei „wichtigen“ Artikeln verwendet, nicht bei dem Beitrag über die Katze im Baum. Artikel, auf die verwiesen wird, Artikel, die Animationen benötigen, um Dinge zu erklären.
Ich stimme zu, dass ein Blog nur mit art-directed Beiträgen sehr zeitaufwendig sein könnte. Aber ich denke auch, dass man ein Gleichgewicht finden kann, schauen Sie sich die Dinge an, die Vox Media tut (The Verge, Polygon, SB Nation): Nicht ALLE Artikel sind art-directed, die meisten verwenden dasselbe Layout, und dann gibt es ein paar Feature-Posts, die art-designed sind. Balance.
Dieser Artikel hat mich inspiriert, meine eigenen Gedanken zu veröffentlichen, warum ich diesen art-directed Ansatz weiterhin verwende und was sich für mich geändert hat, jetzt, da ich meine Artikel in ein neues, responsives Design verschoben habe – http://www.pumpkin-king.com/blog/art-directed-articles-then-and-now
Ich kann die Überlegungen hinter kunstvoll gestalteten Fallstudien verstehen, auch wenn einige mehr Arbeit zu erfordern scheinen als das Projekt, über das diese Fallstudien berichten, denn die Funktion dieser Studios ist es, zu zeigen, was man kann. Aber für Blogartikel scheint es zu viel zu sein, ich würde es nicht tun, es sei denn, der Artikel wäre etwas wirklich Besonderes.
Als Webdesigner würde ich mir wünschen, dass kunstvoll gestaltete Artikel zu einem neuen Trend werden, es würde einen neuen Markt für mich eröffnen, und ein Markt, der etwas Aufwand und viel Kontinuität erfordert, aber ganz ehrlich, ich glaube, sie sind die Zeit nicht wert, es sei denn, man kann sich Perfektion leisten.
Bis vor kurzem war ich Web Publications Coordinator für TXCPA. Wir haben viele großartige Printdesigner, die für uns arbeiten, und meine ursprüngliche Anweisung war: "Machen Sie es so aussehend wie das Druckwerk". Das Codieren hat Spaß gemacht und ich habe schnell viel CSS gelernt. Und ich konnte dem Druck ziemlich nahe kommen, obwohl ich IE6 unterstützen musste und wenig CSS3-Unterstützung hatte (ca. 2008).
Was die Kunstrichtung getötet hat, war nicht die Zeit, die es zum Codieren brauchte. Es war der Niedergang des Drucks (aufgrund von Budgetkürzungen) und die Unfähigkeit – oder mangelndes Interesse – der Top-Printdesigner, Webseiten statt Druckseiten zu gestalten.
Gleichzeitig gab es einen Vorstoß des Managements, zu einem CMS zu wechseln. Ich bin mir nicht sicher, wie sie dachten, dass das helfen würde, da es qualifiziertere – und daher teurere – Coder erfordern würde.
WordPress hätte nie die Art von Layouts unterstützt, die wir früher gemacht haben, und obwohl Drupal besser war, war es immer noch nicht förderlich für Layout und Design, das auf Inhalten basiert, im Gegensatz dazu, welche Views/Regionen/Nodes Sie mit Inhalten füllen konnten. Persönlich fand ich es schneller und einfacher, alles von Grund auf neu zu codieren.
Seiten wurden zu langweiligen Drei-Spalten-Angelegenheiten.
Jetzt schwingt das Pendel wieder in die andere Richtung. Wir verwenden Bootstrap/Foundation, machen jQuery-Funktionen einfach für diejenigen, die keine JavaScript-Experten sind, und die neue Herausforderung ist die Erstellung ansprechender mobiler Websites.
Und das Management erkennt, dass es online Möglichkeiten gibt, Grafiken, Text, Video und Datenvisualisierung zu integrieren, wie man es noch nie zuvor konnte. Und die Printdesigner, die das Web als Medium angenommen haben, arbeiten jetzt an den hochkarätigen Projekten.
Ich arbeite seit 20 Jahren im Web (Das sind 140 Personenjahre, oder?), und eines, was ich gelernt habe, ist, dass alles Alte wieder neu wird. Wir machen uns jetzt Sorgen um Bandbreite und Skalierung auf verschiedene Bildschirmauflösungen, genau wie wir es taten, als die meisten Leute über Modem verbunden waren.
Kunstvoll gestaltete Artikel wurden durch sitewide "kunstvoll gestaltete Vorlagen" ersetzt, bei denen jeder Artikel demselben Stil folgt, aber so gut gestaltet ist, dass er aussieht, als wäre er speziell für diesen Artikel kunstvoll gestaltet worden.
Ich muss das richtigstellen. Der Hauptpunkt des "art directed blog" ist, den Standardstil mit einigen neuen Stilregeln zu überschreiben, um einen anderen Look zu erzielen. Wenn wir Artikel mit ihrer individuellen Vorlage erstellen, die zu 100 % anders ist, dann ist es kein "art directed article"/custom post. Es sind nur statische Webseiten, die im Blog-Archiv enthalten sind.
Ein "art directed blog" sollte sein HTML-, CSS- und JS-Framework haben, egal welches Risiko.
Ich hatte früher einen "art directed blog" auf Tumblr (iamsteve_dot_Tumblr_com – Link ist jetzt tot), wo ich ein Basis-Theme erstellt und dann meine Beiträge darüber kunstvoll gestalten konnte. Seitdem bin ich zu GitHub umgezogen (http://theartdirectedjournal.github.io) und bin immer noch stark dabei. Jeder "Artikel" ist eigentlich eine eigenständige Webseite. Ich erkenne, dass es ein bisschen "hacky" und eine billige Methode ist, aber es funktioniert für mich. Ich gestalte meine Beiträge kunstvoll, weil es Spaß macht.
Ich persönlich mag die Idee nicht, dass irgendeine Vorlage universell gut genug ist, um all meine Beiträge unterzubringen. Deshalb habe ich angefangen, meine eigenen Webseiten zu erstellen, nur um Dinge so veröffentlichen zu können, wie ich denke, dass sie es verdienen, anstatt einen Blog-Dienst irgendeiner Art zu nutzen. Ich bin nur ein Amateur in HTML und CSS, aber ich stimme zu, dass das Entwerfen individueller Seiten für einzelne Beiträge einen stark dazu zwingt, die wichtigsten Themen auszuwählen. Wenn Sie Wochen damit verbringen, eine einzelne Webseite zu gestalten, müssen Sie bei Ihrem Thema wirklich wählerisch sein. Mein Thema ist im Allgemeinen der Klang. Ich versuche, die Leute darauf aufmerksam zu machen, dass das Zuhören von "gewöhnlichen" Klängen interessant ist, so wie es sehr emotional werden kann, wenn man genau zuhört. Also muss ich individuelle visuelle Präsentationen für individuelle akustische Situationen erstellen, wenn ich jemanden von der individuellen Schönheit von Klängen überzeugen will. Danke für Ihr interessantes Web, ich werde versuchen, Ihre professionellen Ratschläge in meiner Amateurarbeit zu nutzen. JL