WikiDer > Webdesign
Web-Design ist in erster Linie die Gestaltung von Webseiten in dem Internet, jedoch wird der Begriff regelmäßig in einem weiteren Sinne verwendet, der auch die technische Entwicklung von Websites umfasst. Da diese beiden Teile regelmäßig nicht von derselben Person durchgeführt werden, kann man auch zwischen Webdesign, das sich hauptsächlich auf das Frontend von Websites konzentriert, und Web Entwicklung (Webentwicklung) was ist auf dem Backend, oder technische Umsetzung davon. Webdesign weist Ähnlichkeiten mit dem grafischen Design traditioneller Drucksache, aber es gibt deutliche Unterschiede. So kann Video und Audio- sind Teil des Webdesigns und die Interaktion mit Besuchern ist anders.
Richtlinien im Bereich Webdesign sind in w3c, WCAG und web Guidelines.nl festgelegt. Zugänglichkeit und Benutzerfreundlichkeit sind dabei Grundprinzipien. Websites, die die Standards für gutes Webdesign erfüllen, können eine Marke von Stichting Drempelvrij beantragen.
Technische Aspekte
Struktur
Im Gegensatz zum traditionellen Aufbau von Büchern mit Inhaltsverzeichnis, diversen Registern, Kapiteleinteilung und ähnlichem sind Websites in der Regel weniger linear aufgebaut. Diverse Menüs, Suchfunktionen und manchmal auch Login-Funktionen Teile des Inhalts vor der Öffentlichkeit abzuschirmen Eine Möglichkeit zur Orientierung in einer Website ist die sogenannte is Breadcrumb-Navigation, wobei sich der vom Benutzer ausgewählte Pfad im Baumstruktur der Website ist auf jeder Seite angegeben.
Layout
Die inhaltliche Kohärenz der Botschaft einer Website wird im Text mit Computerbefehlen angezeigt. HTMLCodes eingeben. Darüber hinaus kann a Stylesheet. Es zeichnet Anweisungen über das gewünschte Aussehen bestimmter HTML-Elemente wie Schriftarten, Farben und Hintergrundbilder sowie die Positionierung und Abstände von Elementen auf der Site auf. Durch die Verknüpfung mehrerer Webseiten mit demselben Stylesheet ist es einfacher, die gesamte Site in einem einheitlichen Layout darzustellen. Das endgültige Rendering liegt jedoch nicht vollständig unter der Kontrolle des Designers, da verschiedene Leser unterschiedliche Geräte verwenden, um seine Websites zu besuchen.
Dynamische und interaktive Webseiten
Neben statischen Formatierungselementen können auch dynamische Elemente hinzugefügt werden, wie z Mouseovers, WebvideoFotos und dergleichen, aber auch separate interaktive Teile, zum Beispiel eine Karte, von der jeder Teil einzeln angeklickt werden kann. Es gibt verschiedene Techniken, um dynamische und interaktive Elemente hinzuzufügen: Javascript, Dynamisches HTML, Adobe Flash. Diese Websites stellen jedoch häufig Probleme für Benutzer mit Textbrowsern wie Luchs und für zum Beispiel blinde Menschen, die mit a . surfen Sprachbrowser oder Braillezeile, da keine alternativen Inhalte angeboten werden.
Anzeige
Websites sehen nicht auf jedem Computer und in jedem Browser gleich aus. HTML wird von jedem Computer/Browser separat interpretiert und angezeigt. Ein Webdesigner sollte daher dieser Multiform-Darstellung Rechnung tragen und wird daher ein browserübergreifendes Layout anstreben, um dies so gut wie möglich unter Kontrolle zu halten.
- Das Auflösung ist die Bildschirmgröße, gemessen in Pixel. Die Auflösung kann je nach Benutzer variieren. Eine große Auflösung bietet vor allem mehr Platz in der Breite, die Länge ist generell weniger wichtig, da sie beim Scrollen absorbiert wird. Ein Design, das nicht auf festen Bildschirmabmessungen basiert, heißt flüssiges Design, der Inhalt "fließt" hier sozusagen in den zur Verfügung stehenden Raum.
- Das Farbtiefe gibt an, wie viele Farben der Bildschirm anzeigen kann. In der Vergangenheit waren 256 Farben üblich und mussten berücksichtigt werden. Damals war die Webfarben stammen. Heute sind jedoch hohe Farbtiefen üblich.
- Das Farbwiedergabe kann je nach Bildschirm variieren. Auf einigen Computern ist ein Programm installiert, das eine Gammakorrektur durchführt, die Farben anpasst. Es macht auch einen Unterschied, ob es ein CRT- oder tftAnzeige verwendet wird.
- Die Arten Webbrowser ist auch wichtig. Jeder Browser hat seine eigene Interpretation des Codes einer Webseite. Durch die W3C sein Standards entwickelt, wie der Code zu interpretieren ist. Vor allem die Browser halten sich nicht immer vollständig daran Internet Explorer ist oft ein Problem für Entwickler.
Neben solchen technischen Anzeigeelementen erwarten auch (farben-)blinde, sehbehinderte oder gehörlose Nutzer, dass eine Website auch von ihnen aufgerufen werden kann.
Der Einfluss von Webdesign auf die Auffindbarkeit
Das Webdesign einer Website beeinflusst die Auffindbarkeit einer Website. Um die Auffindbarkeit in Websites wie Google und Bing zu erhöhen, können bei der Entwicklung eines Webdesigns eine Reihe von Strukturelementen für ein Webdesign berücksichtigt werden. Es ist beispielsweise wichtig, die Platzierung eines H1- und H2-Titels in einem Webdesign zu berücksichtigen. Das Hinzufügen eines Breadcrumb-Trails erhöht auch die Auffindbarkeit, da Suchmaschinen auf diese Weise die Site-Struktur besser verstehen.
Methode
Das Erstellen einer Website umfasst mehrere Schritte. Jeder Schritt kann in der Regel von einer anderen Fachperson durchgeführt werden. Bei der Erstellung einer neuen Website wird, nachdem klar ist, was die angestrebten Ziele sind, zunächst ein schematischer Entwurf, ein sogenannter Wireframe, erstellt, wie der Zugang funktionieren soll und welche Elemente enthalten sein sollen. Auf Basis dieses Wireframes wird dann ein grafisches Layout der gesamten Webseite erstellt, das zum Beispiel in Form eines einzelnen dargestellt werden kann JPEGDatei, begleitet von einer Reihe separater Bilder, die als separate grafische Elemente verwendet werden, oder als vollständig anklickbares Modell, das einen guten Eindruck vom endgültigen Rendering vermittelt. Den textlichen Inhalten wird ein Platz eingeräumt, das Verfassen der Texte ist jedoch ein separater Prozess. Häufig Lorem ipsum wird verwendet, um vorübergehend den für Texte vorgesehenen Platz zu füllen.
Das grafische Setup wird dann in HTML, sogenannte Bases, umgewandelt, in dem die mitgelieferten grafischen Elemente verwendet werden. Auch im Moment ist der textliche Inhalt noch zweitrangig. Da Text oft der ist Lorem ipsum benutzt. An dieser Stelle ist es möglich zu testen, wie der Code unter verschiedenen Bedingungen aussieht. Schließlich wird die Interaktivität hinzugefügt und die endgültigen Texte werden auf den verschiedenen Seiten der Website platziert. Es ist möglich, dass dies eine dynamische Website ist, auf der der Inhalt ist CMS kann angepasst werden. Die Codierung davon serverseitiger Teil fällt jedoch nicht unter Webdesign, sondern bleibt dem Webentwickler überlassen. Die Interaktivität und Endbearbeitung auf der Webseite selbst kann durch einen sogenannten Fronteer weiter verfeinert werden.
Barrierefreiheit
Mit dem Aufstieg von Smartphones, PDAs und andere (persönliche) Geräte, die Zugang zum Internet haben, verändern auch die Anforderungen an eine Website. Es scheint nicht einfach, die verschiedenen Nutzungsformen im Auge zu behalten, die heute in der Gestaltung und Konstruktion möglich sind. Webstandards, die unter anderem vom W3C entwickelt wurden, ermöglichen die Nutzbarkeit einer Seite unter all diesen Nutzungsbedingungen. HTML soll beispielsweise den Inhalt einer Webseite strukturieren, C.S.S um den (grafischen) Stil und die Kombination zu definieren ECMAScript/DOM um einer Seite Interaktivität hinzuzufügen. Ein Vorteil besteht darin, dass all diese Komponenten unabhängig voneinander entwickelt und verwaltet werden können.Tatsächlich wirkt sich die Vermischung von Inhalten, Stil und/oder Skripten sofort negativ auf die Nutzbarkeit einer Webseite für andere Anwendungen als einen PC mit Display aus -und-Internet-Explorer. Da die Verwendung anderer Browser, Betriebssysteme und Webgeräte stetig zunehmen, wird es für Webdesigner immer wichtiger, solche Nutzungen zu berücksichtigen.
Siehe auch
Richtlinien im Bereich Webdesign sind in w3c, WCAG und web Guidelines.nl festgelegt. Zugänglichkeit und Benutzerfreundlichkeit sind dabei Grundprinzipien. Websites, die die Standards für gutes Webdesign erfüllen, können eine Marke von Stichting Drempelvrij beantragen.
Externe Links
| Web-Design | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|