background preloader

Web Design

Facebook Twitter

GuideGuide. Designing Screens Using Cores and Paths. Imagine you’re on one side of a grass lawn and you want to reach the bus stop on the opposite side.

Designing Screens Using Cores and Paths

Do you walk on the sidewalk around the edges or cross in the middle? Assuming the grass is dry and it’s not prohibited, you’d probably take the shortest path and walk across the lawn to the bus stop. If others have done so before, you may see a beaten path that you could follow. Such unplanned paths connect the shortest distance between two points, and we can find them everywhere in our surroundings. In urban planning they are known as “desire paths” or “desire lines.”[1] They are an indication of the gap between natural human behavior and contrived routes.

Architect Christopher Alexander recognizes desire lines in his renowned book, A Pattern Language (1976)[2]. To lay out paths, first place goals at natural points of interest. In principle, Alexander’s approach is to begin with the goals—the things people ultimately want—and then link them together in the most useful way. Hacker le visuel. La vision que je vais présenter au cours de cet article est le fruit de dix ans d’expérience professionnelle dans le webdesign, d’une mûre réflexion sur mon métier et d’une assez bonne connaissance de ma personne.

Hacker le visuel

Ils m’ont appris quel devait être mon rôle au sein d’une équipe, en tant que professionnelle mais aussi en tant qu’être humain. C’est pourquoi il faut garder à l’esprit que cette approche est très personnelle. Ainsi, si je tiens à la partager avec le lectorat du Train ce n’est pas par narcissisme mais pour souffler à d’autres professionnels de tous milieux, et tout particulièrement ceux issus du design, l’envie de repenser leur métier et de sortir des sentiers battus. Si je devais qualifier mon activité professionnelle actuelle, je pense qu’il me faudrait dire que je suis “directrice artistique spécialisée dans le web”. Avant d’aller plus loin, je tiens à expliquer le choix du mot “hacker” à défaut de tout autre plus français et moins connoté. Le non-art et sa manière. EA Sports Madden Ultimate Team - Digital Case Study Preview.

SVG

Retina. Illustrator. Adobe Illustrator Adobe Illustator est un environnement complet de dessin vectoriel qui vous permet de travailler plus efficacement.

Illustrator

Voyez avec Jérôme Bareille comment transformer de façon automatique vos images pixels en images vectorielles dans Adobe Illustrator CS6. Illustrator est le programme de dessin vectoriel par excellence. Il permet de réaliser des illustrations diverses d'une qualité optimale, aussi bien pour l'impression que pour le web. Vous allez découvrir ici plusieurs facettes d'Illustrator. Produits couverts: Illustrator met à votre disposition une grille de perspective personnalisable, pour vous aider à dessiner des objets ou à placer des objets vectoriels selon une perpective particulière comportant un, deux ou trois points de fuite. Lorsque l'on parle de livre électronique, on parle principalement de deux formats : le PDF et l'ePub. Adobe Illustrator CS6 est le logiciel de référence en terme de traitement d'images vectorielles. Photoshop. Adobe Photoshop Créez des images percutantes avec le logiciel de référence des professionnels.

Photoshop

Si Adobe Photoshop CS6 est à l'origine un outil de traitement d'images fixes, il est possible avec la version Extended de faire de la vidéo. Il est également possible de réaliser de petites animations pour le web, voyez ici comment faire avec le formateur Yves Chatain. Découvrez des possibilités surprenantes de correction et de retouche de vos photos. Vous apprendrez à créer des montages et des compositions créatives en y intégrant des éléments 3D. Produits couverts: En compagnie d'Yves Chatain, voyez comme, avec une sélection adéquate, vous pouvez supprimer un arrière-plan ou le remplacer par une autre image en quelques notions simples concernant la sélection, les calques et les masques. Avec le logiciel de retouche photo, Adobe Photoshop CS5, combiner sélection et travail sur le masque va nous permettre d'isoler les deux personnages de notre photo, et de les intégrer dans un décor. Effet HDR. Apprendre Fireworks CS6. TinyPNG – Compress PNG images while preserving alpha transparency.