Category Archives: Webworking

Webdesign und Webworking – Tutorials, Tipps und Tricks rund um das Arbeiten im Web als Webdesigner und Webworker.

Von der Zeichnung zur Vektorgrafik

Von der Zeichnung zur Vektorgrafik

In diesem Inkscape Tutorial werden wir von einer Zeichnung als Vorlage eine Vektorgrafik erstellen. Für die Vorlage habe ich mit Bleistift einen Esel skizziert und eingescannt. Habt ihr keine Möglichkeit die Skizze einzuscannen, so könnt ihr auch einfach ein Foto von eurer Skizze machen und auf den PC laden. Dafür ist nicht unbedingt eine Digitalkamera…

Weiterlesen →

Wohin geht der erste Blick auf eine Webseite?

Wohin wir auf einer Webseite als erstes schauen

Wohin wir als erstes sehen hängt zum einen von unserer Erwartung ab und zum anderen von unserer Erfahrung. Wenn wir ein Buch in die Hand nehmen und es aufschlagen, dann blicken wir automatisch nach links oben, weil wir erwarten, dass dort das Buch beginnt, also der Titel des ersten Kapitels zu lesen ist. Wenn wir…

Weiterlesen →

Gesichter machen Webseiten einladender

Wie Gesichter im Webdesign auf den Betrachter wirken

Habt ihr gewusst, dass das menschliche Gehirn einen speziellen Bereich besitzt, der ausschließlich für die Erkennung von Gesichtern zuständig ist? Aber warum wird ausgerechnet die Gesichtererkennung so bevorzugt behandelt und nicht die übrigen visuellen Reize? Diese visuellen Reize werden nämlich in einem gemeinsamen Bereich, der Sehrinde, verarbeitet. Erkennen von Gesichtern Wir erkennen augenblicklich Gesichter wieder,…

Weiterlesen →

Betrüger unterwegs auf Facebook

Facebook Fakes, Betrug, Spam und Co – So schützt du dich

Facebook, das größte Social Network der Welt ist nicht nur ein Platz für Privatanwender und Selbständige, die sich mit anderen austauschen möchten, sondern auch ein Schlaraffenland für jene, die auf unsaubere Weise versuchen den einen oder anderen Euro zu ergaunern. Dabei helfen die Facebookuser leider immer wieder tatkräftig mit Falschmeldungen und Schadsoftware zu verbreiten. Da…

Weiterlesen →

Cascading Style Sheets (CSS) zur Website-Gestaltung

Cascading Style Sheets Grundlagen und Kurzreferenz

Während (X)HTML eine Auszeichnungssprache ist und zur Strukturierung von Inhalten dient und im optimalen Fall nicht zur Gestaltung genutzt wird, dienen Cascading Style Sheets, im folgenden nur noch CSS abgekürzt, zur Gestaltung von Inhalten, vorzugsweise in HTML-Dokumenten. Der derzeitige Standard ist CSS 2.1, auch wenn CSS3 immer weiter voranschreitet und in modernen Browsern auch Anwendung…

Weiterlesen →

Ein Button mit optischem Reiz

Tipps für Webdesigner – Optische Signale

Ich habe in dem Artikel Gestaltgesetze bereits einige Grundlagen über Gestaltung beschrieben, die beim Designen einer Website nicht außer Acht gelassen werden sollten. Der folgende Artikel führt weiter aus, wie wir die Dinge wahrnehmen. Er soll für die Erstellung von euren Websites eine weitere Unterstützung sein. Es werden noch weitere Artikel folgen, die euch Aufschluss…

Weiterlesen →

Inkscape, ein Open Source Vektorgrafikeditor

Inkscape, ein Open Source Vektorgrafikeditor

Vektoren werden für Bilder verwendet, die sich unbegrenzt vergrößern lassen müssen, wie zum Beispiel das Logo eines Unternehmens. Ein solches Logo kommt so ziemlich auf allem vor, was diese Firma betrifft. Stellt euch vor, dieses Logo soll nun auf einem großen Plakat erscheinen, wenn das Logo als Vektordatei vorliegt, kann es nun ganz unproblematisch auf…

Weiterlesen →

Bilderklau verhindern

Bilderklau verhindern – Tipps und Tricks

Hast Du auch schon eine von dir erstellte Grafik oder ein Bild auf einer fremden Website wiedergefunden? Das Ganze noch ohne deine Erlaubnis und dann fehlt zum Kompott auch noch der Hinweis auf den Urheber? Bilderklau im Internet wird von vielen Nutzern, wenn überhaupt, als Kavaliersdelikt angesehen und ein nicht unerheblicher Teil der Internetuser sind…

Weiterlesen →

Das Internet Archiv oder die WayBackMachine

Eine Reise zurück in die Vergangenheit zu den Anfängen des Internets Die Entwicklung des Internets schreitet rasant voran, was gerade frisch online gebracht wurde, ist quasi schon wieder alt. Websites, die nach den neuesten Standards erstellt wurden, hinken schneller als es einem lieb ist bald irgendwo hinterher, sei es im Design, im Aufbau, in der…

Weiterlesen →

Einen eigenen Font erstellen

Individuelle Schriftarten – den eigenen Font erstellen

Es gibt eine schier endlose Menge an Schriftarten, unzählige zum Kauf aber auch nicht wenige freie Schriftarten. Das Angebot ist kaum zu überblicken, trotzdem kann das Bedürfnis aufkommen, seine ganz eigene individuelle Schriftart zu haben. Eine einzigartige Schrift bei einer Font-Schmiede in Auftrag zu geben ist mit Sicherheit nicht gerade billig und wohl eher was…

Weiterlesen →

Die passende Schriftart für die eigene Webseite

Die passende Schriftart für die eigene Webseite

Wie im Artikel Webfonts – mehr Gestaltungsfreiheit für Websites geschildert, ist man mittlerweile nicht mehr zwingend auf die neun websicheren Fonts beschränkt, wenn es um die Wahl der Schriftarten für seine Website geht. Aber die Auswahl der perfekten Schriftart ist keine einfache Angelegenheit. Aufgrund der Masse an Fonts, die einem in der Regel zur Verfügung…

Weiterlesen →

Webfonts – mehr Gestaltungsfreiheit für Websites

Das Internet besteht aus Informationen. Informationen in Form von Bildern, Grafiken, Videos und manchmal auch Ton. Aber der allergrößte Teil dieser Informationen liegt in Buchstaben und Zahlen vor, also Inhalte in Textform. Bekanntermaßen ist Content King, und Content ist Text. Nur Texte lassen sich von den Suchmaschinen einwandfrei spidern, nur Texte können für sehbehinderte Menschen…

Weiterlesen →

Der Goldene Schnitt im Webdesign

Wer sich ein wenig mit Gestaltung beschäftigt, kommt am Goldenen Schnitt nicht vorbei. Der Goldene Schnitt gehört ebenso zu den Grundlagen von Design in jeglicher Form, wie die Gestaltgesetze. Das was in der Malerei, im Industriedesign oder für den Druck von Werbematerial zum wesentlichen Handwerkszeug gehört, muss das auch im Webdesign seinen festen Platz haben?…

Weiterlesen →

Humans.txt

Humans.txt, das Internet ist für Menschen nicht für Maschinen

Das Internet ist bekannt für die verschiedensten Organisationen und Ideen, doch diese ist besonders erwähnenswert. Die Rede ist von einer sogenannten humans.txt, man kann also vom Gegenstück der allseits bekannten robots.txt sprechen. Selbst Tante Google setzt die humans.txt seit geraumer Zeit auf ihren Websites ein. Was ist die humans.txt Das Motto der Initiative humans.txt lautet „We…

Weiterlesen →

HTML5 und CSS3 einsetzen?

HTML5 und CSS3 in Kundenprojekten einsetzen – ja oder nein?

HTML5 und CSS3 sind seit geraumer Zeit in aller Munde. Es scheint als haben Webworker, Webdesigner und Webmaster zu lange nach einer (R)evolution im Bereich HTML und CSS gewartet als das es verhindert werden könnte, diese Techniken produktiv einzusetzen. Der Weg ins Web 3.0 war lang und beschwerlich, doch so langsam scheint das noch junge…

Weiterlesen →

Page 3 of 5