Bei der Erstellung einer Website , wird manchmal der schwierigste Teil bestimmen das Layout. Adobe Photoshop bietet eine schnelle und einfache Möglichkeit , um eine Website zu erstellen Mockup . Durch die Verwendung von Schichten und eine Kombination von Photoshop- Design-Tools , der Prozess der Neuordnung der Blick und das Gefühl von Ihrer Website können sparen Sie Stunden . Anleitung
1

Bestimmen Sie die Größe Ihrer Website Mock Leinwand auf das Publikum bezogen . Zum Beispiel für ein Publikum, das immer noch eine niedrige Auflösung Kathodenstrahlröhre Monitor , würden Sie wollen , um eine Leinwandgröße , die 760 Pixel breit ist zu verwenden. Doch für einen Flachbild- Monitor mit der Auflösung bei 1.024 x 768 eingestellt , würden Sie wollen , um eine Leinwand, die 975 Pixel breit ist zu verwenden. Erstellen Sie ein neues Dokument , und legen die Größe der Leinwand .
2

Bestimmen Sie das Layout der Website. Verwenden Sie einfache Quadrate oder Ellipsen markieren Sie die verschiedenen Abschnitte für Ihre Mockup . Zum Beispiel , markieren Sie einen Raum für die Top-Banner , Banner der Seite , den Inhalt und die Fußzeile. Erstellen Sie jede Funktion auf einer neuen Ebene , so dass Sie leicht ordnen Sie die Website.
3

Bestimmen Sie die Schriftgröße und füllen Sie die Abschnitte , die Text enthalten mit Platzhaltertext . Doing eine schnelle Websuche für Lorem Ipsum , eine lateinische Rede von Designern verwendet , um zu sehen , wie der Text auf einer Seite zu suchen , wird diesen Text für Sie. Wenn der Hintergrund oder irgendwelche anderen Abschnitte einer Farbe bestehen wird , füllen Sie sie mit der richtigen Farbe .
4

Erstellen der Grafiken . Sie können Photoshop , um diese Grafiken , wie die Banner oder Logos zu erstellen , oder ziehen Sie sie von einem anderen Ort . Platzieren und Positionieren der Grafiken in der Mock- Website. Wählen Sie " Datei" und dann " Platz " und navigieren Sie zu dem Bild. Hinweis: . Halten Sie eine Photoshop Version der Grafik , so dass Sie sie später bearbeiten können
5

Feinabstimmung und bearbeiten Sie die Website Mock bis die Website aussieht, wie Sie es haben wollen schauen . Da jede neue Funktion ist auf einer anderen Ebene , können Sie schnell auf die verschiedenen Sektionen verschieben, ausblenden Abschnitte (Klick auf das Auge in der Ebenenpalette ) oder ersetzen Bilder und Farben .