Einige Punkte, auf die wir beim Entwurf einer Webseite achten sollten
|
Webdesign: Je nach persönlichen Vorlieben und Inhalt der Webseite ändert sich das Layout des Designs ständig. Wenn Sie den Hintergrund ändern, erhalten Sie ein anderes Gefühl. Es gibt kein festes Muster dafür, welche Art von Layout gut aussieht. Aus eigener Erfahrung habe ich folgende Punkte zusammengefasst: 1. Der Inhalt der Webseite sollte unkonventionell sein. Wenn man sich umschaut, sind viele persönliche Homepages im Internet einfach „Lebensmittelgeschäfte“. Der Inhalt ist allumfassend und die Themen sind alle gleich. Jeder hat einen „Software-Download“ und eine „Web-Navigation“, und von Anfang bis Ende ist keine Spur von „Frische“ zu sehen. Daher müssen wir uns beim Entwerfen einer Webseite Mühe bei der Auswahl der Materialien geben. Die Materialien sollten so „wenig“ und „fein“ wie möglich ausgewählt werden und müssen das „Neue“ hervorheben. Wenn wir darauf bestehen können, sie jeden Tag zu aktualisieren, glaube ich, dass eine solche Webseite von allen begrüßt wird. 2. Nachdem der Inhalt festgelegt ist, beginnen Sie nicht voreilig mit der Erstellung der Seite. Wir sollten das gesamte Layout planen und gestalten, uns genau überlegen, was das Thema ist und wie die Inhalte angeordnet werden, und dann am besten das Grundgerüst auf Papier zeichnen – das ist der Schriftsatz. Das Layout ist sehr wichtig. Ohne eine klare Hauptlinie wird das gesamte Layout ein Chaos. 3. Nachdem die Hauptzeile der gesamten Seite organisiert ist, müssen wir sie ergänzen, um die Integrität und Vollständigkeit der Seite sicherzustellen. Beispielsweise sollte der Seitentitel kurz und klar sein, damit die Leute auf einen Blick erkennen, ob die Website das bietet, was sie brauchen. Trennen Sie lange Texte durch Linien, damit sie auf einen Blick klar erkennbar sind. Wichtige Absätze sollten hervorgehoben werden, damit die Leute sich gezielt Informationen besorgen können. Wenn Sie auf der Webseite eine Postanschrift oder E-Mail-Adresse angeben, erleichtert dies die Kommunikation zwischen Ihnen und den Benutzern. Wenn Sie auf der Webseite Markenzeichen verwenden, dürfen diese keine Urheberrechte verletzen. Dies sind einige der Details, die berücksichtigt werden müssen. Dabei sollte insbesondere auf die spätere Wartungsfreundlichkeit und Aktualisierung der Website geachtet werden. 4. Wenn Sie eine Website erstellen, sollte der Inhalt nicht mit dem anderer Websites identisch sein. Wenn Sie einige Ihrer eigenen Artikel, Kommentare und Meinungen hinzufügen, wird das Vertrauen und der Respekt der Leute Ihnen gegenüber größer. Übersetzen Sie beispielsweise einige englische Tutorials, schreiben Sie einige Softwareanwendungen und analysieren Sie einige Beispiele für Produktionsprozesse. Schließlich ist es eine persönliche Homepage und sie sollte Ihre Persönlichkeit und Ihren Stil widerspiegeln. Lassen Sie alle Ihre Ansichten verstehen und akzeptieren, das ist der Geist einer persönlichen Homepage! 5. Bei der Erstellung von Bildern sollten sowohl Größe als auch Ästhetik berücksichtigt werden . Wenn Sie das leistungsstarke Tool Photoshop beherrschen und es mit anderer spezieller Bildsoftware wie Ulead, Paint Shop Pro usw. kombinieren, ist es im Allgemeinen nicht schwierig, schöne und exquisite Bilder zu erstellen. Bilder dienen jedoch dem Inhalt der Homepage. Gestalten Sie die gesamte Seite nicht zu bunt und überschatten Sie den Hauptinhalt nicht. Im Internet finden Sie zahlreiche Bilder, Galerien und Animationen. 6. Verwenden Sie keine umfangreichen Java-Programme. Wenn Sie stattdessen JavaScript verwenden können, versuchen Sie, Java zu vermeiden . Denn derzeit ist die Ausführungsgeschwindigkeit von Java so langsam, dass es unerträglich ist und die Betrachter oft ungeduldig warten müssen, bis die gesamte Seite angezeigt wird. Daher ist Ihr sorgfältiges Design wirkungslos! 7. Ein einzelnes Bild sollte 30 KB nicht überschreiten , die Gesamtzahl der Bilder pro Seite sollte 60 KB (im Allgemeinen) nicht überschreiten. Laut statistischer Analyse haben Webseiten mit nicht mehr als 60.000 Bildern pro Seite eine akzeptable Downloadgeschwindigkeit. Alle Bilder müssen „abgespeckt“ werden. Kleine Bilder (100 x 40) können im Allgemeinen innerhalb von 6 KB gesteuert werden, Animationen können innerhalb von 15 KB gesteuert werden und größere Bilder können in kleine Bilder „aufgeteilt“ werden. Es ist auch wichtig, die Formate JPG und GIF richtig zu verwenden. Verwenden Sie JPG für helle Farben und hohe Auflösung und GIF für monotone Farben und niedrige Auflösung. Bilder im Format gif89a können beim Download interlaced angezeigt werden. 8. Das Herunterladen von Bildern ist langsam. Wenn wir möchten, dass Benutzer den Inhalt des Bildes kennen, bevor es heruntergeladen wird, müssen wir das Bild mit Anmerkungen versehen. Auf diese Weise kann die Anmerkung dem Betrachter helfen, zu erkennen, worum es in dem Bild geht, wenn das Bild nicht angezeigt wird, sodass der Benutzer entscheiden kann, ob er warten oder klicken möchte. Dies ist besonders praktisch für reine Textbetrachter. 9. Achten Sie beim Entwerfen einer Webseite darauf, dass Sie die Auflösungen 640 × 480 bzw. 800 × 600 verwenden . Viele Browser verwenden eine Auflösung von 640 x 480. Obwohl eine Webseite bei einer hohen Auflösung von 800 x 600 attraktiv aussehen kann, kann sie im 640 x 480-Modus langweilig aussehen. Gestalten Sie mit wenig Aufwand eine Webseite, die in verschiedenen Auflösungen gut angezeigt wird. |
<<: So schreiben Sie ein Bild als Hintergrund und einen Link (Hintergrundbild plus Link)
>>: Mehrere Möglichkeiten zur Lösung von CSS-Stilkonflikten (Zusammenfassung)
Artikel empfehlen
jQuery-Plugin zur Implementierung des Minesweeper-Spiels (1)
Dieser Artikel teilt den spezifischen Code des er...
MYSQL8.0.13 kostenlose Installationsversion Konfiguration Tutorial Beispiel detaillierte Erklärung
1. Download, ich nehme 8.0 als Beispiel Download-...
Zusammenfassung der Verwendung spezieller Operatoren in MySql
Vorwort Es gibt vier Arten von Operatoren in MySQ...
Bringen Sie Ihnen bei, wie Sie ein React+Antd-Projekt von Grund auf erstellen
Bei den vorherigen Artikeln handelte es sich um m...
Implementierung einer Bildfragmentierungsladefunktion basierend auf HTML-Code
Heute werden wir einen fragmentierten Bildladeeff...
Was ist das Basis-Tag und was macht es?
Der <base>-Tag gibt die Standardadresse ode...
Zusammenfassung der grundlegenden Verwendung von CSS3 @media
//Grammatik: @media Medientyp und | nicht | nur (...
So erstellen Sie eine automatisierte Bereitstellungsumgebung für Docker, Jenkins und Node.js von Grund auf
Dieser Fall basiert auf dem CentOS 7-System Geeig...
Lösung für das Routing-Hervorhebungsproblem von Vue-Komponenten
Vorwort Früher habe ich den Cache verwendet, um d...
MySQL-Abfragedaten stündlich, geben Sie 0 ein, wenn keine Daten vorhanden sind
Nachfragehintergrund Als statistische Schnittstel...
Detaillierte Erklärung der Verwendung und Unterschiede zwischen Indizes und Ansichten in MySQL
Vorwort Dieser Artikel stellt hauptsächlich die V...
Detaillierte Erläuterung der Idee zur Implementierung dynamischer Spalten in AngularJS-Loop-Objekteigenschaften
AngularJS-Loop-Objekteigenschaften zum Erreichen ...
So aktualisieren Sie https unter Nginx
Kaufzertifikat Sie können es beim Cloud Shield Ce...
mysqldump-Parameter, die Sie möglicherweise nicht kennen
Im vorherigen Artikel wurde erwähnt, dass die in ...
MySQL Series 11-Protokollierung
Tutorial-Reihe MySQL-Reihe: Grundlegende Konzepte...