Jeder braucht eine Website , ob für Unternehmen, gemeinnützige Arbeit oder einfach den persönlichen Gebrauch. Allerdings wissen nicht viele von uns , wie man eine Website zu codieren. Auch wenn Sie nicht können Code einer Website , aber Sie können noch entwerfen eine Web-Seite mit einem Grafikprogramm wie Adobe Illustrator . Dies ermöglicht Ihnen, Ihre Web- Seite finden , so wie Sie es wollen, und dann jemand anderes kann die kodierende Teil dazu beitragen. Things You
Adobe Illustrator
brauchen anzeigen Weitere Anweisungen
1
Unentschieden Ihr Layout Ideen auf einem Stück Papier. Skizzieren ist der beste Weg , um die kreativen Säfte fließen beginnen und hilft Ihnen , sich mit guten Konzepten . Zeichnen Sie etwa 10 Skizzen von verschiedenen Layouts , dann wählen Sie Ihren Favoriten und ziehen mehr Varianten auf diesem Layout . Wenn Sie Ihr Layout Idee verfeinert , setzen Sie Ihre Skizze Papier neben Ihrem Computer für eine Referenz , während Sie in Illustrator zu arbeiten.
2
herunterladen Raster -Vorlage für Adobe Illustrator . Jede gute Website beginnt mit einem Raster, zu helfen, organisieren Inhalte und machen die Website optisch ansprechend . Die Standard- Breite 960 Pixel für eine Website , weil es kompatibel mit den meisten Bildschirmauflösungen ist , so einen finden, der 960 = Pixel breit ist. Öffnen Sie die Vorlage in Illustrator .
3
Begin Inverkehrbringen Felder , wo Ihre Web-Seite die Inhalte gehen, um als Führer dienen. Setzen Boxen, wo Sie Ihr Navigationsgerät , Spalten von Text und Bildern gehen wird. Dies nennt man wireframing . Navigation sollte auf der Oberseite oder an den Seiten zu gehen, nie an der Unterseite. Denken Sie daran, die wichtigsten Inhalte in der naheliegendste Ort setzen . Bewegen Sie sich nicht auf , bis das Drahtgitter ist beendet.
4
Anfang Ausfüllen Ihrer Drahtgitter mit Grafiken und Text. Sie können Grafiken aus anderen Programmen , andere Dateien zu importieren oder einfach erstellen sie in Illustrator as you go. Adobe Illustrator ist besonders gut für die Erstellung von Grafiken in Web 2.0-Stil, ein glatter , moderner Stil , der oft verwendet 3D -looking Elemente . Denken Sie daran, allgemeine Web - Typografie Leitlinien für Text : die Linie Höhe sollte etwa 150 Prozent der Höhe Ihrer Art , sollte Textgröße nie unter 10 oder 12 Punkte, und achten Sie darauf , dass Ihr Text Farbe mit dem Hintergrund kontrastiert ausreichend für das Lesen .
5
über Ihr Design sorgfältig Schauen Sie für alles, was verbessert werden kann . Kleine Details hinzufügen Finesse zu einem Design , so achten Sie auf Orte, wo man eine teeny Detail hinzufügen können. Oft kann jedoch ein Design durch eine Vereinfachung anstatt Zugabe zu verbessern . Fragen Sie Freunde für Rückfragen auch. Wenn Sie davon überzeugt sind, dass Ihr Design perfekt ist , sind Sie fertig . Sie können es zu einem Online- Service, der Illustrator-Dateien verwandelt sich in Webseiten zu schicken, oder lernen HTML und CSS und do it yourself !
