Le principe de proximité dans le webdesign

Le « principe de proximité » est un concept issu de la Psychologie de la forme (Gestalt) qui énonce que le cerveau a tendance à regrouper des éléments qui sont placés à proximité pour former un ensemble cohérent. Des éléments placés côte à côte sont perçues comme des éléments ayant un rapport entre eux. Ils forment dans notre esprit des sous-ensembles qui vont alors fonctionner comme un tout. Pour appliquer ce principe de proximité dans le cadre de la conception d’un site web, on rassemblera les éléments qui partagent un destin sémantique commun au sein d’un ensemble visuellement identifiable. Continuer la lecture de Le principe de proximité dans le webdesign

Il y a de la vie en dessous de 600px

Dans un contexte de webdesign, le fold fait référence à la partie supérieure de la page web qui apparait sans que l’on fasse défiler la page vers le bas. C’est une valeur relative à la taille de l’écran que l’on fixe généralement à 600 pixels en prenant la résolution d’écran `1024 x 768` comme taille standard (on retranche les pixels occupés par la barre d’outil du navigateur). Avec l’arrivée massive des NetBooks, j’ai même tendance à placer le fold à 500 pixels. Or, si le fold est une réalité, il ne faut pas hésiter à placer du contenu important sous cette barre des 600px. L’essentiel est que le visiteur ait trouvé des informations au-dessus qui l’encouragent à continuer sa lecture. Comme vous n’êtes pas obligé de me croire sur parole, je vous laisse avec Paddy Donnelly et sa très belle page Life below 600px : Continuer la lecture de Il y a de la vie en dessous de 600px

Interviewé par All For Design #mizukara #webdesign #graphisme

ALL FOR DESIGN est le blog d’Auré consacré au webdesign et au graphisme qui va très vite devenir une source d’inspiration pour beaucoup ! A l’occasion de la mise en place de sa nouvelle version et de la création de sa rubrique Interview, Auré m’a demandé de répondre à quelques questions. Continuer la lecture de Interviewé par All For Design #mizukara #webdesign #graphisme

100+ comptes Twitter pour webdesigner

Twitter devient le service web 2.0 sur lequel il faut voir et être vu. Je vous propose un petit voyage dans le webdesign anglo-saxon avec 100 comptes Twitter utiles dans le cadre d’une veille technique et stratégique sur le Webdesign, WordPress, les Standards du Web, Javascript & jQuery, Photoshop & Illustrator, HTML & CSS, PHP, l’architecture de l’information, etc. Au menu, le pseudo avec un lien vers le compte Twitter et la bio présente sur le profil. Continuer la lecture de 100+ comptes Twitter pour webdesigner

Personnalisez vos formulaires avec CSS et Javascript

Grâce au tutoriel très complet de Josselin Willette sur la personnalisation des formulaires paru sur Developpez, vous saurez comment mettre les éléments de formulaire au garde-à-vous : input text, password, radio, checkbox, button, submit, reset, textarea, select… Et oui, vous avez bien lu : vous pourrez même changer ce satané texte *Parcourir…* propre aux *input* de type *file* ! Attention toutefois à ne pas trop pertuber l’utilisateur car en matière de formulaire, le moche c’est bien

Deux mots sur le graphisme, le design et l’ergonomie des sites web

Dans le monde de la création d’objet destiné au monde réel, le designer a l’habitude d’intégrer l’ergonomie dès le début de sa démarche créative. Il n’y parvient pas à tout les coups, mais toujours est-il que le but ultime de tout jeune designer est de créer un objet adapté à l’usage et à l’usager. Continuer la lecture de Deux mots sur le graphisme, le design et l’ergonomie des sites web

Nouveau design en place : plus bleu, plus carré, plus centré

Juste un mot pour vous signaler que l’ancien design dont vous pouvez admirer une partie ci-dessus vient de laisser place au nouveau design SquaryBluevie. J’ai essayé de faire quelque chose de plus clair et de plus structuré en repensant notamment le haut de la page — les mauvaises langues diront que ce n’était pas difficile ^_^ ! Comme son nom l’évoque, ce thème est plus carré et plus bleu car je me suis rendu compte que j’utilisais très peu cette couleur ainsi que les formes carrées. Par ailleurs, comme je n’ai pas un goût très prononcé pour les alignements centrés (je préfère souvent les alignements improbables), j’en ai profité pour me forcer un peu afin d’élargir mon horizon visuel.