background preloader

Balsamiq

Balsamiq

http://balsamiq.com/

Comment rédiger une charte éditoriale web ? Comment rédiger une charte éditoriale web ? La charte éditoriale web, souvent négligée sur Internet, permet pourtant de garantir une véritable cohérence des contenus sur un site. Les rédacteurs et les chefs de projet se succèdent, les contributeurs se multiplient. Philippe Geslin - anthropotechnologie L’anthropotechnologie concentre ses actions depuis trente ans sur l’étude et l’amélioration des conditions de travail et de vie des populations à travers le monde. Elle oriente les acteurs des processus de conception en les rendant attentifs au « facteur humain », à ses composantes sociales, culturelles et environnementales. Elle valorise par conséquent une conception des techniques respectueuse des personnes, de leurs manières de penser et d’agir dans des contextes spécifiques.

Liste de 18 outils pour prototyper des maquettes Aujourd'hui, j'ai cherché une petite application qui me permettrait de réaliser des maquettes d'interfaces graphiques simplement, comme je le faisais sous Linux avec Pencil (mais pour Mac OSX). Puis au fil de mes recherches, j'en ai dégoté plusieurs qui je pense vous intéresseront. Voici donc une sélection de 18 outils de création d'interfaces graphiques (et de schémas) pour vos projets. J'ai fait un mix entre les outils Mac, Windows et Linux (en précisant à chaque fois) et j'ai listé les outils payants à la fin (en bonus).

Les grilles dans le webdesign "Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin... Bref, rien n'y fait : votre site semble déstructuré / désharmonisé. Pas d'inquiétude, vous n'avez sans doute pas utilisé de grille dans votre design !

Diagramme de Gantt Un article de Wikipédia, l'encyclopédie libre. Pour les articles homonymes, voir Gantt. Le diagramme de Gantt (Harmonogram Adamieckiego[1]) est un outil utilisé (souvent en complément d'un réseau PERT) en ordonnancement et en gestion de projet et permettant de visualiser dans le temps les diverses tâches composant un projet. Il s'agit d'une représentation d'un graphe connexe, valué et orienté, qui permet de représenter graphiquement l'avancement du projet. Le premier diagramme de ce type (appelé Harmonogram Adamieckiego) fut réalisé par l'ingénieur polonais Karol Adamiecki en 1896.

Le process créatif Que ce soit pour un site internet ou pour n’importe quel « objet graphique », le process créatif (ou démarche créative) est une méthode particulièrement indispensable et adaptée. Elle permet d’identifier le besoin client puis créer le design répondant à la demande. On peut identifier 4 étapes majeures pour lesquelles on pourra utiliser des outils adaptés. Cette méthode aura évidemment différentes apparences selon les expériences et les apprentissages de chacun. Celle que je propose est issu d’une expérience web en agence de communication et ne se veut pas une vérité mais plutôt une proposition de méthode pour toute personne curieuse ou intéressée par le processus créatif.

Rendre un arrière plan d'une image transparent avec photoshop Nous allons apprendre dans cette formation (un tutoriel) comment rendre un arrière plan transparent avec photoshop Ouvrez photoshop, puis créer un nouveau document puis choisissez la même taille que votre image (contenu de l’arrière-plan « Transparent ») puis coller votre image ( Edition -> coller) Sélectionnez l’espace que vous voulez rendre transparent avec l’outil lasso (ou l’outil magique) Choisissez l’outil gomme d’arrière-plan Gommez votre image Voici le résultat final suite à notre tutorial de formation photoshop rendre un arrière plan d’une image transparent

007 Revolver James Bond Propriétaires : A l'attention des propriétaires des LOGOS présents sur le site : nous ne diffusons pas vos LOGOS à des fins de piratage ou falsification, mais afin de faciliter les métiers de l'imprimerie à les trouver facilement pour leurs créations graphiques. Nous ne pouvions demander les autorisations de diffusion à tous les propriétaires vu le nombre mais ne voulant nuire à personne en les diffusant, si vous ne voulez pas voir le votre dans notre base de donnée : envoyez nous un mail en nous demandant de le supprimer avec bien sur toutes nos excuses par avance. Utilisateurs : Libre service ne veut pas dire libre d'utilisation. La plupart des logos qui vous seront proposés sont marqués par le fameux COPYRIGHT, aussi avant toute chose prenez bien soin de vérifier les autorisations concernant leur utilisation.

Mockups & Rough : gagnez du temps ! Ça y est, vous devez créer un nouveau site internet ! Comme d'habitude, après avoir sabré une célèbre boisson alcoolisée, c'est direction tête baissée dans Photoshop pour attaquer le design. N'est-ce pas la marche à suivre ? Pas vraiment. Réseau PERT Un article de Wikipédia, l'encyclopédie libre. La méthode PERT (Program ou Project Evaluation and Review Technique), est une méthode conventionnelle utilisable en gestion de projet, développée par la marine américaine dans les années 1950. Elle est censée être capable de représenter et d'analyser de manière logique les tâches et le réseau des tâches à réaliser dans un projet.

Moodboard, outil créatif essentiel Le Moddboard ou planche de tendances ou planche d’inspiration est un document constitué de morceaux choisis : screenshots, coupures de magazine, photos, typos, pictos… Ces « coupures » sont associés pour construire une tendance graphique. On supprime alors totalement le fond pour ne travailler que sur la forme.Cela permet donc de mener une réflexion graphique en amont d’une création plus aboutie : un design web ou une brochure print par exemple. Cette étape est primordiale avant de commencer la réalisation à proprement parler et peut faire gagner beaucoup de temps. Le Moodboard offre deux intérêts essentiels. C’est d’abord un support de présentation et de discussion pour montrer au client l’orientation graphique de la future réalisation. Elle permet également d’apporter des sources d’inspiration et de construction lors de la réalisation du design : typos, symboles, filets, identité photographique ont déjà été amorcés lorsque l’on attaque la maquette.

Les outils online de conception de wireframes (5/5) : utiliser Pencil Project Ce billet est le 5ème d’une série consacrée aux outils online de conception de wireframes. La cinquième application online que je présente s’appelle Pencil Project. L’unique mission du projet Pencil est de "construire un outil open source gratuit pour la création de diagrammes et de prototypage que tout le monde peut utiliser." Une mission ambitieuse donc. Pencil peut fonctionner de 2 manières : soit en tant qu’addon de Firefox 3 ; soit en mode standalone sous Linux GTK+, Windows XP ou Vista. Cinq sites pour faire des nuages de mots Si vous voulez embellir un blogue ou écrire un cv en nuages de mots, voilà 5 services qui vont vous être très utiles. Le nuage de mots est un peu le symbole du web2.0, ça commence a être un peu démodé, mais on aime quand même. Pour ceux qui ne connaissent pas le nuage de mots, c’est une représentation graphique de mots où les mots les plus répétés dans un texte sont les plus gros et les mots les moins répétés sont les plus petits J’ai aussi testé une option freeware logiciel dans ce billet, mais je préfère nettement les versions en ligne. Semble être le plus connu des services, il est rapide, vous pouvez prendre le texte à partir d’un url ou encore d’un texte que vous allez copier.

Related:  Outils de travailOutilsBureautiqueEverything Web Coding/DevMockups & Wireframing AppsprototypingPrototypingПроектированиеDesign de serviceUsability in MoodleFlowcharts, Sitemaps & WireframeswebdesignWireframeUI/UX AppspedroetcieInformation ArchitectureDigital MarketingTechnologyProductCSS3ToolsCPUPrototyping/WireframeFor Web Design