Logo knabe::design

Webdesign

Webdesign (auch Webgestaltung) umfasst als Disziplin des Mediendesigns die visuelle, funktionale und strukturelle Gestaltung von Websites für das Internet.

Lassen Sie uns die Begriffe "visuell", "funktional" und "strukturell" doch einmal einzeln betrachten:

Die visuelle Gestaltung Ihrer Webseite ist ein elementarer Punkt. Oft zählt der erste Eindruck um neue Kunden zu gewinnen. Neben Bildern, Grafiken und Symbolen spielen hier insbesondere Farben und Schriftarten eine große Rolle. Mehr zur Gestaltung von Schrift und Farbe erfahren Sie weiter unten auf dieser Seite.

Natürlich muss eine Webseite funktional sein, also Ihre Funktion erfüllen und für den Anwender ansprechend und wenn möglich selbsterklärend gestaltet sein. Die meisten Anwender suchen unterbewusst Funktionen an bestimmten Stellen auf einer Webseite, was unbedingt bedacht werden muss. Darüber hinaus gibt es aber noch viele weitere Punkte wie z.B. "Suchmaschinenoptimierung" die zu beachten sind.

Der strukturelle Aufbau einer Webseite spielt ebenfalls eine wichtige Rolle. Denn neben dem Aufbau der Einzelnen Seiten ist auch die Verteilung und Erreichbarkeit, vereinfacht gesagt die Dateistruktur, dafür verantwortlich, dass Besucher die Seite intuitiv nutzen und Suchmaschinen die Inhalte in ihren Index aufnehmen können.

Begriffe im Webdesign

Webseite
Eine Webseite ist vereinfacht gesagt eine Datei (Einzelseite) im Internet, die über eine Internetadresse vom Server abgerufen und im Webbrowser angezeigt werden kann.

Website, Webpräsenz
Eine Website umfasst alle Einzelseiten einer Internetpräsenz bzw. eines Webauftrittes.

Homepage
Als Homepage wird meist die Ausgangsseite einer Website bezeichnet. Auch "Landingpage" oder "Home" sind übliche Begriffe für diese Startseite.

CSS
"Cascading Style Sheets" ist eine Sprache die geschaffen wurde um Inhalte vom Design zu trennen. Mit CSS definiert man Gestaltungsanweisungen, die den mit HTML beschriebenen Inhalten ein ansprechendes Layout geben.

HTML
"Hypertext Markup Language" kurz HTML ist eine Auszeichnungssprache zur Gestaltung digitaler Dokumente im Internet. Sie wurde unter anderem vom World Wide Web Consortium (W3C) deklariert und dient als das inhaltliche Grundgerüst für Ihre Website.

JavaScript
JavaScript ist eine Clientseitige, d.h. im Webbrowser ausgeführte Skriptsprache. Meist wird Sie genutzt um an einer bereits geladenen Webseite Änderungen vorzunehmen oder um auf Benutzereingaben zu reagieren.

PHP
PHP oder "PHP: Hypertext Preprocessor" ist eine zur Erstellung von dynamischen Webseiten genutzte Skriptsprache die auf dem Server ausgeführt wird. Hiermit lassen sich beispielsweise Gästebücher, Foren und Kontaktformulare realisieren.

Responsive Webdesign
Responsive Webdesign (RWD) ist eine Herangehensweise zur Gestaltung von Internetseiten. Mit RWD können Webseiten auf verschiedenen Endgeräten wie Smartphone, Tablet, Notebook usw. ansprechend dargestellt und angenehm bedient werden. In den Referenzen finden Sie einige Beispiele zu Responsive Wbdesign.

CMS
Ein CMS oder "Content-Management-System" ist ein System zur Verwaltung und Bearbeitung von Inhalten auf Webseiten. Vorteil hierbei ist, dass kaum oder wenig Programmierkenntnisse notwendig sind.

Schrift und Farbe im Webdesign

Farben haben für uns unterbewusst eine Bedeutung und lösen Gefühle aus. Lassen Sie sich bei der Auswahl von Schriftarten und Farben nicht von Ihren persönlichen Vorlieben leiten. Der Webseitenbesucher und potentielle Kunde entscheidet in Sekundenbruchteilen ob er Ihrer Aussage vertraut! Bei welchem der jeweils zwei Bilder trifft Ihrem Gefühl nach die Aussage mehr zu?

Beispiel 1 zu Schrift und FarbeBeispiel 2 zu Schrift und Farbe
Verschiedene Schriftarten und Farben zur gleichen Aussage
Beispiel 3 zu Schrift und FarbeBeispiel 4 zu Schrift und Farbe
Gleiche Schriftart und gleiche Farbe aber unterschiedliche Aussage

Manche Schrift-Farbkombinationen sind schon von anderen Firmen "belegt" und sollten wenn möglich vermieden werden. Kommen Ihnen die hier gezeigten Kombinationen bekannt vor?

Beispiel 5 zu Schrift und FarbeBeispiel 5 zu Schrift und Farbe
"Belegte" Schrift-Farbkombinationen eines Kommunikationsunternehmens und eines Limonadenherstellers

knabe::design teilen
teilen...



Datenschutzerklärung

Zurück zur Seite