Adobe Illustrator ist die Grafik -Design-Industrie -Standard für Vektor-basierte Abbildung. Illustrator ist ein effektives Programm für die Erstellung von Grafiken für das Web. Illustrator kann an alle gängigen Bildformate machen , so dass für die einfache Integration von Vektor- Grafiken in Web -Design. Nutzen Sie anderen Adobe-Produkten , wie z. B. Image Ready , um Illustrator-Dateien richtig optimieren für Web - Grafiken bereit . Dinge, die Sie Geld Code-Compiler oder Web -Design-Programm
brauchen anzeigen Weitere Anweisungen
1
Verwenden Sie Papier und Bleistift , um Ideen zu entwerfen, zu planen und die Web -Schaltflächen. Nehmen Sie sich Zeit , um zu verstehen, was die Tasten müssen für alternative und wenn sie verwendet werden müssen , um für einen Rollover-Bild gemacht werden . Wählen Sie Schriftarten, Farben und Texturen, die mit der Website- Design arbeiten.
2
Adobe Illustrator öffnen und erstellen Sie ein neues Dokument. Stellen Sie die Maßeinheit Pixel. Die Größe wird auf die Bedürfnisse und Grenzen des Website-Design ab. Stellen Sie den Farbmodus auf RGB Farbe zu Farbe Genauigkeit zu garantieren.
3
Erstellen Sie den Text für die Schaltflächen mit schwarzen Buchstaben und einem weißen Hintergrund. Stellen Sie die Schriftart, Größe, Gewicht und Abstand , bis der Text ist ästhetisch ansprechend und klar zu lesen. Entwerfen Sie den Text in schwarz und weiß lässt typographische Klarheit.
4
Farbe hinzufügen, um die Web- Tasten-Design . Bei einer bestehenden Website , wählen Sie entsprechend mutige und auffällige Farben von der Website der bestehenden Farbschema. Wenn die Tasten nicht für eine bestehende Website , wählen Sie einen beliebten Farbschema oder ein neues erstellen . Subtile Variationen von Farbe schafft visuelle Interesse .
5
erstellen unverwechselbare Form für die Schaltflächen , so dass Website-Navigation ist einfach und unkompliziert . Abgerundet eins, zwei oder vier Ecken eines Rechtecks eine beliebte Methode der Erstellung von Web- Schaltflächen.
6
abweichender Farben und Design-Elemente für Rollover-Schaltflächen . Ein Rollover-Schaltfläche ist zwei Bilder, die den Austausch , wenn der Benutzer seinen Cursor auf die Schaltfläche. Rollover werden oft verwendet, um eine Anzeige einer aktiven Seite oder einen Link in einem Web -Design. Einfache Rollover , wie der Text Farbe ändern , sind wirksam.
7
hinzufügen Textur auf die Tasten . Texture ist eine beliebte Methode zum Hinzufügen von visuellen Interesse auf eine Website. Erstellen Sie eine benutzerdefinierte Textur mit einem Scanner oder einer Digitalkamera .
8
hinzufügen Schatten , Schraffur , Farbverläufe und andere Feinschliff an den Web -Schaltflächen.
9
Stellen eine neue Schicht für jedes neue Schaltfläche zur Vereinfachung des ausführenden Prozesses. Name Schichten zu differenzieren ähnliche Elemente .
10
Exportieren Sie die Tasten , indem Sie auf " Datei", " Exportieren" und speichern Sie auf der Website der Bilder -Ordner. Save-Buttons , die Transparenz verwenden als Portable Network Graphics , oder . Png . Save-Buttons mit hohen Mengen an Details wie . Jpeg , alle anderen als . Gif .
11
Fügen Sie die Tasten, um Ihre Website via Upload und Codierung. Testen Sie, um sicherzustellen, dass die Links funktionieren vor dem Start der Website öffentlich .
