Webmastering - Webdesign Webmastering - Webdesign Webmastering - Webdesign Webmastering - Diseño web Webmastering - Webdesign

Einführung in webdesign

Der Begriff « webdesign » bezeichnen Sie die Disziplin, die darin besteht, die graphischen Elemente eines Netzstandortes zu strukturieren, um durch eine ästhetische Dimension die sichtliche Identität der Gesellschaft oder der Organisation zu übersetzen. Es handelt sich so um eine Etappe von sichtliche Konzeptionim Gegensatz zur funktionellen Konzeption (Ergonomie, Navigation).

Der Gegenstand des webdesign besteht darin, das Bild des Unternehmens oder der Organisation mit Hilfe graphischer Elemente zu valorisieren, um seine sichtliche Identität zu verstärken und dem Benutzer ein Vertrauensgefühl zu verschaffen. Trotzdem gemäß den Ergonomiekriterien muß ein Netzstandort vor allem die Erwartungen der Benutzer erfüllen und ihm erlauben, die Information leicht zu finden, die er sucht.

Das webdesign ist so ein Kompromiß zwischen einer Vorstellung, die eine Graphik besitzt, die, erlaubt die eine Glaubwürdigkeit und ein Markenzeichen dem Unternehmen und eine nüchterne (sogar geprüft zu geben überrascht,) Navigation, die dem Benutzer erlauben, leicht zu finden, was er sucht.

Durch Ausdehnung der Begriff webdesigner bezeichnen Sie das Handwerk, das darin besteht, das Design einer Webseite zu planen.

Die notwendige Inspiration

Das Design einer Netzseite ist vor allem eine künstlerische Handlung, die den Erfindungsgeist und die Schaffung verwirklicht. Das Ziel dieses Führers besteht darin, einige Schlüsselelemente zu geben, die erlauben, ein wirksames Design zu erhalten, trotzdem eine gute Inspirationsquelle kann darin bestehen, Referenzstandorte insbesondere von den professionellen Standorten zu besuchen. Es ist insbesondere interessant zu untersuchen, wie jedes von zwischen-ihnen die Information verfügt, wie die Menüs und die Datenuebertragungsblöcke vorwärts und im allgemeinen gestellt werden, zu bestimmen, was dafür sorgt, daß ein Standort erscheint.

Anordnung der Seite

Sie führt im allgemeinen zur Schaffung von Seitenmodelle (auf Englisch templates) dient als Spurlehren für die Schaffung des Netzstandortes. Die templates sind Bilder, die in Form von Pausen oder von den Netzseiten entstehen, die das graphische Skelett einer Standardseite darstellen.

Die traditionelle Struktur einer Netzseite ist das folgende :

  • ein Logo, das in oberem Teil angesiedelt ist, links. Meistens ist das Logo cliquable und führt zur Empfangsseite ;
  • eine Navigationszone (menu), die links und/oder rechts angesiedelt ist ;
  • ein Titel, der den Namen des Standortes enthält, ein Navigationsfries und eine für einen Banner vorgesehene Zone (Werbefachmann oder nicht) ;
  • ein Seitenkörper, der das Wesentliche der Information enthält ;
  • ein Fuß Seite, der nützliche Informationen wie das Aktualisierungsdatum, eine Verbindung in Richtung eines Kontaktformulars, eines Zugangsplans zusammenfaßt, usw.

agencement de la page web

Es ist wesentlich, im template zu unterscheiden, was von unveränderlichen, identischen Elementen auf allen Seiten oder Variablen von einer Seite zur anderen aufhebt.

Grafikkarte

wir nennen « Grafikkarte » (auf Englisch graphic charter) das synthetische Dokument, das die Regeln der Vorstellung der graphischen Elemente eines Netzstandortes wiederholt, die seine sichtliche Identität übersetzen.

Die grafikkarte definiert die graphische Kleidung der Seite insbesondere die Größen, Farben und Anschein der Texte, Bilder und Knöpfe des Standortes sowie die relative Lokalisierung der Gegenstände in der Seite.

Modell

die Modell ist ein Standort künstliches und zusammenfassendes Netz (Prototyp), der die Graphik des Standortes und seine Navigation vorstellt. Das Modell erlaubt, die Konzeption des Standortes zu formalisieren und stellt im allgemeinen die Bewertungsetappe dieser Phase dar, um zur Verwirklichungsphase überzugehen.

Das Modell stellt die Hauptseiten des Standortes (ohne Inhalt) mittels statischer Seiten dar und erlaubt, die Navigation zu simulieren. Somit können die dynamischen Elemente wie der Suchmaschinen zum Beispiel nach einer Seite führen, die künstliche Ergebnisse vorstellt.

Dimension der Seiten

Die Größe der Netzseite hängt hauptsächlich von der Definition des Anschlags (der Entschließungsbegriff wird zu Unrecht benutzt) des Internet-Benutzers ab

In Bezug auf Breite besteht das Ideal darin, einen Wert zu wählen, der niedriger ist als die horizontale Definition der Mehrheit der Besucher, um nicht sie zu zwingen, den Bildschirm mit dem horizontalen Scroll-Balken defilieren zu lassen. Eine kurze Seite erlaubt in der Tat dem Besucher, die Information leicht zu überfliegen, um die Elemente zu entdecken, die es interessieren.

Was die Länge betrifft ist es wünschenswert, drei bis fünf Bildschirmhöhen nicht zu überschreiten. In der Tat riskieren die zu langen Seiten, nicht in Ganzem gelesen zu werden und sind länger zu beladen.

Um einen optimalen Anschlag für den Großteil der Besucher zu garantieren gibt es mehrere Strategien :

  • Die kleinste durch die größte Zahl getragene Breite wählen (zwischen 600 und 800 BreitenPixel zum Beispiel) ) ;
  • Eine Seite wählen, die unsichtbare Tabellen veränderlicher Breiten umfaßt (die in Prozentsätzen definiert wurden) ;
  • Die Entschließung der Besucher mittels eines Skriptes feststellen (in javascript zum Beispiel) und rediriger der Besucher in Richtung einer Seite der guten Breite. Diese Methode erfordert, daß die Besucher einen aktivierten Surfer mit Javascript haben, und verlangt, genausoviel Seiten zu schaffen, daß von gewünschten Breiten .

Position der Informationen

Bei der Schaffung der Seiten hat die Position der Information ihre Bedeutung. In Anbetracht des Sinns der Lektüre der Informationen (in Diagonale der linken die Ecke, höher ist, als die gerade niedrigerere Ecke), wird die Information, die in oberem Teil Seite angesiedelt ist, größere Chancen haben, von den Internet-Benutzern gelesen zu werden

Wahl der Farben

Er wird geraten, nicht mehr als drei andere Farben in einem Netzstandort zu benutzen, um das Nüchternheitskriterium einzuhalten. Die Wahl der Farben muß gegebenenfalls den Farben der Organisation entsprechen (insbesondere an den Farben des Logos) und eine besondere Umgebung ausdrücken.

Ungeachtet der Wahl der Farben wird empfohlen, eine vorherrschende Farbe aufzustellen, die den Großteil der Seite Netz und ein oder mehrere dynamischere sekundäre Farben (mehr leben) darstellt, in geringeren Anteilen, um Elemente in Inschrift zu stellen.

Die Farben besitzen ein symbolisches implizit. Es ist also wichtig, sie in Kenntnis der Sachlage zu wählen. In der Tat beeinflussen die Farben das Verhalten der Individuen :

  • physisch: Appetit, Schlaf, Temperatur des Körpers usw.
  • emotional: Angst-, Sicherheits-, Freudengefühl usw.
  • psychologiquement : dynamisme, concentration, etc.
Die nachstehende Tabelle wiederholt die mit den Farben klassisch assoziierte Bedeutung :

Farbe Symbolisch méliorative Symbolisch pejorativ Gebiet
Blau Ruhe, Vertrauen, Genehmigung, Beruhigung, Ruhe, Schutz, Ernst, Mystik, bonté, Wasser, Raum, Frieden Kälte, Schlaf Voile, technologies nouvelles, informatique, médecine
Lila Delikatesse, Leidenschaft, Diskretion, Bescheidenheit, Religion. Mélancolie, tristesse, deuil, insatisfaction Kultur, Politik
Rosa Charme, Intimität, Frau, Schönheit Naivität Persönliche Zeitung, Frauen
Rot Hitze, Kraft, Mut, Dynamismus, begeistert Triumph, Liebe. Gewalt, Zorn, Gefahr, Dringlichkeit verbotene Blut, Hölle. Luxus, Methode, Sport, Marketing, Medien
Orange Lauheit, Komfort, Ehre, Glück, Reichtum, Ehre, Vergnügen, Frucht, Geruch, Spannkraft, Vitalität. Feuer, Alarm Unterhaltung, Sport, reist
Gelb Licht, Fröhlichkeit, Sonne, Leben, Macht, Würde, aber Reichtum, Unsterblichkeit. Betrug, Egoismus, alarmiert Eifersucht, Stolz, Tourismus
Grün Natur, pflanzliches Leben, Hilfe, Gleichgewicht, Glauben, Beruhigung, Ruhe, Vertrauen, Toleranz, Hoffnung, Stolz, Jugend, Barmherzigkeit.   Entdeckt Natur, Reise, Erziehung
Braun Ruhe, Philosophie, Boden. Dreck Umwelt
Weiss Reinheit, Unschuld, Schnee, Sauberkeit, Frische, Reichtum.   Mode, Aktualitäten
Grau Neutralität, Respekt   Design, Assoziationen, Organisationen ohne Erwerbszweck
Schwarz Nüchternheit, Luxus, schadet. Tot Dunkelheit, Traurigkeit, Monotonie. Kino, Kunst, Photographie und Verbot

Die Zusammensetzung der Farben hat ebenfalls einen Einfluß auf die Wahrnehmung der Volumen. Die Zusammensetzung der Farben kann erlauben, ein Gutgefühl freizusetzen, sowohl für die Dekoration eines Hauses als auch für die Graphik eines Netzstandortes zu sein.

Der chromatische Kreis ist ein gutes Werkzeug, das erlaubt, die Wechselwirkungen zwischen den Farben zu verstehen. Der chromatische Kreis ist eine Kreisdarstellung der Farben, auf der die folgenden Farben enthalten sind :

  • Die primären Farben (rot, gelb, grün) Farben« pures »,
  • Die sekundären Farben (cyan, magenta, gelb), die durch Mischung zu gleichen Teilen von zwei angrenzenden primären Farben erhalten wurden. Die sekundären Farben werden diametral ihrer ergänz Farbe (substraktiv) auf dem chromatischen Kreis entgegengesetzt ;
  • Die Erdfahrben Sektorfarben, die durch Mischung einer primären Farbe und einer sekundären Farbe erhalten wurden.
Die Farben werden ebenfalls in Farben kategorisiert« chaudes »(le argile proche est dont tu bleu).und« froides »

cercle chromatique

Es gibt universelle Regeln, die die Harmonie der Farben leiten, die auf physische Eigenschaften des Auges zurückzuführen sind. In der Tat, wenn er eine Farbe betrachtet, schafft das Auge automatisch auf seinem Umriß einen Filter der ergänz Farbe. Man spricht über«  gleichzeitiger Kontrast ». Mit diesem Mechanismus hängt die Wahrnehmung der Farben von den benachbarten Farben ab. Somit wird das gelb orangefarbener scheinen, wenn er mit blauem verbunden ist, und das blaue violetter scheinen wird. Ein blaues neben einem roten wird grün erscheinen, usw.

Außerdem schaffen benachbarte Farben auf dem chromatischen Diagramm ein Gleichgewichtsgefühl für das Auge gemäß dem Fehlen eines Kontrasts man sprechen so über«  Analogie Harmonie ».

Es gibt also insgesamt zwei HauptArt und Weise, harmonische Farben zu wählen  :

  • Farbe, an der die Töne nah sind, wählt Nuancen ein und derselben Farbe, Farben ebenso ist und
  • indem man ergänz Farben (heiß und kalt) mischt, das heißt Farben, die auf dem chromatischen Diagramm entfernen. Für zwei Farben reicht es aus, ergänz Farben zu wählen, diametral entgegengesetzt ; Für drei Farben müssen die ausgewählten Farben ein Dreieck bilden, usw.

Schließlich werden Elemente heißer Farbe insgesamt größer scheinen als Elemente kalter Farbe.

Bilder Auswahl

Die Bilder erlauben, einen Netzstandort zu verzieren und es fröhlicher zu machen. Trotzdem kann der Bildmißbrauch den sichtlichen Komfort sowie die Ladung der Seiten behindern.

Die Anfängerwebmasters mögen, ihren Standort mit einer amüsierenden Belebung glanées auf dem Netz aufzuheitern. Im Rahmen des Möglichen ist es vorzuziehen, davon sich zu ereignen, denn sie können den Leser aufregen, und Reisebus geben sie dem Standort einen Amateurcharakter.

Hintergrundfarbe

Die Wahl der Hintergrundfarbe (auf englisch Die Wahl der Hintergrundfarbe (auf englisch) ist von vorrangiger Bedeutung, denn ein schlecht gewählter Hintergrund kann die Lesbarkeit behindern. Ein guter Kontrast zwischen der Vordergrundfarbe und der Hauptfarbe des Hintergrunds ist notwendig. In diesem Zusammenhang wird es stark abgeraten, einen graphischen Hintergrund zu wählen, denn er kann die Lektüre behindern und setzt im allgemeinen ein Amateurismusgefühl frei. Der Hintergrund muß so im allgemeinen gewählt werden sehr blaß.

Typographie

Er wird stark kontraindiziert, mehr als zwei Polizei auf einem Netzstandort zu benutzen. Die stilisierte Polizei muß mit Sparsamkeit benutzt werden (für den Titel zum Beispiel) und das Wesentliche der Netzseite muß mit einer klassischen Polizei verwirklicht werden (Arial, Verdana, Helvetica usw.).

Für eine traditionelle gedruckte Benutzung vereinfacht die Spannweitepolizei (serif), im allgemeinen die Lektüre, denn die Spannweiten erlauben, den Blick vom Leser zu begleiten.

Auf dem Netz wird die Benutzung solcher Polizei abgeraten, denn nach der Definition des Bildschirms des Besuchers können die Spannweiten hemmende Fliegenbeine für die Lektüre sehr schnell werden. Somit ist es wünschenswert, eine Polizei ohne Spannweite (ohne serif) plus Runden zu wählen.

Schließlich wissen Sie, daß die Texte, die eine nicht Standardpolizei benutzen, nicht richtig auf den Bildschirmen der Internet-Benutzer erscheinen können. Um Titel mit einer solchen Polizei zu schaffen ist es trotzdem möglich, diese Begrenzung zu umgehen, indem man transparente Bilder schafft, die den Text umfassen.

Grafische Symbole

Er wird geraten, von Piktogrammen oder von Piktogrammen zu brauchen, um eine sichtliche Signalgebung aufzustellen. Beachtung dennoch an der Wahl der Symbole, denn der vom Benutzer wahrgenommene Sinn kann von jenem verschieden sein, den man ihm zuteilt insbesondere, wenn der Netzstandort eine internationale Berufung hat. Die folgenden Piktogramme werden so im allgemeinen benutzt :

  • eine Lupe symbolisiert gewöhnlich eine Forschungsfunktion ;
  • ein Umschlag teilt die Möglichkeit mit, das webmaster durch Allee zu kontaktieren ;
  • ein Abfragepunkt charakterisiert eine online Hilfe ;
  • ein Haus stellt eine Verbindung in Richtung der Empfangsseite dar ;
  • eine Fahne teilt die Sprache der laufenden Seite oder die Möglichkeit mit, Sprache zu ändern.


Letzte Änderung am Mittwoch 1 April 2009 à 14:16:19.Das Dokument mit dem titel « Webmastering - Webdesign » aus Kioskea (de.kioskea.net) zur verfügung gestellt wird unter den bedingungen der Creative Commons lizenz. Können Sie ändern, Kopien dieser Seite, unter den Bedingungen der Lizenz, als diese Bewertung deutlich.
Beste Antworten für « Webmastering Webdesign » auf :
Webmastering - Webdesign Sehen Einführung in webdesign Der Begriff « webdesign » bezeichnen Sie die Disziplin, die darin besteht, die graphischen Elemente eines Netzstandortes zu strukturieren, um durch eine ästhetische Dimension die sichtliche Identität der Gesellschaft oder...
Webmastering - Ergonomie einer Webseite Sehen er Begriff der Webseite Die Ergonomie ist der Gebrauch von wissenschaftlichen Erkenntnissen über den Menschen (Psychologe, Physiologie, Medizin) zum Zweck, sein Arbeitsumfeld zu verbessern. Die Ergonomie wird vor allem durch zwei Komponenten...
Webmastering - Pflege und Aktualisierung einer Website Sehen Pflege Logisitk vorbereitenAktualisierung Überprüfung der links Nicht selten werden links auf Webseiten überflüssig, man spricht dann von gebrochenen links oder kaputten links. Das Problem bei diesen links ist, dass sie auf externe Webseiten...
Download PSPad Sehen"PSPad ist ein besonders auf Programmierer und Webdesigner zugeschnittener unicode-fähiger Editor für Microsoft Windows mit den folgenden Merkmalen: Einfaches Arbeiten mit verschiedenen Entwicklungsumgebungen Farbig hervorgehobene Syntax...
Webmastering - Beobachtung des Standortes SehenNotwendige Beobachtung eine Webseite Verhaltens Studie Die Studie des Verhaltens der Internet-Benutzer über den Standort kann einen qualitativen Hauptindikator darstellen, der erlaubt, die Qualität des Standortes zu verbessern.Somit, wenn es...
Webmastering - Webseiten - Konzeption SehenKonzeption einer Website die Konzption einer Webseite muss ein partizipativer Vorgang sein, nutzerorientiert, d.h. sie muss, soweit möglich, in Übereinstimmung mit den Vertretern der Firma oder Organisation und seinen Nutzern sein, damit eine...
Web Designer SehenWeb Designer Der Web Designer entwirft das visuelle Erscheinungsbild von Websites und legt deren Aussehen fest (Modellierung, Layout von Graphikelementen, Auswahl der Bilder, Farben, Schriften, etc.) Das Ziel des Webdesigners besteht darin, das...