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

Interaktive Prototyping-Tools

Sie brauchen einen Klickdummy für Usability-Tests, zur Kundenpräsentation oder als Spezifikation für den Developer? Oder wollen Sie nur testen, ob Ihr Konzept wirklich funktioniert? Welches Prototyping-Tool eignet sich am besten für eine responsive Website, welches für eine simple App?

mehr

eDossier_Parallax_Scrolling_FlatvsRealism_Teaser

Parallax Scrolling – Basics und Projekte

Erfahren Sie im PAGE eDossier »Parallax Scrolling – Basics, Cases, Tutorials« hilfreiche Tipps zum Thema Bewegungsparallaxen.

mehr

KR_Website_Relaunch_Stereohype_03

Website Relaunch von Grafik Art Label »Stereohype«

Easy to browse und responsive – auf dieser Website finden 1000 Buttons und viele andere Designprodukte ein angemessenes Plätzchen.

mehr

© freepik

Stundenlohn berechnen: Tipps für Designer

Vor allem für noch unerfahrene Freelancer dürfte das Berechnen des Stundenlohns nicht selbstverständlich sein. Lesen Sie hier hilfreiche Tipps.

mehr

Anzeige

BI_150411_scenery_app

Schnell schicke Mockups erstellen

Schön und praktisch: die Mac-App Scenery für Mockup-Templates mehr

content_size_SZ_140428_RCLP_Ausbildung

Von Web- bis Grafikdesigner: Ausbildung, Studium und Weiterbildung

Wie findet man den richtigen Weg zum kreativen Traumjob?

mehr

Mehrfarbige_Webfont_Icons

Web Fonts: Mehrfarbige Icons erstellen

Das PAGE eDossier »Mehrfarbige Webfont Icons erstellen» zeigt Ihnen, wie man mehrfarbige Webfont Icons realisiert.

mehr

Hier PAGE eDossier gratis downloaden!

PAGE eDossier »Perfekte Typografie für Print und Online« gratis downloaden

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

mehr

Anzeige

content_size_SZ_140428_Onlineshop

Onlineshop erstellen: E-Shop-Systeme für Designer

Im PAGE eDossier »E-Shop-Systeme für Designer« zeigen wir Ihnen, wie Sie einen Onlineshop erstellen.

mehr

TE_150311_Projektmanagement_von_Online-Projekten

Projektmanagement von Online-Projekten

Der beste Ratgeber für alle, die in Digitalagenturen Projekte managen – PAGE verlost drei Exemplare!

mehr

RAA-Soundcolorgram

Interaktive Website für den Radio Advertising Award

Die Frankfurter Kreativagentur Kastner & Partners weckt mit innovativen Audio-Apps den Spaß am Sound.

mehr

content_size_TE_140428_RCLP_Responsive-Webdesign-224

Responsive Webdesign Tutorials

Im PAGE eDossier »Responsive Webdesign: Basics, Cases, Workshops» erfahren Sie alles über die Grundlagen des Responsive Webdesign.

mehr

Anzeige

Grid

Layouts aus dem Rechenschieber

Die steigende Zahl an Bildschirmgrößen macht es immer aufwendiger, responsive Apps und Webseiten zu erstellen. Jetzt sollen smarte Algorithmen helfen, Layouts zu entwerfen. mehr

TE_150226_watch_iphone_front

Kontext is King

Neue Devices wie Phablets, Smartwatches und Co stellen das Mobile Design gerade auf den Kopf.

mehr

TE_150226_Footer

Ihr habt die Füße schön

Wer seine Website liebt, stylt sie – bis in die Zehenspitzen

mehr

content_size_TY_201404_RCLP_Online_Fonts

Web Fonts für Kreative

Alles rund um Web Fonts und App Fonts – im PAGE eDossier »Typografie im Web« beantworten wir Fragen zu verschiedenen Font-Formaten, zu Lizenzen und möglichen Stolperfallen. Step by Step zeigen wir Ihnen, wie man Web Fonts in eine Webseite einbindet und fragen, ob Typo responsiv sein muss.

mehr

Anzeige

Landing Pages, Landing Pages erstellen, Wordpress

Landing Page – worauf muss ich achten?

Gute Landing Pages zielen klar auf das Produkt und führen den User geradewegs zur Conversion. PAGE zeigt Ihnen, wie Sie eine erfolgreiche Landing Page gestalten.

mehr

TE_One_Pager_12_2014_No1_02

No 1: One-Pager-Favoriten

One-Pager haben sich ihren festen Platz im Webdesign erobert. Wird das nicht ein bisschen einförmig? Nein, auf keinen Fall!

mehr