Archives des tags : Partenaires

Pas encore de description pour le tag Partenaires. Suggérez à l'administrateur du site de d'y remédier.

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.

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 :

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.

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.

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.

Mise en place d’un nouveau design : perburbation en vue ;)

Toujours motivé pour vous offrir le meilleur confort de lecture sur ce blog, j’ai décidé de modifier ce thème en profondeur pour le rendre plus clair et mieux structuré. Bien que j’utilise l’excellent plugin Theme Test Drive trouvé grâce à fran6, j’ai pris l’habitude de terminer la mise en place de mes thèmes directement en production car je fais un usage important des widgets ; malgré les qualité du plugin, la modifications des zones de widgets ne peut pas s’effectuer sans casser quelques oeufs dans la vie réelle du blog 😉

Mon thème magazine pour WordPress : C comme Cahier des charges

Après A comme Allons-y et B comme Bêtise, Je continue à égrener l’alphabet qui me sert de fil conducteur pour la création d’un thème de type magazine, selon la formule consacrée. C comme Cahier des charges parce que si lors de la première étape, j’ai noté quelques idées pour savoir dans quelle direction aller, il est temps de fixer le cap avec la liste des fonctionnalités dont j’ai besoin. Cette phase, indispensable lorsqu’on doit développer les fonctionnalités d’un site from scratch, peut sembler un peu formelle pour un blog, où sauf exception, tout est déjà codé dans le moteur du blog ; il reste néanmoins à déterminer celles que l’on va intégrer, de quelle manière et avec quelles options.

Nombre d’or, suite de Fibonacci et autres grilles de mise en page pour le design web

petit-nautile.pngDans la série des thèmes WordPress minimalistes voilà The Ideal Website 1.1 proposé par Information Architect (iA). L’équilibre graphique de ce thème provient essentiellement de l’application de la suite de Fibonacci — qui fournit des rapports très proches du nombre d’or — aux différentes proportions des éléments du design. Le résultat est ce que j’ai vu de mieux en matière de mise en page pour un blog. C’est la démontration réussie que l’on peut appliquer les règles de mise en page du monde de l’imprimé à l’écran, sans rien sacrifier. Je l’avais presque oublié.