Share
Mai preso e letto Time Magazine o Cablata prima? Hai? Allora avrai familiarità con il fatto che ogni articolo di rivista presenta il proprio layout, formattazione e grafica unici che si adattano perfettamente al contenuto. Brillante, vero? Questo non solo fornisce un messaggio di un articolo acutamente, ma dà anche al lettore un a parte guardare.
Se hai familiarità con ciò di cui sto parlando, allora dovresti sapere che questo tipo di stile è presente anche sul web. I blogazines (termine scomodo) portano articoli in stile rivista ai blog tradizionali sul web. Questo tema di post su un blog (noto anche come termine popolare, spesso usato impropriamente, direzione artistica) conferisce ad ogni articolo il proprio aspetto, a differenza del layout a tema singolo medio per gli articoli che la maggior parte dei blog ha oggi.
Non solo rende un blog un aspetto unico (e talvolta anche il parlare della community per un po '), ma dà anche allo scrittore di un articolo la possibilità di progettare e giocare con i contenuti - o anche di esercitarsi e affinare le abilità di integrare un design (la consegna) con il suo contesto (il messaggio dell'articolo).
Post del blog in stile rivista come Jason Santa Maria sono stati girovagare per il web già da un po 'di tempo. Anche se ci sono relativamente pochi alla pari, non è mai troppo tardi per iniziare.
Ora che hai le mani pronte per iniziare a progettare ognuno dei tuoi post sul blog, dovresti sapere che lo scopo principale della blogazine non è solo quello di "personalizzare e colorare" un post, ma di dare un significato attraverso l'arte.
"Le riviste non si limitano a decorare semplicemente le storie individualmente, ma il loro obiettivo è combinare l'immaginario visivo e il linguaggio per migliorare il significato della storia". - Dan Mall, Art Direction and Design sopra Un elenco a parte.
Dal momento che il termine è abusato da molti (in modo imbarazzante, incluso me stesso) il significato dietro la frase, direzione artistica, dissipa e sfortunatamente diventa incompreso. L'art direction, è semplicemente la pratica di migliorare strategicamente un significato dietro qualcosa. In questo contesto, l'art direction non è design (come dice Dan Mall) né è solo il termine per personalizzare l'aspetto di un blog post, ma intensificando il messaggio dietro di esso, attraverso il design.
Il post sul blog diretto da Trent Walton "Where to Start" mostra non solo un bel design, ma un significato ben pensato dietro al suo design. In effetti, tutti gli articoli di Trent mostrano individualità e attenzione ai dettagli simili.
Durante la progettazione dell'aspetto dei post del blog, è sempre fondamentale che abbiano davvero un senso. Un design su misura dovrebbe migliorare il tuo modo di pensare collegando la logica (la sua direzione artistica) con l'istinto (il suo design). E dovrebbe soddisfare la tua sensazione istintiva.
"Il design di un'esperienza di lettura dovrebbe consentire alle parole di dipingere le immagini nella mia mente, non interrompermi". @jontangerine #aeaatl
- Jeffrey Zeldman (@zeldman), 18 febbraio 2013
Inoltre sul tema della qualità, la personalizzazione di ogni singolo post del blog è una questione di duro lavoro. A meno che tu non stia gestendo un team di art director e visual designer dietro un blog, non dovresti essere costretto al tema ogni singolo post. È la qualità rispetto alla quantità e dovrebbe essere una priorità.
Oltre a migliorare l'intuizione del design, la progettazione di blogazine migliora anche il modo in cui lavori con il codice o con i CSS in generale. Poiché stai essenzialmente lavorando e sovrascrivendo un design che hai creato in precedenza (a meno che non stia creando un nuovo tema da zero, implementando la direzione artistica) il modo in cui lavori con il codice diventerà molto più efficiente.
Come ho imparato dal mio blog, è comodo utilizzare selettori efficienti, ottimizzare l'HTML e farlo funzionare in determinati scenari. Dato abbastanza pratica, dovresti anche essere in grado di modificare la tua direzione artistica in modo reattivo e adattarti a quasi tutte le dimensioni dello schermo.
Questo potrebbe essere visto come un aspetto negativo, tuttavia. Per realizzare lavori di progettazione su misura per i singoli post, è necessario conoscere il modo di progettare e codificare front-end.
Dovrai anche assicurarti di farlo bene. Assicurati che i tuoi visitatori abituali sappiano con chi hanno a che fare e che la forza della tua presenza online non si indebolisca a causa del tuo modo di giocare.
Detto questo, sei un designer, quindi flettere i muscoli del tuo design nell'arena pubblica pagherà sempre i dividendi se fatto correttamente.
Mentre la maggior parte di voi che legge questo ha già il know-how per iniziare a lavorare su un post di blogazine diretto all'arte proprio ora, ci sono anche alcuni di voi che si stanno ancora chiedendo come iniziare con tutto questo. Ci sono alcuni modi per implementarlo nel tuo blog attuale, e gli esempi che ho elencato di seguito dovrebbero adattarsi a quasi tutti gli scenari di blogging.
Il più popolare sistema di gestione dei contenuti di tutti, WordPress, ha il supporto per i plugin che rendono facile implementare subito post di blog personalizzabili. Un plug-in chiamato "Art Direction" (lo ed ecco) fornisce gli stili per post del tuo blog, rendendo più semplice l'override degli elementi HTML all'interno di un articolo. In realtà, è anche lo stesso che Trent Walton usa per il suo blog personale.
Uso Tumblr per il mio blog personale. Nonostante la progettazione e il servizio straordinariamente facili da usare, la piattaforma non offre supporto per l'installazione di plugin avanzati.
Detto questo, il servizio offre la possibilità di personalizzare HTML e CSS sotto forma di temi di blog personalizzati. Se hai familiarità con HTML, la creazione di un tema con la sintassi del tema di Tumblr dovrebbe essere relativamente semplice. Per implementare la direzione artistica, basta un semplice blocco di javascript per inserire il CSS dinamicamente all'interno della pagina dell'articolo di un post.
Block: permalinkpage/ Block: permalinkpage Block: IndexPage/ Block: IndexPage
Se stai usando qualsiasi altro servizio che funzioni con temi personalizzati, allora il codice sopra dovrebbe funzionare anche con alcune modifiche.
Ovviamente, la pubblicazione di blog non si limita solo ai popolari sistemi di gestione dei contenuti, in quanto vi è una manciata che funziona altrettanto bene di quanto menzionato sopra. In effetti, alcuni potrebbero persino offrire pieno supporto per l'art direction e l'implementazione. Anchor CMS (progettato da Visual Idiot) essendo uno di questi è una piattaforma di pubblicazione incentrata sull'implementazione della direzione artistica completa. È anche incredibilmente ben progettato.
Ora che sei tutto pronto, la progettazione e la direzione artistica dei post del tuo blog dovrebbero essere un ottimo modo per affinare le tue abilità di progettazione del codice, mentre affini il tuo intuito progettuale.
Quindi inizia e ricevi blog, con stile.
Accentsconagua