NEWS t3n Webdesign

Webdesign

Webdesign Die optische Gestaltung, die Strukturierung und Nutzerführung von Internetpräsenzen im World Wide Web werden durch das Webdesign bestimmt. Die praktische Umsetzung des Webdesign richtet sich nach den individuellen Präferenzen des Inhabers einer Webseite und wird durch einen Webdesigner realisiert. Neben der künstlerischen Gestaltung einer Webseite ist die technische Umsetzung ebenso wichtig, so spielen auch das Programmieren, die Bildbearbeitung, die Suchmaschinenoptimierung (SEO) und das allgemeine Marketingkonzept eine tragende Rolle. Oftmals sind neben dem klassischen Webdesigner auch einzelne Grafiker, Programmierer und Journalisten an der Realisierung eines Webdesigns beteiligt.


Webdesign als kontinuierlicher Prozess: Ein Überblick von 1992 bis heute


In den Jahren 1991 bis 1993 konnten Webseiten mit Hilfe von simplen Linien-Webbrowsern aufgerufen werden. Der erste Mosaikbrowser wurde im Jahr 1993 von Marc Andressen und Eric Bina präsentiert. 1994 wurde das World Wide Web Consortium (W3C) mit dem Ziel gegründet, das Potenzial des World Wide Webs in seiner Gänze zu nutzen und allgemeingültige Protokolle zu schaffen. Im selben Jahr gründete Marc Andressen die Netscape Communications, das Unternehmen wurde durch den Webbrowser Netscape Navigator bekannt – ohne Berücksichtigung der traditionellen Standardprozesse verwendete Netscape erstmals eigene HTML-Programmierungen. In den Jahren 1996 bis 1996 wurden neue Technologien entwickelt, die das Webdesign maßgeblich beeinflussen, etwa Formatvorlagen, Java-Skripte und das dynamische HTML. Die Konkurrenz unterschiedlicher Webbrowser führte zu einer positiven Entwicklung und neuen, sinnvollen Technologien. Im Verlauf wurden immer neue Technologien entwickelt (Adobe Flash, Cascading Style Sheets, PHP etc.) die ein individuelleres Webdesign erlaubten, diese kontinuierliche Weiterentwicklung ist auch heute noch ungebrochen – das Webdesign ist also ein kontinuierlicher Prozess.

RSS t3n.de – Webdesign

  • SEO für Designer: Diese Grundregeln musst du einhalten
    SEO ist ein Thema mit vielen Facetten.  Der folgende Beitrag beschäftigt sich mit dem Teil der Suchmaschinenoptimierung, der durch den Designer einer Website erfolgen kann und auch muss. Schönen guten Tag liebe Designerinnen und Designer. Macht euch bitte gedanklich frei und hört nicht sofort auf zu lesen, bloß weil es hier um SEO gehen soll. […]
  • Modernes Webdesign: 15 Dienste für moderne Character-Illustrations
    Es ist ein unübersehbarer Trend auf vielen großen Websites: Illustrationen von Menschen in unterschiedlichen Lebenssituationen erfreuen sich großer Beliebtheit. Wir schauen, wo der Webdesign-Freelancer solches Material herbekommen kann. Illustrationen von Personen und eventuell noch einigen Alltagsgegenständen geben einer Website eine gewisse Persönlichkeit, den menschlichen Touch. Anders als Fotos lassen sie jedoch Interpretationsspielräume und spitzen die […]
  • Webdesign-Trends 2021 – Web und Alltag verschmelzen miteinander
    Design ist immer ein Spiegel dessen, was gerade in der Welt geschieht. 2020 hinterlässt deutliche Spuren in den Trends des nächsten Jahres. Selten war man sich beim Webdesign so einig. Geht es um die Trends für 2021, sehen Webdesigner Realismus als stilgebendes Element ganz weit vorne. Das Digitale wird immer mehr zum selbstverständlichen Bestandteil unseres […]
  • Evolution: Webdesigner und Webentwickler vereinen sich zu einem Berufsbild
    Sterben Webdesigner aus oder hat es sie nie gegeben? Vielleicht waren sie auch nur eine Interimserscheinung auf dem Weg in die vierte industrielle Revolution. Jetzt jedenfalls ist ihre Zeit vorbei, wenn sie überhaupt jemals da war. Diejenigen unter euch, die schon länger im Webdesign unterwegs sind, können sich vielleicht noch an die guten alten Neunziger […]
  • Responsive Webdesign: 4 Tools für die Viewport-Vorschau
    Auf einen Blick sofort sehen, ob euer CSS für die verschiedenen Viewport-Größen funktioniert? Dafür gibt es eine Reihe von Tools – diesesr Tool-Tipp stellt vier davon vor. Frontend-Entwickler, die für mehrere Viewport-Größen designen, sind meist mehr damit beschäftigt, das Browserfenster zu ändern, als damit, sich um den Code des UI zu kümmern. Zum Glück gibt […]
  • Webdesign: Diese Grundsätze der Seitennavigation sind zeitlos
    Mit dem Design der Navigation wurde schon viel experimentiert. Inzwischen können wir klare Empfehlungen dazu ableiten, wie wir vorgehen sollten. Dennoch kommt es auch hier auf den konkreten Einzelfall an. Das sogenannte Menü, das wir zur Seitennavigation verwenden, ist an unterschiedlichsten Positionen denkbar und kann das unterschiedlichste Aussehen annehmen. Es kann viele oder nur ganz […]
  • Talk to Me: Diese App will Coronaleugner entwaffnen
    Gespräche mit Coronaleugnern – vor allem in Familie und Freundeskreis – sind schwierig. Die neue App „Talk to Me“ soll euch dabei helfen, dennoch konstruktiv zu bleiben. Das Thema Corona polarisiert. Es ist kaum möglich, über Themen, die das neuartige Coronavirus Sars-CoV-2 und die davon verursachte Lungenkrankheit Covid-19 betreffen, in einer konstruktiven Weise zu diskutieren. […]
  • Minimal Webdesign: So funktioniert es richtig
    Was ist Minimal Webdesign und wie funktioniert es richtig? Diese Fragen beantworten wir heute. Dabei geht es nicht nur um das Design, sondern ebenso um das Minimal als Gesamtkonzept. Das entstammt nämlich nicht dem Design und ist auch nicht darauf limitiert. Minimalistisches Design ist in. Sämtliche Flat-Design-Ansätze, Material oder Fluent Design und wie sie nicht […]
  • Web für alle: Diese Sammlung mit über 200 Einträgen macht dich zum besseren Designer
    Trotzdem wir uns einig sind, dass niemand jemals ausgeschlossen sein darf, ist dieser hehre Grundsatz im Webdesign keine Selbstverständlichkeit. Hannah Milans Accessibilty Resources wollen das ändern. Hannah Milan arbeitet als Designerin für ein Telekommunikationsunternehmen des Inselstaats Bahrain. Eines ihrer Side-Projekte führte sie kürzlich an Fragen der Zugänglichkeit heran, als sie ein Design für Nutzer aus […]
  • Omatsuri: Diese 11 Alltags-Tools für Webentwickler funktionieren offline
    Mit der PWA Omatsuri erhalten Webdesigner und -entwickler eine kleine Sammlung nützlicher Open-Source-Tools für alltägliche Aufgaben. Vitaly Rtishchev ist Frontend-Entwickler und stammt aus Moskau. Sein Spezialgebiet ist die Entwicklung mit JavaScript. Mit der neuen Browser-App Omatsuri stellt er seinen Kolleginnen und Kollegen aus der Webentwickler-Community einen Werkzeugkasten zur Verfügung, der schon konzeptionell anders als andere ist. […]
  • Webdesign: Diese beiden frischen SVG-Icon-Sammlungen bringen dir fast 900 kostenlose Piktogramme
    Mit den Forge Icons und den Tabler Icons erhaltet ihr zwei brandneue Symbolsammlungen mit Piktogrammen in Outline-Optik. Da es sich um SVG-Entwürfe handelt, könnt ihr die Icons frei nach euren Wünschen anpassen. Tabler Icons Die Sammlung „Tabler Icons“ vom polnischen Designstudio Codecalm um den Webentwickler Pawel Kuna umfasst mittlerweile rund 560 Piktogramme im Vektor-Format SVG […]
  • Webdesign: Free Illustrations ist eine zentrale Anlaufstelle für kostenlose Grafiken
    Mit „Free Illustrations“ finden Webdesigner nun eine Zusammenstellung von Sammlungen freier Illustrationen vor. Immerhin fast 100 Sammlungen mit kostenlosen Grafiken der unterschiedlichsten Formate zählt die Übersicht bereits. Kostenlose Assets für das Webdesign gibt es im Netz zuhauf. Dennoch stehen Suchende vor mehreren Problemen. Zunächst wollen die großzügigen Bereitsteller gefunden werden. Dann muss der Suchende feststellen, […]
  • Webdesign: Revkit ist ein kostenloses UI-Kit für den schnellen Entwurf
    Der vollkommen kostenlos verwendbare UI-Setzkasten Revkit will Webdesigner bei der schnellen Umsetzung von Prototyp-Sites unterstützen. Das Kit gibt es als Datei für Sketch, Figma und Adobe Xd. Damit sollten 90 Prozent aller Gestalter erreicht werden können. Der UI- und Produktdesigner Nitish Khagwal legt mit der UI-Bausteinsammlung Revkit ein Tool vor, das den Webdesigner-Werkzeugkasten bereichern kann. Der Sinn […]
  • 5 kostenlose Tools zum Messen der Website-Geschwindigkeit
    Um ein positives Nutzererlebnis zu schaffen, sind die Ladezeiten und Reaktionsgeschwindigkeiten einer Website enorm wichtig. Wir stellen euch fünf Tools vor, um eurer Website dahingehend auf den Zahn zu fühlen. Schon seit einigen Jahren hat die Ladegeschwindigkeit von Websites Einfluss darauf, welche Position sie in den Google-Suchergebnissen erhält. Darüber hinaus sind aber auch Nutzerinnen und […]
  • Knopf.css: Diese Bibliothek sorgt für schicke Buttons in deinen Webdesigns
    Knopf.css ist eine Bibliothek mit einem Namen, der hält, was er verspricht. Mit ihrer Hilfe könnt ihr konsistent und einfach Schaltflächen erstellen. Eine Grundausstattung wird mitgeliefert. Es ist eine minifiziert 8,6 Kilobyte große CSS-Datei, die ihr in eure Website einbinden müsst, um die Basis für ein konsistentes und nachvollziehbares Button-Management zu bekommen. Denn um nicht […]
  • Webdesign: Moderne Illustrationen für deine 404-Seite
    Die Gestaltung guter Fehlerseiten für den HTTP-Fehler 404 ist eine Kunst ganz eigener Art. Wir haben zwei Sammlungen mit modernen Illustrationen gefunden, die perfekt für das Design einer 404-Seite geeignet sind. Der HTTP-Code 404 bezeichnet die häufigste Fehlermeldung des Internets. Ein Vertipper in der URL und schon kommt es zu dieser Meldung im Browser eurer […]
  • Webdesignmuseum.org zeigt dir das Web der 90er und 2000er
    Das Webdesign-Museum ist eine Sammlung mit mehr als 1.600 Screenshots von Designs aus der Zeit von 1991 bis 2006. Sie will das kreative Erbe der ersten Webdesigner erhalten. Petr Kovář und Ondřej Letocha, ihres Zeichens Historiker und Programmierer, sind die Betreiber des Webdesign-Museums. Ihre umfangreiche Sammlung markanter Designs aus den Neunzigern und den Nullern zeigt […]
  • Portfolio auf- und ausbauen: Macht es einfach, aber nicht für umsonst
    Keine Frage, gute Referenzen und ein überzeugendes Portfolio sind das A und O bei der Akquise, Kontakte und Netzwerke sind das i-Tüpfelchen – das gilt natürlich auch für digitale Nomaden. Für die von euch, die schon einige Berufserfahrungen haben sammeln können, sollte das kein Problem sein. Was aber, wenn ihr noch ziemlich am Anfang steht? […]
  • Atomic Design: So funktioniert kleinteilige Web-Gestaltung und deshalb ist sie sinnvoll
    Die Gemeinde der Webdesigner und -entwickler war noch nie verlegen darum, neue Begrifflichkeiten zu erschaffen. Ein Wörterbuch „Deutsch-Webentwickler“ gibt es wahrscheinlich nur deshalb noch nicht, weil es ein mehrbändiges Werk wäre, für das einfach der Markt zu klein ist. Heute schauen wir uns einmal den Begriff des „Atomic Design“ näher an. Atomic Design: Das Grundkonzept […]
  • 12 Podcasts für Designer und Entwickler 
    Tipps und Tricks für Webdesign und Programmierung gibt es massenhaft im Netz. In diesem Listicle stellen wir euch zwölf hörenswerte Podcasts für Entwickler und Designer vor – das Spektrum reicht von nutzwertig über unterhaltsam bis spannend. Wir mögen Podcasts. In diesem Listicle haben wir zwölf spannende Formate für die Designer und Entwickler unter euch kuratiert. […]