background preloader

Accueil [Phovoir-Images]

Accueil [Phovoir-Images]
Related:  webdesign

User Experience articles and quotes to inspire and connect the UX community | inspireUX Stockvault.net | Free Stock Photos D'Angelico Guitars | A Legend is Reborn Wikimedia Commons Design de sites internet, les critères les plus importants Le design de votre site internet ne doit pas juste être beau. Il faut également qu’il soit optimisé pour l’utilisateur. Il doit vous permettre d’attirer un maximum de visiteurs grâce à un design interactif, et propice au partage. Savez vous à quoi devrait ressembler votre blog ? Il y à des critères pour la largeur optimale, le placement des bouton pour les réseaux sociaux, la taille et le type de police et les couleurs à employer sur vos sites internet. Quicksprout propose cette infographie en anglais. cliquez sur l’image pour l’agrandir Ce qu’il faut savoir pour le design de son site Conclusion Si vous appliquez les conseils présentés dans l’infographie, vous devriez voir une augmentation de votre nombre de visites. Ce sont des changements assez simples qui peuvent faire la différence entre un visiteur qui décampe et un visiteur qui consomme. source: quicksprout

My Favorite Handwritten Fonts Tons of new websites are being created everyday and it is noticable that if you want to be unique and stand out from the crowd you need to find creative ways of using type, pictures and other design elements in any kind of work you produce. For that reason I would suggest you give a try on handwritten fonts. Handwritten type are the perfect choice if you want to add some charm and personal touch to your work. With appropriate and well thought-out use of white space, handwritten fonts do bring your designs style and elegance. In this collection I would like to present you my favorite handwritten fonts. Jellyka – Estrya’s Handwriting License: Free for a personal use. Jenna Sue License: Free for personal & commercial use. Christopher Hand License: Free for personal use. Honey Script License: Free. Angelina James Fajardo Journal License: Unknown. Hand of Sean Throw My Hands Up in the Air Rolina Note this! Post-it Penscript Mawns Handwriting FFF Tusj License: Free for personal and commercial use. Jenny Luna Bar

Fontello - easy iconic fonts composer 40 Examples of Brilliant Responsive Website Layouts Responsive web design become a very popular trend in 2011. It’s likely something we’ll see continuing well into 2012 as designers are beginning to support a myriad of mobile devices. Building layouts for the web can be tough, but inspiration is a huge factor. In this gallery I’ve collected 40+ amazing responsive website layouts. These designs are built to support a set of different resolutions and re-size accordingly. Fork CMS Full View: Mobile View: SimpleBits White Lotus Aromatics 1140px CSS Grid Atlason 10K Apart Cognition Reverse Buro Sunday Best Dustin Senos Clear Air Challenge Owltastic 320 and up Yaron Schoen Build Guild Do Lectures Trent Walton Food Sense Sparkbox ribot Sweet Hat Club A Different Design Teixido Sasquatch Music Festival Electric Pulp Stephen Caver

Comprendre le Viewport dans le Web mobile Le Viewport désigne schématiquement la surface de la fenêtre du navigateur. Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le navigateur ne dispose pas de "fenêtre" réelle, ni de barres de défilement car tout est prévu pour naviguer de manière tactile. Comprendre la notion de viewport est absolument indispensable dans un projet d'intégration de site web pour tablettes et smartphones, ou dans un esprit d'adaptation "Responsive Web Design". Les différentes surfaces d'un mobile Afin de mieux cerner et exploiter le concept de viewport sur terminaux nomades, il nous faut commencer par maîtriser deux notions de base : la surface réelle et la surface en "pixels CSS" des mobiles. La surface physique C'est le nombre physique de pixels qui composent la matrice de l'écran, telle que le constructeur le décrit dans les caractéristiques, en gros la "résolution" (en vérité le terme juste est "définition"). Niveau de zoom initial

CSS3 : initiation aux media-queries pour adapter ses pages web à tout type d'écran - CSS débutant Avec l'avènement des smartphones ou autre tablette, la multiplication des tailles et des résolutions d'écran, il devient de plus en plus aléatoire de ne réaliser qu'une seule disposition graphique de sa page web... Comment en effet visualiser correctement sur un smartphone une page qui aurait été pensée pour une résolution minimale de 1900px ? (ce qui est très mal, d'ailleurs...) Les Media-Queries, permettent de cibler différents cas et ainsi d'adapter la restitution de sa page html à différentes caractéristiques des terminaux. Les Media Queries permettent donc de cibler : Le type de média La taille de l'écran La taille de la fenêtre La résolution Le nombre de couleurs L'orientation ... Pour en expliquer le principe, on se limitera à deux exemples : La largeur de la fenêtre avec un contrôle du width ;La largeur de l'écran du terminal avec le contrôle de device-width (ah non, ce n'est pas la même chose que width tout seul) ; Fonctionne avec : Chrome, Safari Firefox, SeaMonkey MSIE 9 Opéra Haut

Un peu de psychologie pour une meilleure expérience utilisateur Article invité rédigé par Muriel De Dona, consultante qualité web spécialisée dans l’audit qualité et accessibilité, et coauteur du livre “Qualité Web“. Il y a plus de 10 ans maintenant (gloups) je m’asseyais pour la première fois sur les bancs de la fac de Psychologie. Je ne savais pas encore à quoi ressemblerait ma carrière professionnelle, mais j’avais une certitude bien ancrée : l’humain y occuperait une place centrale. Plus les semestres défilaient, plus mon intérêt pour les processus cognitifs, les neurosciences et la psychologie sociale grandissait. J’imaginais quelle serait ma pratique plus tard, je me demandais si j’exercerai en cabinet, en hôpital, en entreprise ou dans un laboratoire. Je n’imaginais pas une seule seconde que la Psychologie m’amènerait là où je suis aujourd’hui. Quand on me demande quelles études j’ai suivies pour exercer ma fonction actuelle et que je cite la Psychologie, je vois des sourcils se froncer et des mines perplexes se dessiner. “Nope. Pourquoi ?

Related: