Als qualifizierter Seitenrekonstrukteur ist die Fähigkeit, den Entwurf des Webseitendesigns wiederherzustellen, sehr wichtig. Es muss darauf geachtet werden, ob die Seite genau mit dem Designentwurf übereinstimmen kann. Manchmal entscheiden Details über Erfolg oder Misserfolg, und der Unterschied zwischen Erfolg und Misserfolg beträgt Tausende von Kilometern. Vor allem bei der Erstellung eines Boutique-Projekts.
1. Visuelle Spezifikationen
Manchmal sind die Designentwürfe, die wir von Designern erhalten, nicht unbedingt korrekt. Beispielsweise ist der Text des Modultitels an einer Stelle 13PX und an einer anderen Stelle 14PX. Er sieht gleich aus Für das bloße Auge ist der tatsächliche Farbwert jedoch unterschiedlich; die Zeilenhöhe jedes Absatzes ist unterschiedlich; derselbe Typ von Popup-Box hat mehrere Größen usw. In diesem Fall können wir den Entwurfsentwurf nicht wiederherstellen den Entwurfsentwurf wiederherzustellen.
Um die Kosten für die Kommunikation mit dem Designer zu senken, musste der Refactoring-Ingenieur den Designer dazu drängen, in einem frühen Stadium visuelle Spezifikationen für die gesamte Website zu erstellen, einige öffentlich vereinbarte Inhalte in Form eines Dokuments aufzuschreiben und diese strikt umzusetzen es in der späteren Phase.
Für Designer ist es am besten, visuelle Spezifikationen festzulegen, bevor sie mit der Erstellung der Seite beginnen. Dies kann die Kosten für das gemeinsame Debuggen der Seite nach der Produktion erheblich reduzieren. Darüber hinaus kann die Seitenproduktion in der frühen Phase einheitliche Spezifikationen für Vorlagenelemente wie Schriftarten, ICONs, Rahmen, Hintergrundfarben, Abstände usw. festlegen und einheitliche Klassenschnittstellen erstellen. Sobald die Designspezifikationen in der späteren Phase festgelegt sind, können Es wird einfach sein, alle Änderungen anzupassen.
2. Anmerkungen zu Designentwürfen
erfordern, dass Designer verschiedene Abstände, Breiten, spezielle Schriftarten, spezielle Schriftfarben, spezielle Zeilenhöhen usw. auf dem Designentwurf markieren. Auf diese Weise ist es nicht erforderlich, beim Erstellen der Seite erneut zu messen. und die Wiederherstellung wird erheblich verbessert. Die Genauigkeit des Entwurfsentwurfs reduziert auch die Kosten für die Kommunikation mit dem Designer und die Kosten für das gemeinsame Debuggen nach der Produktion. Hier ist ein Beispiel:
3. Webseiten-Lineal-Tool (FastStone Capture)
Kompass zur Navigation, Thermometer für Ärzte, Maßband für Tischler ... Viele Berufe haben ihre eigenen speziellen Messinstrumente. Wenn wir also Seiten erstellen, müssen wir auch Abstand, Breite, Höhe messen. Farbe ... und andere Daten, sollte die Seitenproduktion dann auch über ein professionelles Tool zur genauen Seitenmessung verfügen?
FastStone Capture kann sagen, dass die Software zwar klein ist, aber alles hat das Wesentliche.
4. Einfaches FastStone Capture-Tutorial
1. Öffnen Sie das Messtool
Klicken Sie auf das Symbol ganz rechts im Bedienfeld
, öffnen Sie und wählen Sie „Bildschirmlineal“. Das unten gezeigte Lineal wird auf dem Bildschirm angezeigt. Um die perspektivische Messung zu erleichtern, kann das Lineal auf transparent oder durchscheinend eingestellt werden:
2.
Für die horizontale Messung wird das Standardlineal horizontal platziert. Sie können die Aufwärts-, Abwärts-, Links- und Rechtstaste auf der Tastatur drücken, um das Lineal um ein einzelnes Pixel zu verschieben In der oberen rechten Ecke des Bildschirms befindet sich eine Lupe, um den Messbereich anzuzeigen. Ziehen Sie die Maus, um die Länge der Wasserwaage genau zu messen. Ziehen Sie an den beiden horizontalen Kanten des Lineals, um es zu verlängern oder zu verkürzen.
3. Um vertikal zu messen,
klicken Sie auf das Schaltflächensymbol, wie auf dem Lineal angezeigt.
So machen Sie das Lineal vertikal: Oder doppelklicken Sie auf das Lineal, um es vertikal zu machen.
Die Methoden der vertikalen und horizontalen Messung sind ähnlich, daher werde ich sie hier nicht wiederholen.
4. Um Punkt-zu-Punkt zu messen,
klicken Sie auf das Symbol auf dem Lineal:
, die Lupe in der oberen rechten Ecke des Bildschirms zeigt die Zeilenlänge an.
Ziehen Sie mit der Maus die gerade Linie von Punkt A nach Punkt B und messen Sie den Abstand zwischen den beiden Punkten.
5. Rechteckmessung
Leider verfügt die Software weder über ein Geodreieck noch über einen Zirkel, was die Messung eines Rechtecks erschwert. Keine Sorge, Sie können stattdessen auch andere Methoden verwenden. Hier verwenden wir die Screenshot-Funktion.
Klicken Sie auf das Linealsymbol
Schließen Sie das Lineal, kehren Sie zur Software-Systemsteuerung zurück und klicken Sie auf das dritte Symbol
(Rechteckigen Bereich erfassen):
Ziehen Sie die Maus, um das rechteckige Modul der Webseite zu messen, die Sie messen möchten. Die Lupe in der oberen linken (oder rechten) Ecke des Bildschirms zeigt w*h=Wert*Wert, w ist die Breite und h ist die Höhe.
6.
Klicken Sie auf das Symbol auf der rechten Seite des Software-Bedienfelds, um die Farbe der Webseite auszuwählen:
, ein Dropdown-Feld erscheint, wählen Sie „Screen Color Picker“, das Pipettensymbol erscheint, verschieben Sie die durch die Pipette angezeigten Koordinaten und klicken Sie, um den Farbwert an einer beliebigen Stelle auf dem Bildschirm zu erhalten.