Comment coucher avec son intégrateur en 5 étapes

02/10/2014 - Conférences Web Design #1 Julien Nicolas @lejuuules

1.1 SE PRÉSENTERNom NicolasPrénom JulienÂge 29 ansSexe Oui, s’il vous plaîtTitre Web designer


1.2 LE TAQUINER« Hey, tu vas kiffer, je t’ai déjà tout converti en CMJN. »


1.2 LE TAQUINER« J’ai fait toutes les maquettes dans InDesign et je t’ai exporté des PDF avec traits de coupe et fonds perdus. Au cas où. »


1.2 LE TAQUINER« En ce qui concerne la résolution, je suis parti sur un format A4. 21 x 29,7 quoi. »


1.3 LE RASSURER« Allez, tout va très bien se passer. Je ferai ça comme un gentleman. »


2 .1 AVOIR UN DOSSIER BÉTONEt bien rangé :> Arborescence logique> Préfixes numéraires> Fichiers sources> Sources nécessaires au design> Éléments du client

BONUS > infos.txt


2 .2 AVOIR UNE MÉTHODEEt un .PSD propre et organisé :> Nommage de TOUS les calques> Dossiers logiques et structurants> Code couleur

Privilégier : > Fonts web> Formes vectorielles> Objets dynamiques


2 .3 AVOIR SES RÈGLESDes repères bien placésUne grille de mise en page intelligente> Grid systems (960, 1200...)

Pixel perfect> S’inspirer du barbier de Ludacris (photo ci-contre)


2 .4 AVOIR DU STYLERègles typographiques> Recenser les styles CSS

Nuancier> Lister les couleurs principales

Interactions> état de survol, état actif...


3.1 PROGRAMMER UN 1ER RDVAutour d’un verre


3.1 PROGRAMMER UN 1ER RDVAutour d’un verrePar téléphone


3.1 PROGRAMMER UN 1ER RDVAutour d’un verrePar téléphoneOu au moins par mail quoi, merde !


3.2 ÊTRE À L’ÉCOUTEÉchanger des regards complicesÉchanger des points de vuePeut-être même revoir sa copie


3.3 MAIS PAS TROPDésolé, mais il faut le dire, les intégrateurs sont paresseux.


3.4 LE FAIRE BOIREL’enivrer de flatteries plus ou moins bien placéesexemple : « J’ai adoré comment t’as indenté ton CSS sur le site de sextoys là... »« T’es comme Jackie Chan, tu fais des feuilles de style en cascade toi-même. »« J’trouve que tu t’intègres vachement bien à l’équipe... »


4.1 DONNER TOUJOURS PLUSRessources utiles / fichiers annexes> Liens web, démos, documentations...> Fonts en kit> Patterns utilisés> Icônes vectorielles (ex : SVG)

> Penser à un favicon> JSON pour maps personnalisées (voir mapstylr.com)

LE POMPON > Générer les éléments graphiques en nommant correctement ses calques (à partir d’Adobe Photoshop CC)Fichier > Générer > Fichiers d’image


4.2 MESSAGES SUBLIMINAUXExprimer son attirance de manière plus ou moins dissimulée> Se servir des styles de texte


4.2 MESSAGES SUBLIMINAUXExprimer son attirance de manière plus ou moins dissimulée> Se servir des styles de texte> Nommer ses calques avec malice


4.2 MESSAGES SUBLIMINAUXExprimer son attirance de manière plus ou moins dissimulée> Se servir des styles de texte> Nommer ses calques avec malice> Faire passer son obsession par de la négligence


4.2 MESSAGES SUBLIMINAUXExprimer son attirance de manière plus ou moins dissimulée> Se servir des styles de texte> Nommer ses calques avec malice> Faire passer son obsession par de la négligence> Cacher des calques bonus sous prétexte d’avoir prévu un Konami code


5.1 PRENDRE UNE DOUCHESupprimer le superflu> Dupliquer ses .PSD et les nettoyer pour l’intégration> Fusionner certains calques pour faciliter l’export


5.2 VÉRIFIER SON HALEINEPetit-checkup de toutes les maquettes> Vérifier que toutes les maquettes ont le même niveau de modifications pour éviter toute confusion


5.3 SORTIR COUVERTNe passer à l’acte qu’après la validation du clientÇa vous évitera des allers-retours, à moins que ce ne soit ce que vous cherchiez...


nwx.fr | arcangelegroupe.com | lejules.fr02/10/2014 - Conférences Web Design #1 Julien Nicolas @lejuuules

Comment coucher avec son intégrateur en 5 étapes

Design

Transcript of Comment coucher avec son intégrateur en 5 étapes