background preloader

Webdesign - Ressources gratuites

Facebook Twitter

#WebDesign #Developpement #PortFolio #Ressources #Outils #CharteGraphique

Infographies sur le WebDesign.

Charte graphique

Flat Design. Landing Page. Créer un Portfolio. Ressources Graphiques Gratuites. Tendances Webdesign. Tutos Cours HTML / CSS. 10 sites pour gérer un projet en ligne. 50 trucs pour optimiser votre expérience utilisateur web. Au-delà du design flamboyant de votre site internet ou de toutes les fonctionnalités extraordinaires qu’il peut offrir, la qualité de l’expérience utilisateur que vous offrez est cruciale pour atteindre vos objectifs sur le web.

50 trucs pour optimiser votre expérience utilisateur web

Si les visiteurs qui atterrissent sur votre site trouvent facilement l’information qu’ils recherchent et peuvent naviguer instinctivement sans embuches, ils reviendront. Au contraire, si des irritants nuisent à leur expérience, il y a de fortes chances qu’ils ne reviennent plus jamais! Voici donc 50 trucs sans prétention pour satisfaire vos visiteurs et optimiser l’expérience utilisateur que vous offrez sur le web.

L’apparence. Web Design : 20 magnifiques exemples pour concevoir vos fenêtres Pop-Ups. Créer un lien émotionnel entre votre marque et les visiteurs de votre site web est extrêmement important.

Web Design : 20 magnifiques exemples pour concevoir vos fenêtres Pop-Ups

Les fenêtres pop-ups peuvent vous aider dans cette tâche difficile ainsi que pour partager une information importante avec vos visiteurs. En règle générale, les fenêtres pop-ups sont utilisées pour afficher divers messages d’appel à l’action. Par exemple, pour encourager les visiteurs à s’inscrire à la newsletter, à télécharger des e-books ou pour informer sur le lancement de nouveaux produits, services ou fonctionnalités.

De l’audit de contenu aux idées de design : 4 étapes à ne pas négliger pour la création de vos interfaces. Lorsqu’on souhaite créer une interface, il est important de comprendre le processus qui a permis d’aboutir au produit fini.

4 étapes à ne pas négliger pour la création de vos interfaces

On peut déterminer 4 étapes. Elles permettent d’obtenir une interface en partant d’une idée qui prendra forme et deviendra fonctionnelle. Créez votre application pour iPhone et iPad, sans aucune connaissance en programmation. Super-navigateur : Le plein d'extensions pour ta veille webdesign. Toi, étudiant en DUT MMI ou simplement internaute aguerri, tu n’es pas sans savoir que ton navigateur web, que ce soit Chrome, Safari, Firefox ou Opera, peut s’équiper d’une multitude d’extensions gratuites !

Super-navigateur : Le plein d'extensions pour ta veille webdesign

Si tu es un fou de webdesign, ou que tu aimes juste passer du temps à faire de la veille, j’ai quelques plugins à te conseiller ! Ils te permettront de mettre de côté des idées, trouver des typos sympatoches, des images ou des couleurs qui t’inspirent. Bref, de bons petites extensions à ajouter à ton browser si ce n’est pas déjà fait, et en voici la liste.

Comment organiser sa veille pour le développement Web. 25 blogs à suivre pour sa créativité. Quand on fait du graphisme, du webdesign, du lettering, de l’illustration, de la publicité, ou tout autre activité qui touche à la création visuelle, il est indispensable de s’inspirer de ce qui nous entoure, de choses que l’on découvre, que ce soit sur Internet ou dehors, dans un parc, dans un café, en boîte de nuit à 3 grammes.

25 blogs à suivre pour sa créativité

Tu te doutes bien qu’il existe de nombreux blogs (je parle bien de « blogs ») qui proposent du contenu dans le domaine du graphisme. Toi-même tu dois en connaître quelques-uns et avoir des noms qui te viennent déjà à l’esprit, et c’est un bon réflexe ! Design & graphisme par Geoffrey Dorne » Toutes les techniques de la recherche en design ! Hello La recherche en design, je vous en parle régulièrement sur mon blog, est un élément fondamental pour le design, notamment dans l’utilisation de ce travail de production de savoir.

Design & graphisme par Geoffrey Dorne » Toutes les techniques de la recherche en design !

Car oui, la recherche c’est bien, la production de savoir grâce au design, c’est encore mieux… et le mariage de la recherche en design et du design au sens plus large c’est topissime Pour vous aider à comprendre les outils & les méthodologies de la recherche en design, je vous propose de découvrir ce référentiel en ligne. Présenté comme une ressource inachevée et évolutive, ce site Internet vous offre un ensemble de définitions avec des informations riches et variées. À mes yeux, ces techniques permettent d’adresser la question du projet en design et notamment la façon dont on l’aborde. Seul gros bémol pour ce site, c’est son interface et son design graphique qui est vraiment loin d’être de qualité, il faudra vous accrocher pour naviguer.

Source. TUTO - Apprendre les bases d'Illustrator en 8 leçons. L’ergonomie web: facilitateur de navigation. Ce billet a été lu 43 fois.

L’ergonomie web: facilitateur de navigation

À votre tour? L’ergonomie web est la pratique de création ou d’adaptation de contenu pour faciliter la navigation des internautes. Quelques règles à suivre ! .COM ou .FR : quelle extension de domaine choisir pour votre site Internet? Aujourd’hui je voudrais rebondir sur la célébration du 30ème anniversaire des domaines de premier niveau génériques : .COM, .NET, .EDU, .ORG et .GOV.

.COM ou .FR : quelle extension de domaine choisir pour votre site Internet?

En termes de référencement, qu’est-ce qui est préférable pour votre site Internet entre le .COM et le .FR ? .COM ou .FR ? Le guide pratique de la creation de logo. Components. Available glyphs Includes over 250 glyphs in font format from the Glyphicon Halflings set.

Components

Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to Glyphicons whenever possible. How to use For performance reasons, all icons require a base class and individual icon class. Don't mix with other components Icon classes cannot be directly combined with other components. Only for use on empty elements Icon classes should only be used on elements that contain no text content and have no child elements. Changing the icon font location Bootstrap assumes icon font files will be located in the .. Change the @icon-font-path and/or @icon-font-name variables in the source Less files.

Comment créer une arborescence de site web efficace. Dessine-moi un arbre, ou comment faire un plan de site. Dessine-moi un arbre, ou comment faire un plan de site Ce billet a été lu 6012 fois.

Dessine-moi un arbre, ou comment faire un plan de site

À votre tour? Améliorer les performances de vos formulaires. Sur Internet, les formulaires sont omniprésents. Inscription à un forum ou une boutique en ligne, prise de contact, demande de devis… Si les utilisations diffèrent, le principe reste toujours le même pour l’internaute : remplir des cases et fournir des informations simples telles que ses coordonnées. Etre visible sur le web : l'importance de votre champ lexical. Qu’est ce que le champ lexical ?