Julien Nicolas - Comment coucher avec son intégrateur en 5 étapes - #nwxwd

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

1.1 SE PRÉSENTER
Nom Nicolas
Prénom Julien
Âge 29 ans
Sexe Oui, s’il vous plaît
Titre 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ÉTON
Et 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ÉTHODE
Et 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ÈGLES
Des repères bien placés
Une 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 STYLE
Règles typographiques
> Recenser les styles CSS
Nuancier
> Lister les couleurs principales
Interactions
> état de survol, état actif...

3.1 PROGRAMMER UN 1ER RDV
Autour d’un verre

Autour d’un verre
Par téléphone

Autour d’un verre
Par téléphone
Ou au moins
par mail quoi, merde !

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

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

3.4 LE FAIRE BOIRE
L’enivrer de flatteries plus
ou moins bien placées
exemple :
« 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 PLUS
Ressources 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 SUBLIMINAUX
Exprimer son attirance
de manière plus ou moins
dissimulée
> Se servir des styles de texte

dissimulée
> Nommer ses calques avec malice

dissimulée
> Faire passer son obsession
par de la négligence

dissimulée
> 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 DOUCHE
Supprimer le superflu
> Dupliquer ses .PSD et les nettoyer
pour l’intégration
> Fusionner certains calques
pour faciliter l’export

5.2 VÉRIFIER SON HALEINE
Petit-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 COUVERT
Ne 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...

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

Julien Nicolas - Comment coucher avec son intégrateur en 5 étapes - #nwxwd

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Similaire à Julien Nicolas - Comment coucher avec son intégrateur en 5 étapes - #nwxwd

Similaire à Julien Nicolas - Comment coucher avec son intégrateur en 5 étapes - #nwxwd (12)

Plus de Normandie Web Xperts

Plus de Normandie Web Xperts (20)

Julien Nicolas - Comment coucher avec son intégrateur en 5 étapes - #nwxwd