Einfache Prinzipien des Webseitenlayoutdesigns_HTML/Xhtml_Webseitenerstellung

WBOY
Freigeben: 2016-05-16 16:43:25
Original
1254 Leute haben es durchsucht

In diesem Artikel wurden einige einfache Prinzipien für das Web-Layout-Design zusammengestellt, in der Hoffnung, für Webdesigner von Nutzen zu sein. In diesem Artikel wurden einige einfache Prinzipien für das Web-Layout-Design zusammengestellt, in der Hoffnung, für Webdesigner von Nutzen zu sein.
・Wiederholung: Wiederholen Sie bestimmte Seitendesignstile auf der gesamten Website.
Wiederholte Komponenten können eine bestimmte Schriftart, ein Titellogo, ein Navigationsmenü, Seitenrandeinstellungen, Linien einer bestimmten Dicke, die durch die Seite verlaufen, usw. sein.
Farbe ist auch als wiederkehrende Komponente nützlich: Legen Sie eine bestimmte Farbe für alle Titel fest oder verwenden Sie einen dezenten Hintergrund hinter dem Titel.

・Verwenden Sie Kontrast, um die Aufmerksamkeit des Lesers zu erregen.
Erregen Sie die Aufmerksamkeit des Lesers durch Kontrast. Sie können beispielsweise den Titel auf einem schwarzen Hintergrund hervorheben und eine große fette Schriftart (z. B. Heilongjiang) verwenden, die mit einer regulären Schriftart (z. B. Song Dynasty) unten übereinstimmt . Kontrast. Eine andere Methode besteht darin, einen Hintergrund hinter einem Textstück zu verwenden.
・Lassen Sie Leerraum um den Text herum, um das Lesen zu erleichtern und ein eleganteres Layout zu erzielen.
Weißraum ist eine Tugend. Ein Bildschirm voller dichter Wörter kann Menschen schwindelig machen. Sorgen Sie daher für angemessene Ränder und Zeilenabstände, um das Lesen zu erleichtern.
・Keep it simple.
Vermeiden Sie es, eine Technologie oder neue Technik nur zum Ausprobieren einzuführen, und halten Sie Ablenkungen auf ein Minimum.
Erwarten Sie nicht, dass die Leute das Plugin herunterladen, da viele woanders hingehen.
Konzentrieren Sie sich darauf, Informationen bereitzustellen, anstatt die Seite großartig aussehen zu lassen, während die Informationen in einem Nebel aus animierten Blitzen, blinkendem Text und anderen Spielereien verloren gehen.
・Vermeiden Sie nach Möglichkeit das Scrollen.
Beim Durchsuchen einer neuen Seite werfen Benutzer oft einen Blick auf den Inhaltsbereich der Seite und ignorieren die Navigationsmenüleiste (das bedeutet, dass der großformatige Flash-Header nutzlos ist, außer dass er gut aussieht!). Wenn die Seite für die Bedürfnisse des Benutzers irrelevant erscheint, klickt der Benutzer immer nach zwei oder drei Sekunden auf die Schaltfläche „Zurück“.
・Verwenden Sie keinen blinkenden Text.
Außer in einigen äußerst seltenen Fällen kann blinkender Text für Benutzer störend sein.
Das Gleiche gilt für animierten Text, der sehr sparsam eingesetzt werden muss.
・Versuchen Sie, das Textlayout zur Unterstützung der Navigation zu verwenden.
Wenn unsere Seite Dutzende von Links enthält, müssen wir diese Links klassifizieren und unterschiedliche Titel und Farbblöcke verwenden, um sie zu unterscheiden.
・Immer an die Zielgruppe der Website denken.
Welche Art von Person wird diese Website besuchen? Warum kommen sie zu Besuch und welchen Wissenshintergrund haben sie vor allem? Das Design und Layout der Seite muss die unterschiedlichen Bedürfnisse dieser Gruppen widerspiegeln.
・Verwenden Sie das Seitenlayout, um die Titel hervorzuheben, nach denen die Leute suchen.
Sobald Sie die Bedürfnisse Ihrer Kundengruppe verstanden haben, können Sie die Titel analysieren, die sie am meisten sehen möchten, und das Seitenlayout verwenden, um diese Titel hervorzuheben. Natürlich ist die Durchführung einer Kundenbefragung eine gute Möglichkeit, herauszufinden, was ihnen am Herzen liegt.
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage