comment coucher avec son intégrateur en 5 étapes

Download Comment coucher avec son intégrateur en 5 étapes

Post on 30-Jun-2015

922 views

Category:

Design

0 download

Embed Size (px)

DESCRIPTION

Conférence de Julien Nicolas, Web Designer chez Arcange. Un tutoriel de pro pour réconcilier les web designers et développeurs sur un projet web.

TRANSCRIPT

  • 1. 02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules

2. 02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 3. 1.1 SE PRSENTERNom NicolasPrnom Julienge 29 ansSexe Oui, sil vous platTitre Web designer02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 4. 1.2 LE TAQUINER Hey, tu vas kiffer,je tai dj tout convertien CMJN. 02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 5. 1.2 LE TAQUINER Jai fait toutes lesmaquettes dans InDesignet je tai export des PDFavec traits de coupeet fonds perdus.Au cas o. 02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 6. 1.2 LE TAQUINER En ce qui concernela rsolution, je suis partisur un format A4.21 x 29,7 quoi. 02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 7. 1.3 LE RASSURER Allez, tout va trs biense passer. Je ferai acomme un gentleman. 02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 8. 02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 9. 2 .1 AVOIR UN DOSSIER BTONEt bien rang :> Arborescence logique> Prfixes numraires> Fichiers sources> Sources ncessaires au design> lments du clientBONUS > infos.txt02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 10. 2 .2 AVOIR UNE MTHODEEt un .PSD propreet organis :> Nommage de TOUS les calques> Dossiers logiques et structurants> Code couleurPrivilgier :> Fonts web> Formes vectorielles> Objets dynamiques02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 11. 2 .3 AVOIR SES RGLESDes repres bien placsUne grille de mise en pageintelligente> Grid systems (960, 1200...)Pixel perfect> Sinspirer du barbier de Ludacris(photo ci-contre)02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 12. 2 .4 AVOIR DU STYLERgles typographiques> Recenser les styles CSSNuancier> Lister les couleurs principalesInteractions> tat de survol, tat actif...02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 13. 02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 14. 3.1 PROGRAMMER UN 1ER RDVAutour dun verre02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 15. 3.1 PROGRAMMER UN 1ER RDVAutour dun verrePar tlphone02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 16. 3.1 PROGRAMMER UN 1ER RDVAutour dun verrePar tlphoneOu au moinspar mail quoi, merde !02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 17. 3.2 TRE LCOUTEchangerdes regards compliceschangerdes points de vuePeut-tre mmerevoir sa copie02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 18. 3.3 MAIS PAS TROPDsol,mais il faut le dire,les intgrateurssont paresseux.02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 19. 3.4 LE FAIRE BOIRELenivrer de flatteries plusou moins bien placesexemple : Jai ador comment tas indentton CSS sur le site de sextoys l... Tes comme Jackie Chan,tu fais des feuilles de style en cascadetoi-mme. Jtrouve que tu tintgres vachementbien lquipe... 02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 20. 02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 21. 4.1 DONNER TOUJOURS PLUSRessources utiles /fichiers annexes> Liens web, dmos, documentations...> Fonts en kit> Patterns utiliss> Icnes vectorielles (ex : SVG)> Penser un favicon> JSON pour maps personnalises(voir mapstylr.com)LE POMPON > Gnrer les lmentsgraphiques en nommant correctementses calques ( partir dAdobe Photoshop CC)Fichier > Gnrer > Fichiers dimage02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 22. 4.2 MESSAGES SUBLIMINAUXExprimer son attirancede manire plus ou moinsdissimule> Se servir des styles de texte02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 23. 4.2 MESSAGES SUBLIMINAUXExprimer son attirancede manire plus ou moinsdissimule> Se servir des styles de texte> Nommer ses calques avec malice02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 24. 4.2 MESSAGES SUBLIMINAUXExprimer son attirancede manire plus ou moinsdissimule> Se servir des styles de texte> Nommer ses calques avec malice> Faire passer son obsessionpar de la ngligence02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 25. 4.2 MESSAGES SUBLIMINAUXExprimer son attirancede manire plus ou moinsdissimule> Se servir des styles de texte> Nommer ses calques avec malice> Faire passer son obsessionpar de la ngligence> Cacher des calques bonussous prtexte davoir prvuun Konami code02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 26. 02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 27. 5.1 PRENDRE UNE DOUCHESupprimer le superflu> Dupliquer ses .PSD et les nettoyerpour lintgration> Fusionner certains calquespour faciliter lexport02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 28. 5.2 VRIFIER SON HALEINEPetit-checkup de toutesles maquettes> Vrifier que toutes les maquettesont le mme niveau de modificationspour viter toute confusion02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 29. 5.3 SORTIR COUVERTNe passer lacte quaprsla validation du clienta vous vitera des allers-retours, moins que ce ne soit ce que vouscherchiez...02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules 30. 02/10/2014 - Confrences Web Design #1 Julien Nicolas @lejuuules nwx.fr | arcangelegroupe.com | lejules.fr

Recommended

View more >