Jamais ramassé et lu Le magazine Time ou Filaire avant? Tu as? Ensuite, vous vous rendrez compte que chaque article de magazine possède sa propre mise en page, son formatage et son graphisme uniques qui s’adaptent parfaitement au contenu. Brillant, non? Non seulement cela livre le message d'un article avec perspicacité, mais donne aussi au lecteur une de côté regarder.
Si vous savez ce dont je parle, sachez que ce type de style est également présent sur le Web. Blogazines (un terme inconfortable) apporte des articles de style magazine aux blogs traditionnels sur le Web. Cette thématisation de messages sur un blog (également connu sous le terme vulgarisé, souvent mal utilisé), Direction artistique) donne à chaque article son propre look, contrairement à la mise en page moyenne sur un seul thème pour la plupart des blogs.
Cela donne non seulement un blog un look unique (et parfois même un discours de la communauté pendant un moment), mais donne également à l'auteur d'un article une occasion de concevoir et de jouer avec le contenu - ou même de le pratiquer et design (la livraison) avec son contexte (le message de l'article).
Des articles de blog de style magazine comme celui de Jason Santa Maria circulent sur le Web depuis un bon moment maintenant. Bien qu’il y ait relativement peu d’égaux, il n’est jamais trop tard pour commencer.
Maintenant que vous avez les mains prêtes pour commencer à concevoir chacun de vos articles de blog, sachez que l'objectif principal du blogazine n'est pas simplement de "personnaliser et de colorer" un article, mais de donner un sens à travers l'art..
"Les magazines ne cherchent pas simplement à décorer des histoires individuellement. Ils ont pour objectif de combiner images et langage pour améliorer la signification de l'histoire." - Dan Mall, Direction artistique et design sur Une liste à part.
Comme le terme est mal utilisé (beaucoup d’embarras, moi compris), le sens de la phrase, Direction artistique, se dissipe et, malheureusement, devient incompris. La direction artistique consiste simplement à renforcer stratégiquement le sens de quelque chose. Dans ce contexte, la direction artistique n’est pas un design (comme le dit Dan Mall), ni un terme pour personnaliser le look d’un article de blog, mais intensifiant le message derrière, à travers le design.
Le billet de blog dirigé par l'art de Trent Walton intitulé «Where to Start» (Où commencer) montre non seulement un beau design, mais aussi une signification bien pensée derrière son design. En fait, tous les articles de Trent affichent une individualité et un souci du détail similaires..
Lors de la conception de vos articles de blog, il est toujours primordial qu’ils aient un sens. Une conception sur mesure devrait améliorer votre façon de penser en liant la logique (sa direction artistique) à l'instinct (sa conception). Et cela devrait satisfaire votre instinct.
"La conception d'une expérience de lecture devrait permettre aux mots de peindre des images dans mon esprit, pas de m'interrompre." @jontangerine #aeaatl
- Jeffrey Zeldman (@zeldman) 18 février 2013
De plus, en ce qui concerne la qualité, la personnalisation de chaque article de blog est un travail ardu. À moins que vous dirigiez une équipe de directeurs artistiques et de concepteurs visuels derrière un blog, vous ne devriez pas être obligé de chaque poste unique. C'est la qualité avant la quantité, et cela devrait être une priorité.
En plus d'améliorer votre intuition de conception, la conception de blogazine améliore également la façon dont vous travaillez avec le code, ou CSS en général. Parce que vous travaillez essentiellement sur un design que vous aviez déjà construit (à moins de créer un nouveau thème à partir de zéro, de mettre en œuvre une direction artistique), votre façon de travailler avec du code deviendra beaucoup plus efficace..
Comme je l'ai appris dans mon propre blog, il est pratique d'utiliser des sélecteurs efficaces, d'optimiser le langage HTML et de le faire fonctionner dans certains scénarios. Avec suffisamment de pratique, vous devriez même être capable de modifier votre direction artistique en conséquence et de vous adapter à presque toutes les tailles d'écran..
Cela pourrait être considéré comme un inconvénient, cependant. Pour effectuer un travail de conception sur mesure pour des postes individuels, vous devez connaître votre chemin en matière de conception et de codage front-end..
Vous devrez également vous assurer que vous le faites bien. Assurez-vous que vos visiteurs assidus savent à qui ils ont affaire et que la force de votre présence en ligne ne faiblit pas du fait de vos jeux..
Cela dit, vous êtes un designer, alors plier les muscles du design dans l'arène publique rapportera toujours des dividendes s'il est effectué correctement..
Bien que la plupart de ceux qui lisent ceci aient déjà le savoir-faire nécessaire pour commencer à travailler sur un post de blogazine dirigé par des artistes, certains d'entre vous se demandent encore comment s'y prendre pour commencer. Il existe plusieurs façons de mettre cela en œuvre sur votre blog actuel, et les exemples que j'ai énumérés ci-dessous devraient convenir à presque tous les scénarios de blogging..
Le système de gestion de contenu le plus populaire, WordPress, prend en charge les plug-ins, ce qui facilite la mise en œuvre immédiate de messages de blog personnalisables. Un plugin appelé 'Art Direction' (bas à droite) donne à votre blog des styles par publication, facilitant ainsi la substitution d'éléments HTML dans un article. En fait, c'est aussi le même que Trent Walton utilise pour son blog personnel.
J'utilise Tumblr pour mon blog personnel. Malgré sa conception et son service remarquablement faciles à utiliser, la plate-forme n'offre pas de support pour l'installation de plugins avancés..
Cela dit, le service offre la possibilité de personnaliser HTML et CSS sous la forme de thèmes de blog personnalisés. Si vous connaissez HTML, la construction d'un thème avec la syntaxe de thème de Tumblr devrait être relativement facile. Pour implémenter la direction artistique, il suffit d'un simple bloc de javascript pour insérer du CSS de manière dynamique dans la page d'article d'un article..
block: permalinkpage/ block: permalinkpage block: indexpage/ block: indexpage
Si vous utilisez un autre service fonctionnant avec des thèmes personnalisés, le code ci-dessus devrait également fonctionner avec quelques modifications..
Bien sûr, la publication de blogs ne se limite pas aux systèmes de gestion de contenu populaires, car il en existe une poignée qui fonctionne aussi bien que l'une des solutions mentionnées ci-dessus. En fait, certains pourraient même offrir un soutien total pour la direction artistique et la mise en œuvre. Anchor CMS (conçu par Visual Idiot) est l’une de ces plateformes de publication centrée sur la mise en œuvre intégrale de la direction artistique. C'est aussi incroyablement bien conçu.
Maintenant que vous êtes tous prêts, la conception et la direction artistique de vos articles de blog devraient être un excellent moyen d'affiner vos compétences en conception de code, tout en perfectionnant votre intuition en matière de conception..
Alors lancez-vous et commencez à bloguer, avec style.