background preloader

Première maquette graphique web : comment faire ?

Première maquette graphique web : comment faire ?
Maquettistes affirmés, mais débutants sur le Web, voici les repères élémentaires à connaître pour créer votre première maquette graphique pour le Web : résolution d’écran, pixels, couleurs hexadécimales, page web, scroll, découpe, tout ça. Pour partir sur de bonnes bases. Exprimez tout en pixel : l’unité de mesure, sur le Web, est le pixel, point élémentaire de l’écran, et non pas le pica, le point ou le centimètre pour lesquels il n’existe pas de conversion et qu’il faut donc oublier. Travaillez en bitmap à l’échelle 1:1. Commencez par fixer la largeur de la page. Vous pouvez maintenant commencer à composer votre première maquette web, en partant du bon pied, sur des bases correctes : pixel, bitmap, RVB, 72 dpi, etc. Un conseil : faites moultes captures d’écrans des sites qui vous inspirent et découpez-les dans un logiciel graphique. Que livrer ?

PHP : Le tutoriel pour grands débutants pressés Pour l'instant, on a manipulé des variables que l'on entrait "à la main" soi-même. Il nous faut maintenant voir comment manipuler véritablement des variables, entrées par l'utilisateur. III-1. Vous le savez, un formulaire en HTML, c'est la suite de balises suivante : un formulaire typique sur la page saisie.php Sélectionnez <form name="inscription" method="post" action="saisie.php"> Entrez votre pseudo : <input type="text" name="pseudo"/><br/> Entrez votre ville : <input type="text" name="ville"/><br/><input type="submit" name="valider" value="OK"/></form> Ici, ce formulaire présente une zone de saisie pour entrer son pseudo, va à la ligne, une zone de saisie pour entrer sa ville, va à la ligne, et enfin un bouton pour valider sur lequel sera écrit 'OK'... Le but, vous l'aurez compris, c'est de récupérer, via PHP, les infos entrées par n'importe quel usager. Voici comment les choses vont se découper : Ah, tout ça sera donc dans une condition, voyons donc immédiatement la syntaxe du si : III-2.

Le tao du design Web Par John Allsopp Introduction Le Tao Te Ching fut aux années 1990 ce que fut le zen aux années 1970 (célèbre surtout en matière d'entretien des motos). Le taoïsme est une philosophie. Au cours des quelques dernières années, pour le meilleur et pour le pire, ma vie a plus qu'un peu tourné autour des feuilles de style. Ce que je ressens, c'est une réelle tension entre le Web tel que nous le connaissons, et le Web tel qu'il devrait être. Le même bon vieux média ? Les hiérarchies bien implantées ne se déracinent pas facilement.Les croyances bien ancrées ne sont pas aisément lâchées.Le rituel asservit ainsi génération après génération. Tao Te Ching; 38 Rituel Si vous n'avez jamais visionné les toutes premières émissions de télévision, sachez qu'il s'agit là d'une activité fort enrichissante. Songez aussi aux premiers vidéoclips (quelques-uns d'entre nous doivent être assez âgés pour cela). Contrôler la page Web Le Sage Tao Te Ching; 2 Humilité D'où vient cette idée ? Pourquoi est-ce important ?

10 conseils d’ergonomie basés sur des études de recherche Internet abonde de conseils utiles sur l’ergonomie de sites Internet. Nous prenons au sérieux ceux qui apparaissent être les plus logiques. Mais il est parfois réconfortant de voir certaines théories qui circulent validées par des recherches sérieuses. Cet article traite des résultats de plusieurs recherches sur l’ergonomie, dont, entre autre, la captation du mouvement des yeux sur une page Web, les analyses et rapports sur l’utilisabilité et la convivialité, et enfin, des idées pour améliorer le design. Beaucoup de ces conseils, tel que mentionné précédemment, semblent de mise, mais ils sont enfin soutenus par des statistiques. D’autres, par contre, vous surprendront peut-être et changeront votre opinion sur certaines coutumes actuelles. 1. L’idée que les utilisateurs seront frustrés s’ils doivent cliquer plus de trois fois pour trouver le contenu qu’ils cherchent sur votre site Web circule depuis bien longtemps déjà. Mais pourquoi une limite arbitraire de trois clics ? 2. Le Dr. 3. 4.

Design et ergonomie d’un site Web Comment faire en sorte que vos visiteurs se sentent à l'aise sur votre site, qu'ils y trouvent leurs repères et qu'ils aient envie d'y revenir ? Ces règles simples peuvent vous permettre d'accrocher et de conserver vos lecteurs. Dans cette page : Les standards - Principes de mise en page - Importance du contraste - Le zapping - L'esthétique - La couleur En bref ... Respecter les standards Vos visiteurs sont habitués à certains mécanismes, ne les perturbez pas. A lire en complément : Ergonomie d'un site Web par Kreatys En détail ... Quelques principes de mise en page La communication écrite existe à grande échelle depuis plus de 500 ans. Les légendes des belles images sont lues même par les visiteurs pressés ! source image : civilization.ca La mise en page doit être conçue comme une pyramide. Le titre : Court, explicatif, accrocheur. 50% des lecteurs quitteront votre page si le titre est absent ou peu intéressant. Les paragraphes : Vous devez développer une seule idée par paragraphe. Le zapping

Art of Illusion - Créer & Éditer Art of Illusion est un logiciel multi-plateforme simple et facile d’utilisation pour s’initier à la 3D. Développé entièrement en Java, il nécessite l’utilisation du J2SE de Sun. Par ailleurs, il est fortement conseillé d’avoir aussi installé le JMF -Java Media Framework-, toujours de chez Sun. Ce programme basé sur trois outils, offre un panel d’action satisfaisant. L’écran général permet d’éditer les dessins. une zone à gauche, avec les outils de dessin, de déplacement, de prise de vue et de lumière, une zone centrale, divisée en 4 parties indépendantes, pour visualiser et paramétrer l’objet en cours, sous différents angles et prises de vue, une zone à droite, avec la liste des objets composant votre dessin, pour une sélection rapide et fonctionnelle. Vient ensuite l’éditeur d’objet pour effectuer du modelage sur l’objet, le lisser ou le déformer. Enfin pour les plus expérimentés, l’éditeur procédurale de texture qui permet d’associer des modèles à des blocks ou procédures [1].

Tutorial: Créer le design d'un site web de la maquette photoshop à l'intégration XHTML/CSS Voici un nouveau tutorial réalisé par Sybio pour La Ferme du Web. Il s'adresse à tous les débutants qui souhaitent créer leur propre WebDesign sous photoshop et de l'intégrer ensuite avec du HTML et CSS. Voici sans plus attendre le sommaire de ce tutorial: Création du site sur Photoshop Avant de se lancer... structure et thème du site ! Accéder à ce chapitre: Création de la maquette du site sous photoshop Découpe du design Les blocsAvant de découper ...Découpage du headerDécoupage du menuDécoupage du milieu du corps ! Accéder à ce chapitre: Découpe du design photoshop Mise en place du site en HTML/CSS Organisation des dossiersLe fichier .htmlLes div de notre fichier .htmlPlace au CSSLe fondImages des blocsDesign au centre de la page ! Accéder à ce chapitre: Mise en place du site en HTML/CSS Je vous rappelle qu'en soumettant vos tutorials sur la Ferme du Web, VOS publicités Google Adsense y seront affichées (2 par chapitre). En attendant, bonne lecture, et bravo à Sybio pour son tutorial !

Stock Photos, Royalty-Free Images and Vectors - Shutterstock Comment créer un site web remarquable, partie 4: Créer un design — Edicy blog Si vous-même n'êtes pas un designer, nul besoin de vous donner la peine de réaliser le design de votre site. Il y a deux façons de faire qui peuvent être plus sages et plus efficaces -- louer les services d'un vrai designer ou choisir un template générique dans un stock de designs payants ou gratuits. Faites bien attention: un bon design n'est pas nécessairement un feu d'artifice d'effets spéciaux ou de graphismes défiant l'imagination. Qu'est-ce qui rend un design remarquable? Un design est bon quand il vous dispense de penser. L'esthétique est une question de goût(s). Mais le design comme forme, comme ordonnancement de contenu et comme fonctionnalité, est davantage une question de compréhension que de goût. Un bon design est pratique, il n'est pas simplement "beau". Anatomie d'un bon design Il faut tenir compte d'un certain nombre de règles de design quand on crée un site web. Intuitif. Adapté. Convivial. "Faites le vous-même": les designs génériques Personnalisation d'un template

Related: