Webdesign

Statik ist out – Dynamik ist in. Webdesign folgte einst einer simplen Rechnung: HTML plus Stylesheet ist gleich Webseitengestaltung. Diese ist längst überholt. Heute zählen Interaktion und Optimierung der Usability und eine stimmige, dem jeweiligen Onlineangebot angemessene User Experience.

Webdesign dient der visuellen Kommunikation im Internet. Entsprechend verfügen Webdesigner über Kenntnisse in den Bereichen Webtypografie, Grafikdesign und Mediengestaltung. In enger Zusammenarbeit mit der Webentwicklung entwerfen sie die Navigation, das Interface Design und die Benutzerführung einer Website. Immer mehr folgt das Webdesign auch ergonomischen Gesichtspunkten. Eine gute Usability und Accessability sowie Barrierefreiheit sind wichtig, um möglichst viele User im World Wide Web zu erreichen und ihnen angenehme Nutzungserfahrungen zu bescheren.

In den vergangenen Jahren hat sich das Internangebot und das damit verbundene Nutzungsverhalten stark gewandelt. Wo einst Nutzer Webseiten nur rezipierten, nutzen sie heute die dargebotenen Informationsangebote auch für Interaktionen – ob geschäftlich oder privat, jeder »liked«, »shared«, kommentiert oder schreibt seine Meinung ins Netz.

Dementsprechend hat sich das Tätigkeitsprofil eines Webdesigners verändert. Er muss nicht nur eine Benutzeroberfläche gestalten, sondern sich auch in den Prozess von Strukturierung und Konzeption einbringen. Responsive Webdesign lautet das Stichwort. Nutzer klicken Internetseiten auf dem Computer, dem Tablet oder auf dem Smartphone, und die Darstellung für jedes Medium ist längt zur Selbstverständlichkeit geworden.

mehr

Gehalt, Webdesigner, Webdesign

Mit welchem Gehalt können Webdesigner rechnen?

Ein Vergleich zwischen 2016 und 2017 …

mehr

Navigationsmuster: Priority+ oder Tableiste?

Navigationskonzepte für mobile Geräte stehen ganz im Zeichen der Ökonomie. Meist heißt es Platz sparen, um alle Inhalte auf dem kleinen Screen unterzubringen.

mehr

Navigationskonzepte: Wo geht’s lang?

Vor allem der begrenzte Platz auf den Screens mobiler Devices hat dem Hamburger-Icon Vorschub geleis­tet – inzwischen ist allerdings klar, dass es nicht zur Universallösung taugt.

mehr

Web & Landing Page Design: So verbessern Sie Ihre Nutzersignale

Severin Lucks, SEO-Berater und Geschäftsführer von Delucks in München, zeigt im Gast-Beitrag, wie man die Absprungrate reduzieren und gleichzeitig Verweildauer, Klickrate, Conversions und Social Signals erhöhen kann.
mehr

Anzeige

Cascading Stylesheets, Cascading Style Sheets, Onepager, Screendesign, Grafikdesigner, modernes Webdesign, Kommunikationsdesign, Website erstellen, Grafikdesign, One-Pager

CSS-Grundlagen-Tutorial für Designer

In diesem Workshop führen wir Sie durch die Grundlagen von CSS. Also PAGE eDossier downloaden, durchlesen, Onepager bauen – los geht’s. mehr

WebGL, Design, Development, three.js, JavaScript, HTML5, web 3d, graphics library

Unser großes WebGL-eDossier – jetzt mit neuen Making-ofs & Workshops

Praxisberichte und Case Studys aus Design und Development mit WebGL, Three.js und Co.  mehr

Tausende Titelbilder des New Yorker als interaktive Timeline

Designer Nicholas Rougeux fasst über 4600 Magazin-Cover in Farbpaletten zusammen.
mehr

Inspiration für Webdesigner: So gestaltet man tolle Websites

Farbgestaltung, Rastersysteme, der Umgang mit Icons und Typografie im Webdesign sind Themen des Buchs »Design for Screen«.

mehr

Anzeige

Tempo-Tricks

Die neue Mozaik-Website lädt außerst zügig – dank Canvas-Animationen, asynchronem Laden und Hintergrund-Videoplayern.

mehr

Da ist Bewegung drin

Animationen – richtig eingesetzt, erfüllen sie ein ganzes Bündel an Aufgaben.

mehr

Sketch, Adobe Photoshop, Webdesign, Workshop, Tutorial, App Design, User Interface Design, UI Design

Step-by-Step Workshop: App- und Webdesign mit Sketch

Insbesondere fürs User-Interface-Design nutzen viele Gestalter inzwischen lieber Sketch statt Photoshop. Unser Tutorial erläutert die Vorteile des vektorbasierten Designtools. mehr

Website erstellen, Webdesign Inspiration, Screendesign, Modernes Webdesign, Responsive Webdesign, SapientNitro, 1und1

Webdesign heute – standardisiert oder individuell?

Fast jeder kann heute mittels Design-Templates und Instant-Site-Buildern eine eigene responsive Website erstellen. Was bedeutet das für die Webdesign-Profis? mehr

Anzeige

Atomic Design, UX Design

Dos & Don’ts im Atomic Design

Atomic Design ist eine effiziente Methode für die iterative Entwicklung umfangreicher Websites. Marko Hemmerich weiß, wo die Fallen lauern.

mehr

UX Design, UI Design, Website Prototyping, Webdesign, Webdesigner, Entwickler, Responsive Webdesign

Goldstandards im User Experience Design

Noch immer lösen viele Websites und Apps einfach nur Frust aus. In unserem eDossier erläutern User-Experience-Experten die Dos und Don’ts im UX Design. mehr

Webdesign, Trends, Google, Mobile, SEO, Template, Typografie, Freelancer, Webdesigner, Entwickler

Webdesign – Dos & Don’ts

PAGE 03.2017: Ab sofort im Handel!

mehr

Webdesign, WebGL, Onepager,Webtechnologie, Templates

Dos & Don’ts fürs Webdesign 2017

Praktische Uniformität oder kluge Differenzierung? Die Entscheidung zwischen diesen beiden Polen ist schwierig. Wir zeigen, wie man die Dos und Don’ts im heutigen Webdesign abwägt.

mehr

Anzeige

Menschen interessieren sich nicht für dein Produkt, sondern für ihr Problem

Nur durch User Centered Design lassen sich Websites entwickeln, die für die Nutzer Relevanz haben. Pia Betton verrät, worauf Gestalter unbedingt achten müssen, und weist auf gängige Fehler hin.

mehr

Microinteractions, Transitions, Animationen, iPhone, Android-Programmierung, iOS, Screendesign, Website-Prototyping

Microinteractions: Animationen und Transitions

So lassen Sie Bewegung im User Interface so richtig echt wirken: Lesen Sie hier, was gute Animationen und Transitions ausmacht und wie man sie erstellt. mehr