background preloader

Liste de 18 outils pour prototyper des maquettes

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). Bon, par contre, comme ils font tous relativement la même chose, j'ai mis uniquement en avant leurs petites particularités lorsqu'il y en avait, donc à vous de choisir celui qui vous convient le mieux. Balsamiq mockups Fonctionne sous Mac, Windows et Linux. Rejoignez les 60762 korbenautes et réveillez le bidouilleur qui est en vous Suivez KorbenUn jour ça vous sauvera la vie..

http://korben.info/18-outils-gratuits-mockups.html

Related:  maquette tutolne22creation-sitesCM WorldOutils web

Créer la maquette de son site web pro : les bons outils Une fois réalisés le cahier des charges et l'arborescence de son site web, commence la phase de maquettage, aussi appelée « wireframing ». Une étape indispensable pour se faire une idée plus précise de l'ergonomie du site. De nombreux outils de wireframing gratuits ou payants sont aujourd'hui disponibles pour réaliser cette tâche. L'histoire du graphisme... - Typographie Peter Gabor, graphiste créateur d’alphabet est aussi un professeur de typographie.Pour Admirable Design, il accepte de donner un bref, mais éclairé, regard sur l’histoire de la lettre dans nos civiliations.Lisez cet article, la culture est une arme secrète du designer. Histoire de mieux comprendre la pauvreté de nombreux logos sortis cette année... fragment de hiéroglyphes On peut distinguer deux grandes périodes dans l’histoire du graphisme avec des fluctuations et des interpénétrations de l’un vers l’autre tout au long de cette histoire.1 La période constructiviste & graphique, que nous nommerons l’utopie graphique2 La période plasticienne et picturale.

Responsive design : définition, fonctionnement, ressources et tutoriels Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “responsive web design”. Cette avancée technologique est également une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le “responsive web design” et expliquer quels en sont les points-clés (puis plein de liens, de tutoriels et de ressources super cools aussi !).

[Infographie] Stratégie mobile : web app ou app mobile ?  L’agence de communication Care, spécialisée dans les stratégies de marque et leur déploiement offline et online, a publié une infographie intitulée « Quelle stratégie adopter pour vos app mobiles? ». Celle-ci revient sur l’utilisation du bon support à adopter selon les différentes étapes d’une stratégie mobile, en comparant app mobile et web app sur les généralités d’usage, l’accès au contenu, les chiffres, et le temps d’utilisation. voici les principales informations à retenir: Enfin, Care propose sa solution de support : une app hybride, développée simultanément en langage web et natif permettant d’être développé sur plusieurs plateformes.

Apprendre à coder en un jour : avec Tangara en ligne c’est possible ! Le 6 novembre, à l’occasion d’une journée exceptionnelle organisée chez SAP, Colombbus a testé grandeur nature la nouvelle version de Tangara, son logiciel libre en ligne permettant aux collégiens d’apprendre à coder. Créée en 2007, Tangara avait besoin d’un petit coup de jeune : pari réussi ! Grâce aux nouveaux didacticiels et au soutien des coachs de SAP, 21 collégiens de Moissy-Cramayel (77) ont pu s’initier aux fondamentaux de la programmation sur Tangara avant de se lancer dans la création de leur propre projet. Code, graphisme, scénario : en quelques heures, ils ont réussi à créer leur propre jeu vidéo en équipe avant de le présenter devant le jury de SAP en fin de journée.

Tutorial: Créer le design d'un site web de la maquette photoshop à l'intégration XHTML/CSS Voici un nouveau tutorial réalisé par Sybio pour La Ferme du Web. Il s'adresse à tous les débutants qui souhaitent créer leur propre WebDesign sous photoshop et de l'intégrer ensuite avec du HTML et CSS. Voici sans plus attendre le sommaire de ce tutorial: Création du site sur Photoshop Avant de se lancer... structure et thème du site !La bannièreLe fondL'interfaceLe menuLe corps Etude d'un tableau et nombre d'or - Site d'Histoire Des Arts Le nombre d’or en peinture Étude d’un tableau : le Sacrement de la dernière Cène, de Salvador DALI A la découverte d’un nombre et de ses propriétés à travers l’étude d’un tableau Quelques pistes pour préparer l’HDA (si tu choisis ce sujet)Une autre œuvre de Salvador Dali construite avec le nombre d’or BONUS : Pistes de réflexions pour réaliser une œuvre personnelle

Google Webmaster Tools (Search Console) lance sa nouvelle rubrique « Analyse de la Recherche » En février, Google Webmaster Tools (ou Search Console) a lancé une nouvelle rubrique en version privée test. Ce nouvel outil vient désormais d’être lancé pour tous les utilisateurs sous le nom « Analyse de la recherche »…Nous passons en revue comment cette nouvelle rubrique fonctionne et comment elle peut vous permettre d’améliorer vos efforts SEO, ainsi que les changements incorporés dans cette rubrique suite aux commentaires de ceux ayant eu accès à la version test. Utilisation de la rubrique « Analyse de la Recherche »

Comment bâtir une équipe de community managers de choc ? Les médias sociaux occupent une part essentielle – voire indispensable – du mix marketing de l’entreprise. Mais attention : une campagne mal menée ou un outil mal maîtrisé peuvent avoir des effets dévastateurs. Si vous souhaitez accompagner votre entreprise ou votre marque sur les médias sociaux, vous devez mettre en place une équipe soudée de collaborateurs passionnés. Composez votre équipe dédiée aux médias sociaux avec soin : c’est elle qui va représenter votre marque auprès des communautés d’internautes. Deux extensions pour mieux utiliser Wikipédia Deux extensions pour ajouter à Wikipédia la fonctionnalité qui vous sauvera. Alors que je préparais un article, je me suis rendu compte d’une chose. Wikipédia me fait perdre autant de temps que Facebook peut le faire.

créer une maquette de site internet web 2.0 avec Photoshop CS5 sur Tuto Dans ce tuto Photoshop vous allez pourvoir apprendre et comprendre le fonctionnement d'un graphiste sur Photoshop pour créer votre propre maquette de site internet. Cette vidéo est adaptée aux novices tout comme aux passionnés de web design à petit budget (ce tuto est compatible CS2, CS3, CS4, CS5) Résultat final obtenu grâce à ce tuto : Vous allez pouvoir au fil des chapitres mettre en place une maquette de site internet design et dans l'air du temps : le Web 2.0 Techniques abordées dans ce tuto Photoshop Optimisation et rangement de la palette des calques (gestion des dossiers,...)Apprendre à faire un dégradéUtilisation d'un Framework (960 GS template)Redimensionnement d'image et d'objetCréation d'un logo et boutons Web 2.0Gestion des polices (Gestion interligne, Paragraphe,...)Gestion de l'espace (alignement, repères, règles,...)Gestion des options de fusionGestion styles de calques

Related:  OUTILSRessourcesressources WEBOutilsmaquettageWeb DesignRessourcesConception d'interfaceergoAutres