SlideShare une entreprise Scribd logo
1  sur  22
Techniques de web design
La colorimétrie
Le Golden Ratio




   1,62 (arrondi)
La théorie du Golden Ratio

Exemple théorique :
Les
Grid design
Exemple de « Golden Ratio »
La symétrie
L’asymétrie
L’usage des typographies
Les fonds photographiques
Les creative layout




 Sortir du lot !
Les débuts de la 3D
Le design mobile
Techniques de designs mobiles

 Responsible web design

 Flexible web design

 Switch design
Outils pratiques
Roue chromatique interactive :
http://colorschemedesigner.com/

960 HTML Grid System
http://960.gs/demo.html

DaFont (typo)
http://www.dafont.com/fr/

Web Font Stack
http://www.codestyle.org/servlets/FontStack

Contenu connexe

En vedette

Construire son curriculum vitae ver1.0
Construire son curriculum vitae ver1.0Construire son curriculum vitae ver1.0
Construire son curriculum vitae ver1.0Pascal KUFEL
 
mettre en œuvre des compositions C-L-A-I-R-E-S
mettre en œuvre des compositions C-L-A-I-R-E-Smettre en œuvre des compositions C-L-A-I-R-E-S
mettre en œuvre des compositions C-L-A-I-R-E-SYves Goguely
 
Plateformes LMS, nouveaux enjeux, nouveaux périmètres
Plateformes LMS, nouveaux enjeux, nouveaux périmètresPlateformes LMS, nouveaux enjeux, nouveaux périmètres
Plateformes LMS, nouveaux enjeux, nouveaux périmètresInfor CERTPOINT
 
L'art de la typographie, d'illustrator à InDesign
L'art de la typographie, d'illustrator à InDesignL'art de la typographie, d'illustrator à InDesign
L'art de la typographie, d'illustrator à InDesignFranck Payen
 
Magazine flat plan
Magazine flat planMagazine flat plan
Magazine flat planadamfox2052
 
Conseil RH: Rédiger son CV
Conseil RH: Rédiger son CVConseil RH: Rédiger son CV
Conseil RH: Rédiger son CVUnilever
 
Koudetat identite - Typographie
Koudetat identite - TypographieKoudetat identite - Typographie
Koudetat identite - TypographieTheFamily
 
Comment construire son univers iconographique par Julia Moroge
Comment construire son univers iconographique par Julia MorogeComment construire son univers iconographique par Julia Moroge
Comment construire son univers iconographique par Julia MorogeTheFamily
 
Les LMS
Les LMSLes LMS
Les LMSaligot
 
Cours de typographie (2) - Le flux typographique dans le prépresse
Cours de typographie (2) - Le flux typographique dans le prépresseCours de typographie (2) - Le flux typographique dans le prépresse
Cours de typographie (2) - Le flux typographique dans le prépresseSerge Guerriero
 
Codes Typographiques1
Codes Typographiques1Codes Typographiques1
Codes Typographiques1Signlighter
 
Présentation Street Marketing
Présentation Street MarketingPrésentation Street Marketing
Présentation Street MarketingMichaël Vasseur
 
Guide 2016 : LMS & MOOC "Comment choisir sa plateforme ?"
Guide 2016 :  LMS & MOOC "Comment choisir sa plateforme ?"Guide 2016 :  LMS & MOOC "Comment choisir sa plateforme ?"
Guide 2016 : LMS & MOOC "Comment choisir sa plateforme ?"FFFOD
 
Présentation du guide du FFFOD "LMS : comment choisir sa plateforme ?"
Présentation du guide du FFFOD "LMS : comment choisir sa plateforme ?"Présentation du guide du FFFOD "LMS : comment choisir sa plateforme ?"
Présentation du guide du FFFOD "LMS : comment choisir sa plateforme ?"FFFOD
 
Comment transformer WordPress en portail de formation
Comment transformer WordPress en portail de formationComment transformer WordPress en portail de formation
Comment transformer WordPress en portail de formationBenoit Tostain
 

En vedette (18)

Construire son curriculum vitae ver1.0
Construire son curriculum vitae ver1.0Construire son curriculum vitae ver1.0
Construire son curriculum vitae ver1.0
 
mettre en œuvre des compositions C-L-A-I-R-E-S
mettre en œuvre des compositions C-L-A-I-R-E-Smettre en œuvre des compositions C-L-A-I-R-E-S
mettre en œuvre des compositions C-L-A-I-R-E-S
 
Interview de patrick charre
Interview de  patrick charreInterview de  patrick charre
Interview de patrick charre
 
Plateformes LMS, nouveaux enjeux, nouveaux périmètres
Plateformes LMS, nouveaux enjeux, nouveaux périmètresPlateformes LMS, nouveaux enjeux, nouveaux périmètres
Plateformes LMS, nouveaux enjeux, nouveaux périmètres
 
Curriculum Vitae
Curriculum VitaeCurriculum Vitae
Curriculum Vitae
 
L'art de la typographie, d'illustrator à InDesign
L'art de la typographie, d'illustrator à InDesignL'art de la typographie, d'illustrator à InDesign
L'art de la typographie, d'illustrator à InDesign
 
Magazine flat plan
Magazine flat planMagazine flat plan
Magazine flat plan
 
Conseil RH: Rédiger son CV
Conseil RH: Rédiger son CVConseil RH: Rédiger son CV
Conseil RH: Rédiger son CV
 
Koudetat identite - Typographie
Koudetat identite - TypographieKoudetat identite - Typographie
Koudetat identite - Typographie
 
Comment construire son univers iconographique par Julia Moroge
Comment construire son univers iconographique par Julia MorogeComment construire son univers iconographique par Julia Moroge
Comment construire son univers iconographique par Julia Moroge
 
Les LMS
Les LMSLes LMS
Les LMS
 
Cours de typographie (2) - Le flux typographique dans le prépresse
Cours de typographie (2) - Le flux typographique dans le prépresseCours de typographie (2) - Le flux typographique dans le prépresse
Cours de typographie (2) - Le flux typographique dans le prépresse
 
Codes Typographiques1
Codes Typographiques1Codes Typographiques1
Codes Typographiques1
 
Présentation Street Marketing
Présentation Street MarketingPrésentation Street Marketing
Présentation Street Marketing
 
Curriculum Vitae
Curriculum VitaeCurriculum Vitae
Curriculum Vitae
 
Guide 2016 : LMS & MOOC "Comment choisir sa plateforme ?"
Guide 2016 :  LMS & MOOC "Comment choisir sa plateforme ?"Guide 2016 :  LMS & MOOC "Comment choisir sa plateforme ?"
Guide 2016 : LMS & MOOC "Comment choisir sa plateforme ?"
 
Présentation du guide du FFFOD "LMS : comment choisir sa plateforme ?"
Présentation du guide du FFFOD "LMS : comment choisir sa plateforme ?"Présentation du guide du FFFOD "LMS : comment choisir sa plateforme ?"
Présentation du guide du FFFOD "LMS : comment choisir sa plateforme ?"
 
Comment transformer WordPress en portail de formation
Comment transformer WordPress en portail de formationComment transformer WordPress en portail de formation
Comment transformer WordPress en portail de formation
 

Plus de Poule Design

Elargir sa base de contacts
Elargir sa base de contactsElargir sa base de contacts
Elargir sa base de contactsPoule Design
 
Vendez plus grâce au multicanal
Vendez plus grâce au multicanalVendez plus grâce au multicanal
Vendez plus grâce au multicanalPoule Design
 
Combien ça coûte un site web
Combien ça coûte un site webCombien ça coûte un site web
Combien ça coûte un site webPoule Design
 
10 étapes avant de lancer son site web
10 étapes avant de lancer son site web10 étapes avant de lancer son site web
10 étapes avant de lancer son site webPoule Design
 
Demain, mon site sera mobile
Demain, mon site sera mobileDemain, mon site sera mobile
Demain, mon site sera mobilePoule Design
 
SoLoMo : soyez mobiles !
SoLoMo : soyez mobiles !SoLoMo : soyez mobiles !
SoLoMo : soyez mobiles !Poule Design
 
Le blog est mort, vive le blog !
Le blog est mort, vive le blog !Le blog est mort, vive le blog !
Le blog est mort, vive le blog !Poule Design
 
Démarrer votre emailing
Démarrer votre emailingDémarrer votre emailing
Démarrer votre emailingPoule Design
 
Les stratégies m-commerce
Les stratégies m-commerceLes stratégies m-commerce
Les stratégies m-commercePoule Design
 
Facebook et le e commerce
Facebook et le e commerceFacebook et le e commerce
Facebook et le e commercePoule Design
 
Mythes du e-commerce
Mythes du e-commerceMythes du e-commerce
Mythes du e-commercePoule Design
 
9 recettes d’un e-commerce performant
9 recettes d’un e-commerce performant9 recettes d’un e-commerce performant
9 recettes d’un e-commerce performantPoule Design
 
Nouveaux réseaux pour le référencement
Nouveaux réseaux pour le référencementNouveaux réseaux pour le référencement
Nouveaux réseaux pour le référencementPoule Design
 
Le e-commerce multicanal
Le e-commerce multicanalLe e-commerce multicanal
Le e-commerce multicanalPoule Design
 
AB testing : Augmentez vos ventes !
AB testing : Augmentez vos ventes !AB testing : Augmentez vos ventes !
AB testing : Augmentez vos ventes !Poule Design
 
Boostez vos landing page en 4 etapes
Boostez vos landing page en 4 etapesBoostez vos landing page en 4 etapes
Boostez vos landing page en 4 etapesPoule Design
 
7 incontournables d’ergonomie web
7 incontournables d’ergonomie web7 incontournables d’ergonomie web
7 incontournables d’ergonomie webPoule Design
 

Plus de Poule Design (18)

Elargir sa base de contacts
Elargir sa base de contactsElargir sa base de contacts
Elargir sa base de contacts
 
Vendez plus grâce au multicanal
Vendez plus grâce au multicanalVendez plus grâce au multicanal
Vendez plus grâce au multicanal
 
Combien ça coûte un site web
Combien ça coûte un site webCombien ça coûte un site web
Combien ça coûte un site web
 
10 étapes avant de lancer son site web
10 étapes avant de lancer son site web10 étapes avant de lancer son site web
10 étapes avant de lancer son site web
 
Demain, mon site sera mobile
Demain, mon site sera mobileDemain, mon site sera mobile
Demain, mon site sera mobile
 
Segmentation
SegmentationSegmentation
Segmentation
 
SoLoMo : soyez mobiles !
SoLoMo : soyez mobiles !SoLoMo : soyez mobiles !
SoLoMo : soyez mobiles !
 
Le blog est mort, vive le blog !
Le blog est mort, vive le blog !Le blog est mort, vive le blog !
Le blog est mort, vive le blog !
 
Démarrer votre emailing
Démarrer votre emailingDémarrer votre emailing
Démarrer votre emailing
 
Les stratégies m-commerce
Les stratégies m-commerceLes stratégies m-commerce
Les stratégies m-commerce
 
Facebook et le e commerce
Facebook et le e commerceFacebook et le e commerce
Facebook et le e commerce
 
Mythes du e-commerce
Mythes du e-commerceMythes du e-commerce
Mythes du e-commerce
 
9 recettes d’un e-commerce performant
9 recettes d’un e-commerce performant9 recettes d’un e-commerce performant
9 recettes d’un e-commerce performant
 
Nouveaux réseaux pour le référencement
Nouveaux réseaux pour le référencementNouveaux réseaux pour le référencement
Nouveaux réseaux pour le référencement
 
Le e-commerce multicanal
Le e-commerce multicanalLe e-commerce multicanal
Le e-commerce multicanal
 
AB testing : Augmentez vos ventes !
AB testing : Augmentez vos ventes !AB testing : Augmentez vos ventes !
AB testing : Augmentez vos ventes !
 
Boostez vos landing page en 4 etapes
Boostez vos landing page en 4 etapesBoostez vos landing page en 4 etapes
Boostez vos landing page en 4 etapes
 
7 incontournables d’ergonomie web
7 incontournables d’ergonomie web7 incontournables d’ergonomie web
7 incontournables d’ergonomie web
 

Techniques de web design