Beispiele für das Website-Design

Inhaltsverzeichnis:

Beispiele für das Website-Design
Beispiele für das Website-Design
Anonim

Lassen Sie uns nicht auf Zahlen und Berechnungen eingehen, da es unmöglich ist festzustellen, wie viele Seiten bereits im Internet existieren. Jeden Tag fallen Tausende, wenn nicht Hunderttausende von Websites aus und neue erscheinen an ihrer Stelle. Was ist der Grund für die Ausfälle? Warum gehen die Leute auf die Website und verlassen sie sofort? Die Antwort ist einfach und direkt vor Ihren Augen - das ist das Design der Seite.

Anziehungseffekt

Einverstanden, jeder hat bestimmte Seiten, die Tag für Tag besucht werden. Ich bin mir sicher, dass die meisten der mit Lesezeichen versehenen Seiten Lieblingsseiten mit Filmen, Büchern, Nachrichten, Spielen usw. sind. Warum versuchen wir nicht, nachdem wir eine Seite gefunden haben, eine andere ähnliche zu finden, die vielleicht noch besser ist? Die Antwort ist einfach! Die von uns mit Lesezeichen versehenen Seiten sind bequem zu verwenden - solche Seiten haben normalerweise eine bequeme Anordnung von Elementen, Kategorien und ein angenehmes Design, das das Auge nicht irritiert. Dies ist der "Anziehungseffekt", eine richtig gest altete Seite einmal zu besuchen - sie zu verlassennicht mehr wollen.

Schauen wir uns das Beispiel der Handelsplattform zwei Seiten an:

Beispielseiten
Beispielseiten

Zweifellos und unbestreitbar will Standort Nummer 1 so schnell wie möglich geschlossen werden, Standort Nummer 2 hingegen will verweilen. Warum passiert das? Auf der ersten Seite gibt es neben einem zufällig georteten Produkt auch eine farbliche Übersättigung, was man von der zweiten Seite nicht behaupten kann. Es gibt so ein wunderbares Sprichwort: „Sie treffen sich durch ihre Kleidung, aber verabschieden sie durch ihre Gedanken“, es ist auch auf Websites anwendbar, nur dass anstelle von Kleidung ein Design und anstelle von einem Geist eine Navigationsstruktur vorhanden ist. Nachdem der Besucher die Seite betreten hat, sieht er als Erstes das Farbschema und achtet erst dann auf die interne Navigation und Seitenstruktur.

Farbwahrnehmung

Die Hauptregel bei der Auswahl von Farben ist, es nicht zu übertreiben. Manchmal sind sogar zwei oder drei richtig ausgewählte Farben mehr als genug, ein anschauliches Beispiel dafür ist die Seite fb.ru. Viele Webdesigner verwenden eine Tabelle mit "sicheren" Farben, um ihre HTML-Site zu gest alten.

Tabelle sicherer Farben
Tabelle sicherer Farben

Safe heißt es deshalb, weil alle hier angezeigten Farben von absolut allen Usern in gleicher Weise übertragen werden. Diese Farben können als Standard beim Erstellen des Designs auf der Website bezeichnet werden.

Farbkompatibilität

Jede Farbe hat ihre eigene "freundliche" Farbe - dazu passt sie am besten. Es ist nicht nötig, das Rad neu zu erfinden und mit der Auswahl zu experimentieren, alles ist längst erfunden und gemeinfrei. Farbräder werden verwendet, um Farben auszuwählen. Itten. Das Bild unten zeigt ein Farbrad zum Anpassen von 2 übereinstimmenden Farben.

Komplementäre Farbkombination
Komplementäre Farbkombination

T. d.h. die gegenüberliegende Farbe innerhalb des Kreises gilt als die kompatibelste. Wenn Sie 3 passende Farben auswählen müssen, wird auch das Farbrad verwendet, nur die Farbanordnungslinie wird bereits geändert.

Triad - eine Kombination aus 3 Farben
Triad - eine Kombination aus 3 Farben

Und es gibt viele solcher Kreise, Sie können mehr passende Farben auswählen. Zum Beispiel vier.

Tetrad - eine Kombination aus vier Farben
Tetrad - eine Kombination aus vier Farben

Wenn Sie auf diese Weise Farben durch Ittens Kreise auswählen, wird die maximale Farbkombination erreicht und ein optisch ansprechendes Design der Website erzielt. Weitere Farbkreise finden Sie online. Lassen Sie uns ein wenig vom Hauptthema abweichen, denn ich möchte Sie darüber informieren, dass diese Itten-Farbräder sogar von professionellen Designern aus der Modewelt verwendet werden, d. H. Bei der Erstellung von Designerkleidung wird diese Farbabstimmungsmethode verwendet.

Interne Seitenstruktur

Wenn mit der Farbwahrnehmung mehr oder weniger alles klar geworden ist, dann bleibt noch ein wichtiger Indikator wie die interne Struktur der Seite oder mit anderen Worten - "Usability". Es reicht nicht aus, nur die richtigen Farben auf der Seite auszuwählen, wie die Praxis zeigt – an der schönen Gest altung der Seite kommt man nicht weit. Die korrekte Struktur der Website ist wie der Rahmen eines Hauses. Wenn sie nicht richtig geplant ist, ist es unpraktisch, darauf zu navigieren.

Alle Navigationselemente müssen vorher durchdacht, und noch besser - aufgeschrieben werden. StrukturDie Website sollte in erster Linie für Besucher verständlich und bequem sein. Viele Sites verlieren ihre Besucher, nur weil diese beim Betreten der Site nicht verstehen, wo und was sich befindet. Keine Notwendigkeit, mit einer Masse von Knöpfen vollzustopfen und eine Reihe von Funktionen aufzuhängen. Sie müssen immer durch die Augen des Besuchers schauen, wenn der Benutzer eine Funktion nicht benötigt, ist es besser, sie zu entfernen. Wiederum ist die Fb.ru-Website ein helles und korrektes Beispiel für das Website-Design, auf der alle Abschnitte so angeordnet sind, dass sie für den Besucher verständlich und bequem sind.

Der größte Fehler

Laut der durchschnittlichen Analyse glaubt ein Benutzer, der den erforderlichen Abschnitt oder die Informationen auf der Website nicht innerhalb von 15-30 Sekunden finden kann, dass dieser Abschnitt oder die Informationen nicht auf der Website vorhanden sind, und verlässt die Ressource. In den meisten Fällen für immer. Ein Paradebeispiel für eine Website mit schrecklicher Navigation:

Schlechte Seitennavigation
Schlechte Seitennavigation

Glauben Sie, dass es möglich ist, die notwendigen Informationen zu einer solchen Ressource zu finden, indem Sie nicht von der Suche aus, sondern einfach zur Hauptseite gehen? Ich denke nicht. Wieder die Farbsättigung und die Fülle an unverständlicher Navigation, die jeden Besucher in Erstaunen und Verwirrung versetzen wird. Um solche Fehler zu vermeiden, ist es notwendig, alle Bereiche zu gruppieren und in einem separaten Navigationsmenü zu platzieren, das für jeden Besucher verständlich ist.

Anmeldeformular

Ein weiterer wichtiger und beängstigender Faktor auf der Seite ist das Registrierungsformular. Manche versuchen im Registrierungsfenster die Daten fast der Ururgroßmutter zu sammeln.

Falsches Anmeldeformular
Falsches Anmeldeformular

Solche Registrierungsformularewaren schon früher in Mode, als das Internet erst in den Haush alten Einzug hielt. Heutzutage möchte der Internetnutzer die Informationen, die er benötigt, so schnell wie möglich finden, und lange Registrierungsformulare werden ihn trotz des hervorragenden Designs der Website zu 99 % abstoßen. Das nach heutigen Maßstäben ideale Anmeldeformular ist unten abgebildet.

Richtiges Anmeldeformular
Richtiges Anmeldeformular

Auch wenn diese Information nicht ausreicht, dann macht sich niemand die Mühe, sie nach dem Registrierungsprozess später vom Besucher anzufordern. Dieser Ansatz gilt als loyaler und freundlicher als das Registrierungsformular, das eher einem Bewerbungsformular ähnelt.

Website-Vorlagen

Viele Seiten werden jetzt auf modernen CMS-Systemen erstellt, die ein kostenloses Seitendesign bieten. Aber freies Design (Templates) trägt kein visuelles Design, wenn der Websitebesitzer also nicht versucht, es in irgendeiner Weise zu ändern, dann verschwindet eine solche Website in der Suche.

Erwähnenswert sind auch die ganzen Internetportale, die anbieten, darauf aufbauend eine eigene Website bereitzustellen. In diesem Fall gibt es sowohl Vor- als auch Nachteile:

  • Das erste und vielleicht einzige Plus ist die Einfachheit. Der Seitenrahmen wird in der Regel bereits von erfahrenen Designern nach solchen Ressourcen modelliert, die Gest altung der Seite wird bestimmten Anforderungen und Regeln unterworfen. Es bleibt nur, es mit thematischem Material zu füllen und auf die ersten Besucher zu warten. Daher zieht die Einfachheit und Bequemlichkeit solcher Dienste Anfänger an. Aber wenn die Website für ernsthafte Entwicklung und Wettbewerb eingerichtet istTop 1 in Suchmaschinen, dann ist es besser, einen solchen Service abzulehnen.
  • Von den Minuspunkten - die bereitgestellten Vorlagen können in den meisten Fällen nicht bearbeitet oder geändert werden, Sie müssen die ganze Zeit die bereitgestellte verwenden. Monotonie ist der Hauptnachteil, über den wir ganz am Anfang gesprochen haben, denn jede Site muss individuell sein und sich im Aussehen von anderen unterscheiden. Viele Einschränkungen, die unmöglich zu beschreiben sind, da jeder dieser Dienste seine eigenen hat.

Schlussteil

Alles, was in diesem Material beschrieben wird, gibt nicht vor, eine "Hauptanweisung" zu sein, Sie können und müssen immer alles auf Ihre eigene Weise tun - dies ist nur eine Sammlung der häufigsten Regeln und Fehler. Aber die wichtigsten Punkte, die hier in Form der Farbwahrnehmung und der inneren Struktur der Seite beschrieben werden, sind der Maßstab für die Gest altung der Seite. Falsch gewählte Farben werden jeden Besucher abschrecken, der gerade die Website betreten hat, und ein ungebildetes Design von Kategorien und Website-Elementen wird es ihm nicht ermöglichen, zu navigieren und die erforderlichen Informationen zu finden. Diesen Punkten sollte maximale Aufmerksamkeit geschenkt werden, und wie oben erwähnt, sollten Sie jede Website immer mit den Augen eines Besuchers und nicht mit den Augen eines Entwicklers betrachten.

Empfohlen: