Wie man eine schnelle & einfach Website Mock Schmink
Erstellen ein Mock-up ist einer der ersten Schritte im Aufbau einer Website. Der Begriff "Mock-up" wird häufig synonym mit "Drahtgitter", aber sie sind nicht ganz das gleiche, obwohl beide wichtig sind für die Planung Ihrer Website. Ein Mock-up ist das visuelle Design der Website, während ein Drahtmodell konzentriert sich auf Inhalt und Funktion der Website.
Obwohl ein Mock-up für Ihre Website-Entwicklung entscheidend ist, muss es nicht kompliziert oder zeitaufwändig zu erstellen. Solange Sie die Idee für die Website erfassen, ist es egal, wenn Sie High Tech (Grafikdesign-Software) oder keine Tech (Papier und Bleistift) gehen.
Anweisungen
1 Bestimmen Sie das grundlegende Layout Ihrer Website. Sollten Sie solche Dinge wie Anzahl und Platzierung der Säulen und Schlüsselelemente, die Sie über die Bildlaufleiste angezeigt werden soll.
2 Unterteilen Sie die Seite in ausgewiesenen Bereichen für Navigation, die Kopfzeile, die Text, Inhalt und video oder noch zufrieden. Möglicherweise finden Sie, dass Sie die Website Proportionen durch ein paar Entwürfe von Ihrem Mock-up ausgleichen.
3 Wählen Sie Bilder für wesentliche visuelle Elemente, die das Gefühl für die Website gewünschten zu evozieren. Diese müssen nicht endgültige Auswahl werden; "Comp" oder "FPO" (für die Platzierung nur) Bilder sind in Ordnung.
4 Wählen Sie Schriftarten und Schriftgrößen. Styling für Überschriften, Norm Absätze, Listen und andere Textelemente anzugeben.
5 Ein Farbschema zu identifizieren und Ihre Website-Elemente entsprechend beschriften.
Tipps & Warnungen
- Mock-ups sind einen Entwurf Ihrer Website und Sie werden wahrscheinlich durch ein paar Versionen gehen, bevor Sie auf dem endgültigen Design-Plan für die Website Regeln. Das Mock-up können Sie sich mit einer Vielzahl von Optionen zu experimentieren, bevor Sie beginnen, Investitionen in die Entwicklung der Website selbst, also flexibel bleiben, wenn sich die Site weiterentwickelt.
- Wenn Sie für Ihr Modell zu erstellen, fügen Sie Platzhalter-Text, um zu sehen, wie die verschiedenen Größen und Gewichte der Text auf der Seite fließen Design-Software verwenden.
- Online Farbe Schema Generatoren sind ein wertvolles Werkzeug in jeder Phase des Website-Design. Sie können wählen Sie aus vorgefertigten Designs, extrapolieren Fotos oder Bilder, die Sie mögen oder selbst erstellen.