Dans la lignée des services permettant de réaliser de manière très simple un prototype de site web, voici HotGloo. Il vous permettra tout comme Mockflow ou encore LovelyCharts de créer un avant-goût d'une interface web afin de proposer des idées en termes de fonctionnalités et d'éléments présents. Son interface très bien réalisée vous proposera tout un tas d'éléments à placer sur votre maquettes mais aussi ceux de votre choix ; vous pourrez en créer vous même.

HotGloo est un outil vraiment bien développé pour le wireframing (qui je le rappelle est une technique non négligeable qui peut largement aider dans un projet de design de site web) car il possède une gestion des maquettes par projets afin de mieux se repérer, ainsi qu'une gestion des pages… Vous allez me dire que c'est banal mais ce n'est pas présent dans tous les outils de ce genre ! Cela facilite grandement la tâche et vous permettra de prototyper plus qu'une page d'accueil par exemple. Pour combler le tout, une gestion de collaboration est aussi possible avec la possibilité de discuter avec les membres d'une équipe qui verront en temps réel les modifications apportées à l'esquisse. Mieux, le client pourra déposer une note sur un élément qui le dérange ou qu'il désirerait changer.

Je n'en n'ai pas eu l'occasion de l'utiliser sur un projet réel mais ce ne serait pas une mauvaise expérience ! Avis aux amateurs

Inutile de jaspiner plus encore (si on peut dire ça ainsi), je vous propose aujourd’hui une liste de fluxs RSS concernant des blogs traitants de programmation web (CSS, xHTML, Ajax…) et de webdesign. Vous y trouverez des tutoriaux, des ressources, des astuces et bien d’autres choses encore !

La plupart des blogs sont publiés en anglais mais une chose est sure : le meilleur contenu dans ces domaines est bien souvent d’origine anglophone… Alors il faut prendre son courage à deux mains et lire en anglais les articles proposés ! Rien de complexe même si pour certains le cap n’est pas évident à franchir.

• Alsacreations – C’est un peu la perle du développement web français concernant les standards du web et de la programmation propre. S’il fallait commencer par un "blog", ce serait bien celui ci !
• Webdesigner Wall – Une perle  pour tous les programmeurs et designers web ! Sans doute un des plus connus proposant des turoriaux, des ressources CSS, xHTML & Ajax et surtout des articles de qualité.
• Six Revisions, Webdesigner Depot, Queness, You the Designer, Noupe, Tutorialzine, The Designed, Wefunction, Speckyboy Design, Grafpedia, WebAppers, Design Shard, Line25, StylizedWeb, Webdesign Ledger  – Dans la même lignée que leur camarade du dessus, ces blogs dévoileront des articles essentiellement basés sur la typographie, le webdesign, le CSS, l’inspiration et bien d’autres choses encore.
• Dezignus – Des ressources pour webdesigners en folie ! Vous aurez droit à tout, du brush à la police de caractère en passant par le fond d’écran.
• Psdtuts+, Nettuts+ & Vectortuts+ – Les trois plus importants blogs design et developpement tenus par Envato. Respectivement une mine de ressource pour Photoshop, le développement web et Illustrator. Des musts have !
• Smashing Magazine – On ne le présente plus (et présenté sur l’article concernant l’inspiration), il vous proposera comme la liste des sites plus haut, un contenu de grande qualité et de renommée.
• CSS Globe – Un peu spécial mais plutôt pas mal, c’est une sorte d’annuaire de liens pointant vers différents articles de blogs comme ceux cités précédemment. Une bonne alternative résumée aux nombreux flux RSS auxquels on s’abonne sans compter.
• Dator Blog – Un blog français (enfin !) proposant un contenu essentiellement basé sur la programmation web (ainsi que php, zend, et frameworks). Un blog très sympathique qui propose un contenu varié.
• Grafikart Tutoriels – Voici l’ami Grafikart avec ses tutoriels vidéos très clairs, tant convoités et d’une grande utilité. Je ne peux que vous les conseiller
• Learning jQuery – Un blog exclusivement réservé à jQuery qui vous proposera des tutoriels complets sur cette fabuleuse et simplissime bibliothèque javascript.

J’espère que cette liste de blogs vous sera utile dans vos projets ou dans votre culture web !

Créer pour le domaine du web, du design graphique ou encore du dessin (les métiers de l’image principalement) n’est pas une chose si facile. Sauf si vous avez de l’inspiration en masse dans votre esprit (et je vous en jette mon chapeau, continuez comme ça), en trouver n’est pas chose aisée. La plupart du temps une idée survient puis, hop : vous vous imaginez le film dans votre tête et devant Photoshop, plus rien, le vide.

Ce n’est évidemment pas le cas de tout le monde mais il est quand même régulier et normal de s’inspirer du travail des autres pour en trouver soi-même.

C’est pourquoi, mesdamesémessieurs, pour vous, je vous propose une liste de sites pour justement, trouver la perle rare, qui mènera peut-être à la version finale de votre création. C’est pas génial ? Allez, c’est parti.

Webdesign

• CSS Mania – Sans doute la meilleure galerie de sites pour trouver des idées dans un design de site web.
• PatternTap – Un outil d’inspiration à mon avis le plus complet, car il proposera de trouver ce que l’on souhaite par catégorie : menus, boutons, commentaires, bordures, player audios, formulaires, icones, headers… Une perle rare à utiliser sans précautions (et modérations) !
• CSSelite – Ici repose inévitablement les plus beaux sites du web en matière de Webdesign, c’est prouvé. Chaque site est choisi avec des pincettes dans le but de proposer aux lecteurs un contenu de grande qualité.

Logo

Pour les logos, la liste est longue, car tous sont de caractère. En voici quelques-uns.

• Logospire – Un gros plan sur les logos, rien de mieux pour voir ce que les autres ont fait. À la manière de CSSelite, Logospire sélectionne le "meilleur" des logos.
• Logopond – Une quantité faramineuse de logos à votre disposition et il y en a pour tous les goûts !
• Logo Faves – Simplicité et efficacité règnent dans cette galerie. La plupart des logos présentés sont là pour leur graphisme à la fois simple, recherché et très futile. À consulter.

Couleurs

• Kuler – On ne le présente plus… Adobe Kuler vous permettra de trouver des palettes de couleurs pour votre site parmi moult-es propositions. Il est toujours utile de se baser sur des couleurs pour créer un design web afin de se donner une petite idée.
• COLOURlovers – Même principe que son camarade du dessus, mais cette fois-ci vous aurez en plus un forum, des motifs et des simples couleurs. De plus, l’aspect communautaire y est plus présent.
• Color Scheme – Aussi puissant que Kuler, il vous proposera une création de palette de manière très personnalisée et plus technique.
• ColorSuckr – Voici un outil bien original ! C’est un extracteur de couleurs d’après une photo. Il peut être pratique pour faire concorder des couleurs avec un design, par exemple.

Tutoriaux

Les tutoriaux sont toujours une bonne méthode pour s’inspirer, à condition de ne pas garder exactement le même rendu…

• Psd Tuts+ – Le célèbre Psd Tuts, qui vous proposera des tutoriaux complets et détaillés à propos de Photoshop.
• Ai Tuts+ – Il a la même fonctionnalité que son conjoint, mais en version Illustrator.
• Webdesign Tutoriaux – Voici un site bien pratique. Il regroupera un grand nombre de tutoriaux proposés sur différents sites. En somme, un annuaire de tutos !

Polices de caractères

• Dafont – Lui aussi très connu, vous proposera des milliers de polices de caractères (fonts) pour votre design. C’est aussi un moyen de s’inspirer, par exemple se baser sur une typo pour ensuite créer la charte graphique.
• Fontso – A la manière de Dafont, Fontso vous proposera de bien jolis caractères typographiques.
• Urbanfonts – Même sort pour Urbanfonts, où une recherche aisée et directe sera proposée sur le site.

Photographies

Les photographies sont aussi un bon moyen de composer une mise en page ou une maquette de site web.

• Flickr – Bel et bien LA communauté mondiale de photographie amateur (ou professionnelle) avec des fonctionnalités intéressantes. Tous les genres sont présents : paysages, objets, architecture, évènements…
• Stock.xchng – Plus limité certes, mais jouant le même rôle que Flickr.

Portfolios

S’inspirer directement du travail des autres sur leur book est aussi une bonne méthode. Visitez les portfolios des designers, webdesigners, UI designers et autres sur Google par exemple.

• Creabook – Ce site liste par catégories les créations postées par leur créateurs directement. Photos, Design, Webdesign, Print, tout y est.
• KobOne – Même principe qu’en haut, mais en ayant la possibilité de créer son book et de publier de façon publique ses créations en tous genres.
• Ultra Book – Un outil de création de book en ligne et de partage, plutôt communautaire.

Site généralistes

• DeviantArt – Un des sites les plus connus pour regarder n’importe quelle sorte d’art. Une galerie internationale et de qualité pour la plupart qui pourra aider certains.
• Dezignus – Un blog complet et de qualité concernant les ressources type brush, motifs et tutoriaux.
• FAIRspot – Une galerie d’œuvres diverses et variées (print, web, typo, etc.).
• Webdesigner Wall – Le blog si réputé qu’il faut absolument consulter. Un maximum d’articles de qualité sont proposés pour s’enrichir un peu plus à chaque fois.
• Smashing Magazine – Lui aussi très connu, vous proposera du contenu très riche et de bonne facture.
• Je vous invite à lire l’article sur les sites de ressources généralistes.

Magazines

Les magazines sont sans doute une des meilleures manières de trouver son bonheur. Parfois chers (entre 4€ et 10€) certes, mais très souvent de qualité. De plus, le contenu est vaste : illustrations, print, webdesign, publicité, vidéo, logo… Alors, n’hésitez plus, foncez chez votre libraire (spécialisé ou non) et fouillez !

Mais encore…

Pour finir, les expositions, les musées, les galeries ou encore les événements sont des moyens certes classiques mais certains pour trouver de l’inspiration. Puis de toutes façons, il est toujours bon de sortir un peu et de se cultiver, alors ne pas (plus) hésiter à faire les expos photos ou d’art prêt de chez vous !

Le mot de la fin qui résumera sans doute la majorité de ce qui est dit dans cet article : la curiosité. Soyez curieux ! Regardez, zieutez, cherchez, farfouillez, c’est la meilleure méthode pour découvrir.

On connaissais les sites d’inspiration comme CSSMania, Pattern Tap ou encore Web Creme, des sites qui proposent un contenu riche en couleurs et en graphisme pour les personnes qui manquent un peu de cette ressource indispensable pour créer une "œuvre" (du moins c’est très utile). Mais un site est arrivé sur la toile et il regroupe moultes "types d’inspiration" : logos, sites, photos, typographies, illustrations et bien d’autres encore.

Ce site s’appelle The Design Inspiration et joue son bien son rôle dans la globalité. Il regroupe dans une seule page toutes ces ressources ; inutile de cliquer partout ou de fouiner sur plusieurs pages pour trouver l’information. Si vous cliquez sur l’image de la ressource de votre choix, vous aurez un aperçu de taille plus importante ainsi qu’un lien pour voir le site du designer. Vous pourrez aussi afficher une seule catégorie avec plus de contenu pour une lecture plus approfondie du contenu sélectionné.

Alors il ne faut plus hésiter, si vous avez besoin d’un petit coup de pouce, foncez sur The Design Inspiration !
Le top serait d’avoir un flux RSS pour recevoir directement les nouveautés dans son agrégateur, mais c’est un détail (pratique quand même).