05-06-2014, 05:54 PM
Photoshop + responsive design = "difficile mais faisable"
En fait il faut savoir ce qu'on veut dès le départ et faire en fonction des limites imposées ( que ce soit par le responsive, ou par photshop)
pour ma part, faire du responsive c'est faire des "textures" et non faire des "images"
pour un bouton en responsive il faut mieux faire
-une <div> avec un background qui se répète sans limite de taille
plutôt que
-une <img> qui aura des valeurs fixes en x et y (width, height).
le css permet maintenant de faire plein d'"effets" qui, avec astuce, ressemble aux filtres de toshop.
shadow, gradient, alpha, border, gaussian blur, fonts...
(ombre portée, dégradé, transparence, contour, flou, polices d'écriture ...)
l'avantage de toshop, c'est qu'on voit tout de suite ce qu'on fait.
l'inconvénient, il faut prévoir comment réagira l'image (fixed, cover, stretch...)
Pour ce qui est de la taille de ma page blanche sur photoshop je commence en HD : 1920x1080,
mais le site doit pouvoir tenir dans 850px de largeur pour la partie "essentielle" du site ( max-width:850px; ) (le reste de la page sera masqué si l'écran est plus petit)
En fait il faut savoir ce qu'on veut dès le départ et faire en fonction des limites imposées ( que ce soit par le responsive, ou par photshop)
pour ma part, faire du responsive c'est faire des "textures" et non faire des "images"
pour un bouton en responsive il faut mieux faire
-une <div> avec un background qui se répète sans limite de taille
plutôt que
-une <img> qui aura des valeurs fixes en x et y (width, height).
le css permet maintenant de faire plein d'"effets" qui, avec astuce, ressemble aux filtres de toshop.
shadow, gradient, alpha, border, gaussian blur, fonts...
(ombre portée, dégradé, transparence, contour, flou, polices d'écriture ...)
l'avantage de toshop, c'est qu'on voit tout de suite ce qu'on fait.
l'inconvénient, il faut prévoir comment réagira l'image (fixed, cover, stretch...)
Pour ce qui est de la taille de ma page blanche sur photoshop je commence en HD : 1920x1080,
mais le site doit pouvoir tenir dans 850px de largeur pour la partie "essentielle" du site ( max-width:850px; ) (le reste de la page sera masqué si l'écran est plus petit)
"Somewhere, something incredible is waiting to be known..."
Carl Sagan.
Carl Sagan.