Webtrospection » Design / Graphisme

Weedle : inspiration et ressources en graphisme

Maxime — Thu, 22 Oct 2009 09:43:17 +0000

Non content de polluer la toile à grands coups de femmes russes dénudées, l’ami Fred et sa pimentée fredzone revient en force avec un nouveau site très intéressant : Weedle, un blog dédié au design, à Wordpress, la vidéo et des ressources pour webmaster.

Une excellente nouvelle pour tous ceux qui aiment se faire du bien aux pupilles ! Le projet est tout récent, le contenu n’est donc pas énorme pour le moment mais tous les articles sont très intéressants. Et originaux, aussi bien dans le fond que dans la forme.

Weedle est ouvert à tous, chacun peut proposer sa contribution, pour le bonheur de tous. Pour la petite histoire, Weedle n’est pas tip-top compatible avec Internet Explorer 6. A priori tout le monde s’en fout mais moi je trouve ça cool de mettre de côté un navigateur aussi pourri !

En prime voici le teaser réalisé par un des contributeurs du site, c’est très agréable à regarder. Qu’en dites-vous ?

A lire également

Lien permanent | Mots-clefs : Design / Graphisme

icones.pro : banque d’icones gratuites

Maxime — Wed, 21 Oct 2009 05:47:50 +0000

Une nouvelle source de ressources graphiques vient de voir le jour pour le plus grand plaisir des graphistes et des utilisateurs amoureux de personnalisation de leur espace de travail : icones.pro.

Comme son nom l’indique, icones.pro traite exclusivement des icones. Plus précisément il s’agit d’une banque d’images gratuites qui peuvent être utilisées pour diverses applications :

Décorations graphiques pour un site Web, ou tout autre travail lié au graphisme,
Déclinaison de taille spécialement conçue pour servir de favicon (ces petites images de 16*16 pixels affichées à côté de l’adresse d’un site),
Remplacement d’icônes standards dans votre système d’exploitation (qui n’a pas connu les thèmes de Windows 98 ? mais si, ceux qui étaient truffés de virus !)

C’est avec des idées simples qu’on révolutionne le monde (je m’enflamme peut-être un peu, certes), ce genre de service manquait cruellement je suis ravi que Frédéric y ait pensé. Fini les heures à rallonge passées à cliquer inlassablement sur « page suivante » dans la recherche d’images Google. En quelques clics vous pouvez trouver la perle rare, choisir la taille et le format de votre choix (ICO ou PNG) et c’est parti.

Le design du site est des plus élégants, la navigation instinctive et les recherches efficaces. Que demande le peuple ?

Je dis merci icones.pro !

A lire également

Lien permanent | Mots-clefs : Design / Graphisme, Graphisme

Graph Toyz, des art toys dans tous les sens

Maxime — Sun, 11 Oct 2009 07:08:02 +0000

Connaissez-vous les Art toys ? Ces figurines de 5 à 40 cm customisées pour votre plus grand plaisir par des artistes qui ne manquent pas d’imagination, c’est le moins qu’on puisse dire. Ces objets aux couleurs chatoyantes et formes atypiques sont au coeur des tendances déco modernes.

Quand je serai grand, j’achèterai plein d’art toys ; mais j’attends encore un peu parce que ça coûte la peau des fesses parce que j’ai d’autres priorités en ce moment. En attendant je me fais plaisir à regarder de temps à autre les nouveautés originales.

Comme je suis un gars super sympa et que je vous aime bien (cliquez sur mes pubs s’il vous plaît ^^), je vous propose trois sites sympas dédiés au Art Toys. Le titre de ce billet met en valeur un seul de ces sites, pour la bonne et simple raison que les autres sont à vocation commerciale et ce billet n’a pas pour but de vendre des produits d’une société.

Graph Toyz est un blog qui partage régulièrement ces perles rares dénichées sur le Web. Le site n’est pas particulièrement ergonomique mais on s’en tape, le contenu est vraiment très intéressant et en ce qui me concerne je n’ai pas attendu longtemps pour m’abonner au flux RSS.
Artoyz et la référence française du genre. Un catalogue de figurines très fournies, des objets aux styles divers et variés, un forum, un blog et même une version anglophone. Il y en a pour tous les budgets (enfin presque tous), en fonction de la taille (comme quoi ça compte… et probablement de l’artiste créateur de l’objet.
Pour finir : Amkashop. Ce nom n’a sûrement pas échappé aux amateurs de design et Web design, Thomas est devenu incontournable en quelques années avec ses produits artistiques très originaux (notamment les peintures sur bâche dont je raffole). Depuis un moment maintenant Amkashop met en vente des Art Toys en édition très limitée (un seul exemplaire si je ne m’abuse), tous plus beaux les uns que les autres. Ces objets sont assurément considérés comme une décoration de luxe et sont au tarif de 300€, ce qui n’est pas à la portée de toutes les bourses.

Si vous souhaitez cotiser pour mon cadeau de Noël, celui-ci me plaît particulièrement.

A lire également

Lien permanent | Mots-clefs : Design / Graphisme

50 menus de navigation stylisés

Maxime — Fri, 18 Sep 2009 08:50:02 +0000

Pour les amateurs de Web design, je viens de mettre la main sur une compilation de 50 menus de navigation originaux. De quoi régaler les pupilles et inspirer les Graphistes en mal d’imagination.

À base de CSS, éventuellement couplés avec du JavaScript ou réalisés en Flash, ces menus s’intègrent parfaitement dans le design de leurs sites respectifs. Mieux encore, ils permettent de passer d’une simple fonctionnalité de navigation un élément à part entière du design !

Attention toutefois, le conseiller en accessibilité que je suis se doit de signaler que certaines des présentations de cette galerie ne sont pas franchement adéquates pour une navigation accessible aux personnes en situation de handicap. À éviter absolument : les menus en Flash qui sont une plaie en la matière, bien qu’ayant un potentiel graphique des plus intéressants.

A lire également

Lien permanent | Mots-clefs : Accessibilité web, Design / Graphisme, Graphisme

Homo sapiens Internetus, refonte graphique

Maxime — Tue, 25 Aug 2009 17:12:51 +0000

Il y a quelques années de ça quand on possédait un blog il ne fallait pas espérer grand-chose en ce qui concerne le graphisme, les CMS n’était pas particulièrement évolué et on avait plutôt tendance à utiliser des plates-formes dédiées (genre Skyblog). Aujourd’hui les choses ont évolué, une communauté florissante et inspirée a participé au développement des outils de blogging à tel point que visuellement on ne fait plus la différence entre un site classique et un blog.

Ceci a eu pour effet bénéfique de permettre aux blogueurs de gagner en crédibilité car à l’aspect esthétique et on voit fréquemment des noms de blogosphère francophone faire évoluer leur bébé de façon spectaculaire. C’est le cas de Christophe Logiste, alias Homo sapiens Internetus, qui a procédé dernièrement à une quatrième mise à jour graphique (entre autres) de son site. Le résultat est très intéressant, autant d’un point de vue esthétique qu’ergonomique.

Sobre et très professionnel, le design du site est très séduisant par ses couleurs et son style 2.0. Chaque élément des pages est mis en valeur en fonction de son impact, par exemple sur la page d’accueil nous remarquons en premier lieu l’espace destiné aux abonnements et solutions de diffusions ainsi que les catégories des derniers articles publiés. Le pied de page est très discret et son utilisation me paraît tout à fait justifiée (j’adore le bouton pour revenir en haut de page)

La page d’accueil est très intéressante, on parcourt en quelques secondes l’essentiel de l’actualité du site. J’aime beaucoup l’espace « A la Une », quelqu’un sait-il quel plug-in a été utilisé à cet effet ? les derniers articles affichés sont dans la mouvance des thèmes magazines Wordpress, je trouve ça super.

Christophe a choisi de séparer le site en deux colonnes, pour un total de 1000 pixels de large. La colonne de droite est très bien utilisée pour les informations de seconde importance : on y trouve une flopée de fonctionnalités très intéressantes pour conserver le lecteur et optimiser l’interactivité.

Les commentaires ont également profité d’un lifting réussi : l’affichage des commentaires existants est très sympa et l’idée d’un bouton « participez ! » à côté du nombre de commentaires est tout à fait judicieuse, elle permet d’accéder directement au formulaire sans avoir à parcourir la liste interminable des commentaires déjà publiés (je fantasme !)

J’aime aussi beaucoup le cadre d’invitation à la lecture d’articles similaires, situé à la fin des billets. Christophe a apparemment choisi de ne pas en faire trop pour la diffusion d’articles : un bouton Twitter, un autre pour Facebook et un dernier pour partager sur divers portails Web.

J’étais déjà lecteur d’Homo sapiens Internetus, mais cette refonte me donne encore plus envie de parcourir le site juste pour le plaisir.

Il y a une autre chose que je n’avais pas remarquée jusqu’à présent : Christophe utilise deux noms différents, un pour son activité professionnelle et un second (Homo sapiens Internetus) pour le blog. Cette idée me trotte dans la tête depuis un moment, maxime-viry ce n’est pas forcément génial comme titre pour un blog mais d’un autre côté ça établit clairement un lien avec ma vitrine professionnelle. Pour le moment j’ai choisi cette solution mais il n’est pas improbable que je finisse par changer d’avis.

Je crois qu’il est logique qu’un blog évolue avec le temps. En ce qui me concerne, en tant que bloguer en herbe j’avais préféré concentrer tous mes efforts sur le contenu, ce qui n’est pas une mince affaire. Désormais je commence à avoir des repères stables et j’apporte de temps en temps quelques petites touches d’évolution à l’aspect visuel du blog. Il n’est pas encore question de le relooker complètement, j’ai d’autres priorités pour le moment, mais j’ai déjà quelques idées en tête.

A lire également

Lien permanent | Mots-clefs : 2.0, Actualité, Blog, Design / Graphisme, Ergonomie, Graphisme, Identité numérique, Wordpress

Logolounge.com, tendances des logos

Maxime — Tue, 30 Jun 2009 13:44:37 +0000

Un logotype, plus couramment appelé logo, est une représentation graphique qui sert à identifier de manière unique et immédiate les sociétés, associations, institutions, produits ou toute autre dans le but de différencier le propriétaire du logotype des autres entités.

Travailler dans le graphisme demande une implication constante dans la recherche de nouvelles idées et la veille des tendances. Chaque jour j’accorde un moment à m’intéresser aux nouveautés et observer les courants qui me séduisent : charte graphiques, ergonomie, logos. Fashion victim quoi !

Certains sites font référence en matière d’inspiration et de recueil d’informations, c’est le cas de Logolounge. Ce site propose des sélections de logos par types (texte,incrustation, mosaïque, flip flop… classées par année. On trouve aussi de nouvelles réalisations, des tendances, des livres et des articles (en anglais).

Une excellente source d’inspiration et d’analyse de l’évolution de l’identité visuelle. Dommage que l’esthétique site ne soit pas plus travaillée.

A lire également

Lien permanent | Mots-clefs : Design / Graphisme, Graphisme, Web

Intégrer des pixels de jeux vidéo dans la vraie vie

Maxime — Fri, 12 Jun 2009 15:47:29 +0000

Je vous présente un coup de coeur énorme pour cette suite de montages photos et jeux rétro. Ils sont tous là : Mario, Yoshi, Donkey Kong, Street Fighter, Outrun (mais si, les voitures !), Advance Wars et même les Ice Climbers !

RETRONOOB a eu l’idée de mêler les personnages Nintendo 16 bits et moins avec des photos de notre monde réel. Le résultat est tout à fait éblouissant !

La galerie complète, c’est par ici.

A lire également

Lien permanent | Mots-clefs : Graphisme, Jeux Vidéos