Nicht nur Menschen werden durch ihre Kleidung empfangen, sondern auch Websites. Das Kleid der Website ist ihr Design. Eine hochwertige und ansprechende Gestaltung der Ressource hinterlässt bei den Nutzern einen positiven Eindruck und sichert so deren Loyalität und Bereitschaft, sich der weiteren Betrachtung zu widmen. Neben Qualität sind Originalität und Einzigartigkeit des Designs wichtig. Altmodische Themen stoßen Besucher ab. Aber die Entwicklung eines einzigartigen Designs ist teuer. Aus diesem Grund fragen sich viele unerfahrene Webmaster, wie man ein Website-Design mit eigenen Händen zeichnet.
Es ist notwendig
- - Bleistift;
- - Blatt Papier;
- - Rastergrafikeditor GIMP oder Photoshop;
- - optional: Vektorgrafik-Editor (zB CorelDraw);
- - optional: 3D-Modellierungsumgebung (3DStudio, Blender);
- - moderner Browser;
- - Zugang zum Internet.
Anleitung
Schritt 1
Entwickeln Sie ein Website-Design-Konzept. Entscheiden Sie sich für Stil, Farbschema und Seitenlayout (Größe der Site-Kopfzeile, Menüposition, Textblöcke, Bilder). Es ist gut, wenn das Designkonzept auf originellen Ideen basiert. Wenn sie jedoch fehlen, können Sie sich von der Analyse bestehender Lösungen inspirieren lassen. Zum Beispiel das Durchsuchen von Katalogen beliebter CMS-Themen. Das Ergebnis der Arbeit kann eine Skizze der Site-Seite sein, die mit Bleistift auf einem Blatt Papier erstellt wurde und die Zonen fester und unterschiedlicher Größe angibt.
Schritt 2
Erstellen Sie eine leere Site-Seitenvorlage in einem Rastergrafik-Editor. Öffnen Sie ein neues Dokument in einem grafischen Editor. Dokumentgrößen sollten sowohl horizontal (auch wenn Sie kein "flüssiges" Design erstellen möchten) als auch vertikal viel größer sein als die Mindestseitengröße. Fügen Sie eine neue transparente Ebene hinzu. Zeichnen Sie in der hinzugefügten Ebene das Bild der Seitenvorlage mit 1 Pixel dicken Linien unter Berücksichtigung der tatsächlichen Abmessungen der Elemente. Legen Sie für Seitendesigns mit fester Breite Ränder fest, die mit der Hintergrundfarbe gefüllt werden.
Schritt 3
Aus dem Internet herunterladen oder eigene Seitengestaltungselemente gestalten. Logo und einzigartige Designelemente können in der 3D-Modellierungsumgebung, im Vektor- oder Rastereditor erstellt werden. Eine große Anzahl von thematischen Bildern in hoher Auflösung ist in kostenlosen Internet-Fotobanken enthalten. Auch im Internet gibt es kostenlose Icon-Sammlungen, die Sie in Ihren Projekten frei verwenden können.
Schritt 4
Zeichnen Sie ein Website-Design. Fügen Sie einem Dokument, das eine Vorlage für eine Website-Seite enthält, in einem grafischen Editor transparente Ebenen hinzu. Wählen Sie die Bereiche aus, die dem Hintergrund der Seite entsprechen, und füllen Sie sie aus. Füllen Sie Bereiche mit Verlaufsfüllung und periodischen Texturen. Logo, statische Bilder, Symbole einfügen. Blockgrenzen zeichnen. Fügen Sie etwas Text hinzu. Platzieren Sie jedes fertige Designelement, statisches Bild und Logo auf einer separaten Ebene. Verschieben Sie Bilder in Ebenen, um das gewünschte Layout zu erreichen.
Schritt 5
Speichern Sie die funktionierende "Quelle" des Site-Designs im "nativen" Format des Grafikeditors. Auf diese Weise können Sie später zur Bearbeitung zurückkehren.
