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

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

KR_160905_Beginner_iMac_Game

Beginner – neues Album, neue Website

Gerade sind die Beginner wieder Nummer Eins der Albumcharts geworden, jetzt launchen sie mit Universal Music und der Kölner Digitalagentur Dunckelfeld ihre neue Website – samt Einarmigem Banditen.

mehr

Typografie, Serifenschrift, edenspiekermann, Kommunikationsdesign, Kreative Berufe, Generative Gestaltung, Informationsarchitektur, Logoentwicklung, Nachhaltigkeit, Weißraum

PAGE 10.2016 ist da!

Im aktuellen Heft stellen wir Gestaltungsregeln auf den Prüfstand und fragen Experten aus Kommunikationsdesign, Typografie, Logoentwicklung und Markendesign sowie Web-, UX- und Interaction Design: Welche Regeln würden Sie abschaffen? Und welche haben Sie selbst zum Maßstab Ihrer Arbeit gemacht?  mehr

Kubikfoto-Kein-Raum-fuer-Rechts-Website

Interaktives Aufklärungsprojekt: Kein Raum für Rechts!

Interaktiv, multimedial und fürs Smartphone optimiert gewährt dieses Projekt Einblicke in die Neonazi-Szene.

mehr

Anzeige

Infonity_Timelikes

Im Strudel der Facebook-Likes

Die Pariser Digitalagentur Merci-Michel hat die Timeline der Likes mit WebGL in einen explorativen Trip verwandelt.

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

Gehalt, Webdesigner, Webdesign

Mit welchem Gehalt können Webdesigner rechnen?

Das Aufstreben von Start-ups in den letzten Monaten korrigierte Gehaltsangaben nach unten …

mehr

TE_160522_Helmmade_demodern

Texturierung in WebGL: So entstand der 3D-Produktkonfigurator von helmade.com

Mit einem ausgeklügelten 3D-Produktkonfigurator, eingebettet in einen Magento-Webshop, bietet das Frankfurter Start-up helmade seinen Kunden eine bemerkenswerte User Experience – möglich machte es die Hamburger Digitalagentur Demodern. Hier gibt’s den Code zum Projekt.

mehr

Anzeige

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 geschmeidige Animationen und Transitions ausmacht und wie man sie erstellt. mehr

Hier PAGE eDossier gratis downloaden!

Typografie Grundlagen für Print und Online

Tipps und Tricks für die perfekte Typo – hier downloaden …

mehr

Ebola und die Folgen in Liberia

Wie man mit großartigen Illustrationen die Gefahren von Ebola erklärt

Für die Oscars des Netzes, The Webby Awards nominiert: die Webdoku »Mawah – Als Ebola in unser Dorf kam«, die von den großartigen animierten Illustrationen von Eugen Schulz lebt. mehr

Swiss1

Swiss Typefaces mit neuer Website

Im Lab gibt es jetzt günstige Fonts in Schweizer Qualität. mehr

Anzeige

Kalkulation, richtig kalkulieren, Stundenlohn berechnen, Webdesigner, Freelancer

Richtig kalkulieren – Tipps für Webdesigner

Kalkulieren Sie richtig, ohne sich selbst auszubeuten.

mehr

BK_160318_hpi_mooc

So will das HPI Mädchen die Angst vorm Coden nehmen

Diesen Sommer bietet das Hasso-Plattner-Institut einen kostenlosen Online-Kurs an, der speziell auf Schülerinnen zugeschnitten ist.

mehr

mojs

Neues Framework kann mehr Animationen als CSS und Javascript

Mit mo.js stehen Designern und Entwicklern mehr Möglichkeiten zur Verfügung. mehr

CSS_Fehler_Teaser_Klammern

Typische CSS-Fehler und wie man sie vermeidet

Lesen Sie hier nützliche Tipps für Webdesigner. Zudem ist es auch ein Appell an klassische Designer, sich mit der Materie zu befassen …

mehr

Anzeige

Typotheque5

Typotheque reloaded

Peter Bilaks Foundry Typotheque präsentiert zwei neuen Schriften und eine überarbeitete Webseite. mehr

UnderConsideration: Update Logo Pattern

So #YOLO kann ein Redesign aussehen

Warum die Grafikdesigner und Gründer der Design-Plattform UnderConsideration fürs Web eine unleserliche Schrift verwendeten …

mehr