Contemporary Graphic Design by Taschen

Contemporary Graphic Design by Taschen

Si vous aimez les beaux livres et si vous souhaitez avoir un aperçu de ce qui se fait de mieux dans les arts graphiques en ce moment, je vous conseille l'excellent livre "Contemporary Graphic Design" édité chez Taschen. Dans ce très bel ouvrage Charlotte and Peter Fiell nous présentent un aperçu des travaux de 115 graphistes contemporains.

Les auteurs ont choisi de présenter plusieurs œuvres par artiste (print, web, collages, montages, travaux perso) et de leur réserver une page, un espace personnel où ils nous expliquent leur travail, leurs motivations, leur vision personnelle des arts graphiques. Ainsi, nous pouvons en connaître un peu plus sur ces "nouveaux" talents et donc mieux appréhender les œuvres qu'ils nous délivrent.

Le peu de livres édités chez Taschen que je possède sont tous de très bonne qualité et celui-ci ne fait pas exception à la règle. C'est un ouvrage que je conseille pour tous ceux qui s'intéressent au graphisme et souhaitent avoir à portée de main une source d'inspiration exceptionnelle.

Le livre est disponible chez Taschen aux alentours de 30€. Le prix n'est pas excessif selon moi car la qualité de l'ouvrage est au rendez-vous. De plus, le travail de recherche des deux auteurs Charlotte and Peter Fiell est vraiment remarquable avec plus de 550 pages de visuels remarquables et d'artistes hors-pair...

Quelques liens pour finir :

> Contemporary Graphic Design : Taschen

> Contemporary Graphic Design : Amazon

Design Spartan portfolio...open!

Design Spartan portfolio...open!

Gaétan Weltzer alias "Spartan" a récemment ouvert son portfolio. Vous connaissez peut-être déjà son blog "Design Spartan" dans lequel le jeune artiste nous fait partager son univers et sa passion du digital painting.

A présent, vous avez donc accès à l'ensemble de ses travaux regroupés dans ce nouveau portfolio "one page" simple mais efficace. Malgré ses 19 ans, cet artiste a déjà un fort potentiel si l'on en juge par la qualité de ses travaux.

Pour vous donner une idée de son talent voici une petite sélection d'œuvres made by Spartan :

> Photo-manipulation / Digital painting [Triptique_Geometric series]

> Digital painting [L'élémentaire de pierre / In Memory]

Après avoir vu ces quelques exemples, je pense que personne ne pourra nier le talent de Gaétan n'est-ce pas ? Pour ceux qui souhaitent en voir plus, je vous invite à vous rendre sur son portfolio pour consulter l'intégralité de ses travaux. Et si le digital art vous intéresse, rendez-vous sur son blog où vous pourrez découvrir des artistes talentueux, trouver de nombreux liens, des tutoriaux ainsi que des explications sur toutes ses réalisations. Je ne serai pas étonné que l'on entende parler de Spartan d'ici peu de temps...

Quelques liens pour finir :

> Design Spartan : le portfolio

> Design Spartan : le blog

> Interview de Gaétan Weltzer sur Pixenjoy

> Digital Painting Tutorial par Gaétan [vidéo]

The Webdesigner's idea book

The Webdesigner's idea book

Vous l'aurez surement remarqué, de plus en plus de galeries de sites inondent le web... Dans le lot, on trouve quelques bonnes références dont le site Design Meltdown. Avec plus de 20.000 sites répertoriés, triés par thèmes, couleurs, layout... cette galerie créée par Patrick McNeil est un bon moyen de suivre les tendances du web design.

Voyant qu'il avait sous la main un sacré paquet de références, le créateur du site a décidé de choisir les meilleurs sites, de les classer et de les présenter dans son livre : "The Webdesigner's idea book".

La présentation est simple et efficace : 6 rubriques principales permettent de classer les sites proposés : par Types (blog, portfolio, e-commerce...), par styles (retro, collage, 3D...), par thèmes (nature, splatters, workplace...), par Couleurs, par Eléments (icons, rounded corners, ornate backgrounds...), et enfin par Structures (horizontal, tabs, one page...). Les sites sont présentés par l'intermédiaire de screenshots (de 1 à 4 selon les sites), et chaque catégorie est introduite par quelques mots de l'auteur. Petit bonus supplémentaire, vous avez également accès aux palettes de couleurs des sites (palettes présentées par le site Colour Lovers).

Même si vous pouvez tout à fait trouver l'inspiration ou vous informer des tendances actuelles via les galeries de sites sur le web, je trouve qu'il est bon de retrouver la sensation du papier, de toucher, de tourner des pages... Un peu de matériel ça ne fait pas de mal non? D'autant plus que le support est de bonne facture : papier glacé, format carré, et près de 250 pages d'exemples. A oui, dernière chose...le livre est proposé sur Amazon aux alentours de 15$, un bon rapport qualité/prix selon moi.

Quelques liens pour finir :

> The Webdesigner's idea book : en vente sur Amazon

> Site web de Patrick McNeil

> Patrick McNeil : Finding Inspiration from Design

> Web design index 8 : ZE selection de sites

Mobile Awsomeness : Inspiration web design mobile

Mobile Awsomeness : Inspiration web design mobile

Quoi ? Encore une enième galerie de sites web ? Oui mais cette fois-ci, Mobile awsomeness est un site traitant du design de sites pour mobiles. En plus du classique screenshot de présentation, pour chaque site, 4 pages sont présentées ce qui permet de se faire un bon aperçu de l'ensemble. Comme sur presque toutes les galeries, un système de vote permet de donner votre avis et le flux rss vous donne la possibilité de récupérer les mises à jour en temps réel.

La rubrique : "Mobile Web ressources" est, selon moi, la valeur ajoutée du site. Si le monde du design et du développement sur mobile vous intéresse, vous trouverez ici de nombreuses ressources : une liste de livres traitant du sujet, une partie "Guides Frameworks and platforms", une liste d'outils de validation, et des liens vers des émulateurs pour tester vos sites sur une interface appropriée. Enfin, une partie entière est réservée pour l'Iphone.

Un site plutôt intéressant pour tous ceux qui souhaitent découvrir les tendances en matière de design de sites réservés aux mobiles. Sans compter sur la qualité des ressources proposées dans la rubrique "Mobile web ressources". A voir donc !

Quelques liens pour finir :

> Mobile Awsomeness : le site

> Mobi Forge : une mine d'info concernant le développement de sites pour mobiles

Designers Toolbox : une adresse très utile...

Designers Toolbox : une adresse très utile...

C'est tout à fait par hasard que je suis tombé sur le site Designers Toolbox. Si vous ne connaissez pas l'endroit, voici le topo : ce site est une véritable boite à outils pour toute personne travaillant dans la création de sites web ou dans le domaine du print.

Designers Toolbox se décompose en trois rubriques principales auxquelles s'ajoute un espace personnel pour les utilisateurs souhaitant ouvrir un compte sur le site.

Dans la rubrique "Design Life" vous trouverez différents articles traitant du design en général, une sélection hebdomadaire de sites web intéressants etc...
La partie "Store" sur laquelle vous pourrez acheter de nombreuses ressources telles que des backgrounds format psd, des templates de documents divers et variés (contrats client, contrats de maintenance, devis pour travalleurs freelance etc...) ainsi que des ressources vectorielles. Autre chose intéressante, le site vous propose un outil pour créer votre portfolio. Je n'ai pas testé mais le service est gratuit les 15 premiers jours donc ça peut valoir le coup d'oeil...

Mais c'est sans doute la rubrique "Design Ressources" qui est la plus intéressante... Là c'est la caverne d'Ali Baba ! Vous pourrez y trouver de nombreuses ressources entièrement gratuites : Templates pour print (enveloppes de différentes tailles, dossiers, jaquettes de cd/dvd vierges, business cards etc...) et de nombreux outils pour vous aider dans la création de vos maquettes web.

Pour les Web designers, je vous conseille d'aller faire un tour sur le lien "Web Safe Area" où vous pourrez télécharger gratuitement des templates (format psd) de fenêtres de navigateurs (Safari,Firefox et IE) sur différentes résolutions. Dans le même esprit, via le lien "Web browser elements", le site met gratuitement à disposition les psd de tous les éléments pour vos formulaires (boutons radio, check-box, textarea, input-button, input-text, etc...) sur plusieurs navigateurs et en fonction des systèmes d'exploitation (XP, Vista, Mac). Ces ressources seront vraiment un gain de temps si vous créez des maquettes web donc n'hésitez pas à les télécharger, c'est gratuit !

Le site met également de nombreux outils à disposition : une liste des tailles standard des bandeaux web, les éléments graphiques de l'Iphone (Iphone GUI), un générateur de texte "lorem ipsum", une liste des principaux caractères spéciaux codés en html etc...

Vous l'aurez compris, Designers Toolbox est une adresse très utile, ne serait-ce que pour les nombreuses ressources et outils mis gratuitement à votre disposition.

Quelques liens pour finir :

> Designers Toolbox : le site

> Designers Toolbox : Web Browser elements

> Designers Toolbox : Web Safe Area

Template psd pour customiser Twitter

Template psd pour customiser Twitter

Est-il encore nécessaire d'introduire Twitter ? Le célèbre réseau social créé il y a bientôt 3 ans est devenu au fil du temps un "lieu" quasi incontournable pour exposer ses états d'âme du moment, partager ses découvertes ou simplement pour discuter par "Tweets" interposés.

Sur Twitter il est possible de customiser sa page en changeant l'image d'arrière plan, la couleur du texte et des liens etc... Pour ceux qui souhaitent décliner l'univers graphique de leur site web ou blog sur leur page Twitter, il peut-être intéressant de passer par une maquette Photoshop avant d'appliquer les changements directement en ligne. Il est toujours plus facile de passer par une maquette avant de modifier une page web. N'ayant pas trouvé de template psd représentant précisément l'interface de base de Twitter, j'ai décidé d'en créer un moi-même.

Ayant maintenant terminé ce travail, je mets à disposition ce fichier psd. Je me suis appuyé sur une résolution de 1407px x 1200px. J'ai recréé toutes les zones modifiables, texte et liens compris. Vous n'avez donc plus qu'à ajouter votre image de fond, et changer le modèle de couleurs grâce aux options de fusion des calques. Cliquez sur la jolie boite pour télécharger le psd !

Quelques liens pour finir :

> Twitter : le site

> Detruk sur Twitter

Si le "packaging" vous intéresse, rendez-vous sur l'espace deviantArt de "Digital Phenom"...