En tant que reconstructeur de pages qualifié, la possibilité de « restaurer le brouillon de conception de pages Web » est très importante. Il faut se concentrer sur la question de savoir si la page peut être exactement la même que le projet de conception. Parfois, les détails peuvent déterminer le succès ou l’échec, et la différence entre le succès et l’échec peut être considérée comme étant de plusieurs milliers de kilomètres. Surtout lors de la création d'un projet de boutique.
1. Spécifications visuelles
Parfois, les ébauches de conception que nous recevons des concepteurs ne sont pas nécessairement exactes. Par exemple : le texte du titre du module du même type est de 13PX à un endroit et de 14PX à un autre endroit, une page a plusieurs couleurs de police. à l'œil nu mais la valeur réelle de la couleur est différente ; la hauteur de ligne de chaque paragraphe est différente ; le même type de boîte contextuelle a plusieurs tailles, etc... Dans ce cas, nous ne pouvons pas restaurer le brouillon de conception pour le plaisir. de restaurer le projet de conception.
Afin de réduire le coût de communication avec le concepteur, l'ingénieur de refactorisation a dû inciter le concepteur à établir dès le début des spécifications visuelles pour l'ensemble du site, à rédiger un contenu publiquement convenu sous la forme d'un document et à mettre strictement en œuvre cela à un stade ultérieur.
Il est préférable que les concepteurs définissent les spécifications visuelles avant de commencer à créer la page. Cela peut réduire considérablement le coût du débogage conjoint de post-production de la page. De plus, la production de pages peut établir dès le début des spécifications unifiées pour les éléments modélisés, tels que les polices, les ICÔNES, les bordures, les couleurs d'arrière-plan, l'espacement, etc., et créer des interfaces de classe unifiées une fois les spécifications de conception fixées ultérieurement. il sera facile d'ajuster les modifications.
2. L'annotation des brouillons de conception
doit exiger que les concepteurs marquent divers espacements, largeurs, polices spéciales, couleurs de police spéciales, hauteurs de lignes spéciales, etc. et la restauration est grandement améliorée. La précision du projet de conception réduit également le coût de communication avec le concepteur et le coût de débogage conjoint après production. Voici un exemple :
3. Outil de règle de page Web (FastStone Capture)
Boussole pour la navigation, thermomètre pour les médecins, ruban à mesurer pour les menuisiers... De nombreuses professions ont leurs propres instruments de mesure spéciaux, donc lorsque nous créons des pages, nous devons également mesurer l'espacement, la largeur, la hauteur, couleur... et d'autres données, alors la production de pages devrait-elle également disposer d'un outil professionnel pour une mesure précise des pages ?
Voici un logiciel capable de mesurer avec précision les pages Web, FastStone Capture. On peut dire que même si le logiciel est petit, il a tout. les essentiels.
4. Tutoriel simple FastStone Capture
1. Ouvrez l'outil de mesure
Cliquez sur l'icône à l'extrême droite du panneau de configuration
, ouvrez et sélectionnez « Règle d'écran », la règle illustrée ci-dessous s'affichera à l'écran. Pour faciliter la mesure de la perspective, la règle peut être réglée sur transparente ou translucide :
2.
Pour la mesure horizontale, la règle par défaut est placée horizontalement. Vous pouvez appuyer sur les touches haut, bas, gauche et droite du clavier pour déplacer la règle d'un seul pixel. Cliquez sur l'échelle de la règle. Soyez une loupe dans le coin supérieur droit de l’écran pour afficher la zone de mesure. Faites glisser la souris pour mesurer avec précision la longueur du niveau. Faites glisser les deux bords horizontaux de la règle pour l'allonger ou la raccourcir.
3. Pour mesurer verticalement,
cliquez sur l'icône du bouton comme indiqué sur la règle.
Pour rendre la règle verticale : Ou double-cliquez sur la règle pour la rendre verticale.
Les méthodes de mesure verticale et horizontale sont similaires, je ne les répéterai donc pas ici.
4. Pour mesurer point à point,
cliquez sur l'icône de la règle :
, la loupe dans le coin supérieur droit de l'écran affichera la longueur de la ligne.
Utilisez la souris pour faire glisser la ligne droite du point A au point B et mesurez la distance entre les deux points.
5. Mesure d'un rectangle
Malheureusement, le logiciel ne dispose pas d'équerre ni de compas, ce qui rend difficile la mesure d'un rectangle. Ne vous inquiétez pas, vous pouvez utiliser d'autres méthodes à la place. Nous utilisons ici la fonction de capture d'écran.
Cliquez sur l'icône de la règle
Fermez la règle, revenez au panneau de configuration du logiciel et cliquez sur la troisième icône
(Capturer une zone rectangulaire) :
faites glisser la souris pour mesurer le module rectangulaire de la page Web que vous souhaitez mesurer. La loupe dans le coin supérieur gauche (ou droit) de l'écran affichera w*h=value*value, w est. la largeur et h la hauteur.
6.
Cliquez sur l'icône sur le côté droit du panneau de configuration du logiciel pour sélectionner la couleur de la page Web :
, une liste déroulante apparaît, sélectionnez "Screen Color Picker", l'icône en forme de pipette apparaît, déplacez les coordonnées indiquées par la pipette et cliquez pour obtenir la valeur de couleur n'importe où sur l'écran.