background preloader

Webdesign

Facebook Twitter

Comprendre l'UX Design en 10 images - Blog du MMI. Ca fait quelques temps qu’on parle de plus en plus d’UX Designer et de design d’expérience. Ces notions peuvent te sembler assez floues au premier abord, ce qui est normal au vu des confusions qui se font régulièrement sur les réseaux sociaux et portfolios, sans parler des offres d’emploi. En effet, tu vois souvent sur Twitter ou Dribbble des gens qui se définissent comme UX/UI Designer ou User Experience Designer. Alors toi, tu comprends que ça a vaguement un rapport avec le design, en voyant les créations de la personne ou en lisant ses tweets. Mais il peut être difficile de faire correspondre un terme bien français derrière cette expression que tant de gens utilisent à tort et à travers, pas vrai ? C’est la raison pour laquelle le Blog du MMI a fait le tour du web (avec sa super-fusée) pour trouver de quoi monter un article simple et clair.

Le but est de te faire comprendre précisément en quoi consiste le design d’expérience et pourquoi c’est une notion à ne pas négliger. 1. 2. 3. 4. Les sites web incontournables (janvier 2017) Ce premier rendez-vous des incontournables nous réserve de très très belles pépites ! La sélection de janvier à été difficile, tant la qualité des sites était au rendez-vous. J’ai conservé le meilleur pour le plus grand plaisir de vos yeux. Mélangeant vidéos interactives, animations subtiles et graphisme bien léché, ils représente un parfait reflet des tendances actuelles. Sans en dire plus, je vous invite à plonger dans le meilleur de janvier 2017 : Lorenzo Bocchi Forth and Wonder Locus Solus Conserveca North 2 Mirage Festival Chateau de Versaille Story Trail Macan Development Team Week BluePrint Lonely Planet Arte Creative Canabis Parall.ax Dppi Images Awwwards Annual Awards Bergluft Sezane Denim Richard.gs Ibeth and Michael.gs lucyhardcastle Merci Michel Weber Genesis Wealthsimple We are Angstrom Must Awards 2016 Quel est votre coup de coeur ce mois-ci ?

Rendez-vous fin février pour une nouvelle sélection ! 2500 free resources for designers. Every designer loves free stuff. So here we bring together 2500 brilliant freebies, covering everything from typography to 3D design, in one mammoth list. We'll update this feature regularly, adding more resources as we find them, so amazingly that number will increase over the coming months and years...

You really WILL want to bookmark this page! Graphic design and illustration freebies Web design freebies Free cheat sheet so you can brand your social media pages with easeGet 500 web design books - they're totally free and available nowDesign your new Twitter header with this free PSD130 CSS and JavaScript tutorials to power up your skills50 superb WordPress tutorials10 top WordPress resourcesHow to build an app: 45 great tutorials 3D design freebies Typography freebies Photoshop freebies 300+ free vector shapes for Photoshop45 free Photoshop brushes every creative must have! Have you spotted a free design resource? 20 meilleures banques d'images gratuites et libres de droits. Trouver LA bonne image prend parfois un temps précieux, que l’on pourrait investir ailleurs, comme faire la vaisselle ou sortir pour une simple pause.

Choisir une image ne doit jamais se faire à la légère, il faut garder en tête le message que l’on veux faire passer. Que ce soit pour illustrer l’article de son blog, faire une affiche pour la kermesse de son enfant ou bien présenter un projet décisif, chaque image et photographie aura un impact. C’est sur ces deux constats, le temps perdu et l’important d’avoir des images parlantes et de qualités, que j’ai décidé de prendre un peu du mien pour vous proposer : Les 20 meilleures banques d’images gratuites et libres de droits, ainsi d’une liste commentée de plus de 60 autres sites d’images gratuites et parfois libre de tout droit d’auteur. Attention cependant à bien lire les conditions d’utilisation. CSS3 – Des effets avancés de survol d’image | epica design. Aujourd’hui, je vais mettre à votre disposition une série de code vous permettant de créer des effets pour vos images lorsque celle-ci sont soumises au survol de la souris.

Nous utiliserons des lignes fines, beaucoup d’espace blanc, une typographie propre et des effets subtils. Je ne vous cache rien, ces éléments ne sont pas de moi mais simplement rencontré au détour de mes déambulations sur la toile. Dans l’esprit de ce site, je les met donc en « mémoire » en vous en faisant profiter et simplifie l’ensemble pour que vous puissiez les utiliser à votre tour, vous retrouverez les liens sources ci-dessous. Ces réalisations sont Full HTML5 et CSS3, aucun JavaScript n’est utilisé: vous pourrez les intégrer très facilement dans la majorité des éditeurs en ligne de sites dès lors que ceux-ci vous offre la possibilité d’insérer ce type de code.

Les techniques utilisées pour ces effets de survol impliquent des transformations 3D et certaines transitions utilisants des pseudo-éléments. Lily Sadie.

Livres