Art Directed Posts Bloggen, met stijl

Ooit opgepikt en gelezen Tijd tijdschrift of Bedrade voor? Jij hebt? Dan zult u bekend zijn met het feit dat elk tijdschriftartikel zijn eigen unieke lay-out, opmaak en grafisch ontwerp heeft die prachtig op de inhoud aansluiten. Briljant, toch? Dit levert niet alleen de boodschap van een artikel op insightfully, maar geeft de lezer ook een terzijde kijken naar.

Als je helemaal bekend bent met waar ik het over heb, dan zou je moeten weten dat dit soort stijl ook op het web aanwezig is. Blogazines (een ongemakkelijke term) brengen artikelen in tijdschriftstijl naar traditionele blogs op internet. Dit thema van berichten op een blog (ook bekend als de gepopulariseerde, vaak verkeerd gebruikte term, kunstrichting) geeft elk artikel zijn eigen uiterlijk, in tegenstelling tot de gemiddelde lay-out met één thema voor artikelen die de meeste blogs vandaag hebben.

Niet alleen zorgt het ervoor dat een blog er uniek uitziet (en soms zelfs het gepraat van de community voor een tijdje), het geeft de schrijver van een artikel ook de kans om de inhoud te ontwerpen en ermee te spelen - of zelfs te oefenen en de vaardigheden van het aanvullen van een ontwerp (de levering) met zijn context (het bericht van het artikel).

Magazine-stijl blogs zoals Jason Santa Maria's zweven al een tijdje rond het web. Hoewel er relatief weinig op één lijn zitten, is het nooit te laat om te beginnen.


Art Direction, met stijl

Nu u uw handen klaar hebt om elk van uw individuele blogberichten te ontwerpen, moet u weten dat het hoofddoel van het blogazine is niet alleen om een ​​bericht aan te passen en in te kleuren, maar om een ​​betekenis te leveren via kunst.

"Tijdschriften zijn niet bedoeld om eenvoudig individuele verhalen te versieren, het is hun doel om visuele beelden en taal te combineren om de betekenis van het verhaal te verbeteren." - Dan Mall, Art Direction and Design op Een lijst uit elkaar.

Zoals de term door velen wordt misbruikt (gegeneerd, inclusief mijzelf) de betekenis achter de zin, kunstrichting, verdwijnt en wordt helaas verkeerd begrepen. Art direction, is gewoon de praktijk van het strategisch verbeteren van een betekenis achter iets. In deze context is art direction niet een ontwerp (zoals Dan Mall zegt) en ook niet de term voor het aanpassen van de look van een blogpost, maar intensivering de boodschap erachter, door middel van ontwerp.

De kunstgerichte blogpost van Trent Walton, getiteld 'Where to Start', toont niet alleen mooi design, maar ook goed doordachte betekenis achter het ontwerp. In feite vertonen alle artikelen van Trent dezelfde individualiteit en aandacht voor detail.

Terwijl het ontwerpen van het uiterlijk van uw blogberichten, is het altijd van het grootste belang voor hen om echt zinvol. Een op maat gemaakt ontwerp zou de manier waarop je denkt te verbeteren door logica (de richting van de kunst) te verbinden met instinct (het ontwerp). En het zou je buikgevoel moeten bevredigen.

"Het ontwerp van een leeservaring zou het mogelijk moeten maken dat de woorden afbeeldingen in mijn hoofd schilderen, niet om me te onderbreken." @jontangerine #aeaatl

- Jeffrey Zeldman (@zeldman) 18 februari 2013

Wat betreft kwaliteit is het aanpassen van elke afzonderlijke blogpost een kwestie van hard werken. Tenzij je een team van art directors en visual designers achter een blog hebt, moet je niet gedwongen worden om te thematiseren elk enkele post. Het is kwaliteit boven kwantiteit, en dat zou een prioriteit moeten zijn.


Herken je dit? Het is Smashing Magazine.

Codering, met stijl

Naast het verbeteren van je ontwerpintuïtie, verbetert het ontwerpen van blogs ook de manier waarop je met code werkt, of CSS in het algemeen. Omdat u in essentie werkt aan het over- en negeren van een ontwerp dat u eerder hebt gemaakt (tenzij u een geheel nieuw thema maakt, art direction implementeert), wordt de manier waarop u met code werkt veel efficiënter.

Zoals ik heb geleerd van mijn eigen blog, is het handig om efficiënte selectors te gebruiken, HTML te optimaliseren en deze onder bepaalde scenario's te laten werken. Als je genoeg oefening hebt, zou je je art direction zelfs responsief kunnen laten veranderen en je aanpassen aan bijna elke schermgrootte.

Dit kan echter als een nadeel worden beschouwd. Om op maat gemaakte ontwerpen voor individuele berichten uit te voeren, moet u uw weg weten naar ontwerp en codering aan de voorkant.

Je zult ook moeten zorgen dat je het goed doet. Zorg ervoor dat uw terugkerende bezoekers weten met wie ze te maken hebben en dat de kracht van uw online aanwezigheid niet wordt verzwakt als gevolg van uw spel.

Dat gezegd hebbende, je bent een ontwerper, dus het buigen van je designspieren in de publieke arena gaat altijd lonend zijn als het goed wordt gedaan.


Het laten werken, met stijl

Hoewel de meesten van jullie die dit lezen al de knowhow hebben om nu aan een art-directed blogazine-post te beginnen, zijn er ook een paar van jullie die zich nog steeds afvragen hoe je hiermee kunt beginnen. Er zijn een paar manieren om dit op uw huidige blog te implementeren, en de voorbeelden die ik hieronder heb genoemd, zouden bijna elk blogscenario kunnen ondersteunen.

Werken met WordPress

Het meest populaire content management systeem van allemaal, WordPress, heeft ondersteuning voor plug-ins die het gemakkelijk maken om aanpasbare blogposts meteen te implementeren. Een plug-in genaamd 'Art Direction' (kijk en zie) geeft je blog stijlen per post, waardoor het eenvoudig is HTML-elementen in een artikel te overschrijven. In feite is het ook dezelfde die Trent Walton gebruikt voor zijn persoonlijke weblog.

Werken met Tumblr (of een platform zonder plug-in)

Ik gebruik Tumblr voor mijn persoonlijke weblog. Ondanks het fantastisch gebruiksvriendelijke ontwerp en de service biedt het platform geen ondersteuning voor de installatie van geavanceerde plug-ins.

Dat gezegd hebbende, biedt de dienst de mogelijkheid om HTML en CSS aan te passen in de vorm van aangepaste blogthema's. Als u al bekend bent met HTML, zou het bouwen van een thema met de thema-syntaxis van Tumblr relatief eenvoudig moeten zijn. Om art direction te implementeren, volstaat het een eenvoudig JavaScript-blok om CSS dynamisch in de artikelpagina van een artikel in te voegen.

  Block: permalinkpage/ Block: permalinkpage  Block: indexpagina/ Block: indexpagina  

Als u een andere service gebruikt die werkt met aangepaste thema's, zou de bovenstaande code even goed moeten werken met een paar wijzigingen.

Bring-Your-Own Platform

Natuurlijk is blogpublicatie niet beperkt tot alleen de gepopulariseerde Content Management Systemen, want er zijn een handvol die net zo goed werken als elk van de hierboven genoemde. Sommigen bieden zelfs volledige ondersteuning voor art direction en implementatie. Anchor CMS, (ontworpen door Visual Idiot) is een van hen is een publicatieplatform dat zich richt op volledige implementatie van de art direction. Het is ook ongelooflijk goed ontworpen.


Een conclusie, met stijl

Nu u er helemaal klaar voor bent, zou het ontwerpen en art-leiden van uw blogposts een goede manier moeten zijn om uw ontwerpvaardigheden te verbeteren, terwijl u tegelijkertijd uw ontwerpintuïtie aanscherpt.

Dus ga aan de slag - en ga bloggen, met stijl.