Parfois, le concepteur fournit au client une mise en page qui manque quelque chose. Les concepteurs de mise en page, les backenders et tout autre spécialiste technique, bien sûr, peuvent créer l'élément manquant à leur discrétion, mais ils ne se soucieront pas de l'apparence. Au lieu de nuances soigneusement choisies, ils ajouteront leurs propres couleurs, créeront des polices standard et tous les efforts du concepteur seront vains.
La mise en page peut également être renvoyée pour révision. Par conséquent, il est préférable pour le concepteur de disposer d'une liste des éléments nécessaires et de l'examiner avant que la mise en page ne soit transférée dans la mise en page. Cela vous permettra de tout faire en même temps, de ne pas revenir plusieurs fois sur le projet et de ne pas vous inquiéter que quelque chose ne va pas lors de l'assemblage de la page. Bien que quelque chose fonctionnera probablement encore.
Attention, il y a de nombreuses illustrations dans l'article.
Recommandations générales
Avant de parler d'éléments spécifiques, il convient de mentionner les principaux points que le concepteur ne doit pas oublier.
Polices
Ils doivent être attachés à la mise en page, sinon le développeur en téléchargera de faux et ruinera la conception.
Objets vectoriels
Étonnamment, l'illustration vectorielle doit être vectorielle et maquette. Si vous insérez une image d'un format différent dans la mise en page, elle aura l'air bien là -bas, mais elle deviendra savonneuse pendant le test. Pour éviter que cela ne se produise, vous devez toujours utiliser un vecteur: par exemple, attachez des icônes SVG.
Grille
Il est préférable de ne pas supprimer la grille de la mise en page, car il est pratique de la parcourir. Lorsqu'il y a une grille, il est plus facile de diviser la mise en page en parties, de créer des colonnes de la largeur souhaitée. Ensuite, il y a moins de bugs dans la mise en page responsive, et le site dans son ensemble semble plus net.
Éléments requis pour le site
, . - . , . — — , .
404
, - : , , , ..
, « ». .
: .
, . , , , . , :
, :
, , - . , -. , Open Graph.
- . , , . :
;
;
( , );
( , );
;
;
;
( ), ;
«».
, . , - , . , .
- , Snazzy maps. , . , JSON-.
, . , .
. , - .
, , ( ..).
- , . « ».
«»
, .
, .
, — .
«/ » .
.
(… …).
:
:
, - — .
, :
« »
« , »
. , - .
, ::
;
;
;
.
- , .
UI kit
. , , Ul kit. , . UI kit — . UI Kit , , , , , , (, ),
, . , , , - : , .. , , . . .
, , HTML CSS "HTML CSS. ". SKUCHNO .
. .
:
, |
, |
- |
|
|
|