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

TE_150123_Blender2015

Blender: Grafiksoftware ermöglicht jetzt Animationen

In der neuen Version 2.7.3 der Open-Source-3D-Software Blender lassen sich Zeichnungen bearbeiten und animieren.

mehr

content_size_TY_1412_eDossier_Perfekte_Typo

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

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

mehr

content_size_TE_140605_RCLP_eDossier_Parallax

Parallax Scrolling – Basics und Projekte

PAGE eDossier »Parallax Scrolling – Basics, Cases, Tutorials«

mehr

content_size_TE_140826_RCLP_LandingPages

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

Anzeige

content_size_TE_141117_OnePager_Tools_t

Mit ein paar Klicks zum One-Pager

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

mehr

content_size_TE_20140808_RCLP_Interakiver_Prototyping

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

content_size_KR_141209_GRAPHEK_zzportrait

Agenturportät: Graphek

PAGE gefällt ...: digitales Design von Graphek aus Bremen, die Tweets Türkis leuchten lassen, kraftvoll »out of the box« springen und Streetart ein Krönchen aufsetzt.

mehr

content_size_KR_141126_mtla_20

Corporate Design für Landschaftsarchitekten

Für den Landschaftsarchitekten Mark Tessier Landscape Artchitecture entwickelten Mash Creative und Type Hype ein Erscheinungsbild, das sich verändert wie die Gärten, die Tessier anlegt.

mehr

Anzeige

content_size_TE_141206_Onepager1214

Die No. 1 – One-Pager

One-Pager haben sich mittlerweile ihren festen Platz im Webdesign erobert. Wird das nicht ein bisschen einförmig? Dass das nicht der Fall sein muss, sehen Sie an Beispielen, die Webdesign-Experten in PAGE 12.2014 vorgestellt haben.

mehr

content_size__Emojis

Emojis werden multikulti

Nach langer Dikussion könnten Emojis mit unterschiedlichen Hautfarben bald schon ein Standard sein.

mehr

content_size_KR_141111_FlorellScholz_zzportrait

Agenturporträt: ‏FLORELL / SCHOLZ

PAGE gefällt ...: Florell / Scholz, Grafikdesignbüro aus dem Hamburger Schanzenviertel, das ganz konzentriert und charmant illustiert, Logos mit wummernden Bässen und Ähren verziert oder Karl Marx' »Kapital« in ein Gesellschaftsspiel umsetzt.

mehr

content_size_TE_20141031_Mauer-App

App Design: Die Berliner Mauer

Responsive Webdesign und Parallax Scrolling: Eine responsive HTML5-Web App für Smartphone, Tablet und PC, mit der die Geschichte der Berliner Mauer aufgerollt wird, erstellte die Digitalagentur Moccu im Auftrag des Rundfunks Berlin-Brandenburg.

mehr

Anzeige

content_size_BI_141106_Niemann_Website

Illustratoren-Websites – was ist falsch oder richtig?

Illustratoren und ihre Websites: Wir verraten, was viele falsch machen und was Star-Illustrator Christoph Niemann richtig gemacht hat.

mehr

content_size_KR_141104_TheRoyalStudio_zzportrait

Agenturporträt: ‏Royal Studio

PAGE gefällt ...: Royal Studio aus Portugal, das so furios und fantastisch in seinem Design ist - und auch in seinen Statements, dass wir diese ausnahmsweise im Original belassen. Ihre Selbstdarstellung und ihr Werk sind eine Tour de Force, die Eigensinn mit namhaften Kunden verbindet.

mehr

content_size_KR_141030_PW_Poster_01

Nachwuchsprojekt: Perspektivwechsel

 

mehr

content_size_click

45 Jahre Internet: Happy Birthday

An der University of California in Los Angeles wurde heute vor 45 Jahren die erste Nachricht über zwei entfernte Rechner verschickt – das Internet war geboren.

mehr

Anzeige

content_size_KR_141028_SuD_zzportrait

Agenturporträt: Stürmer & Dränger

PAGE gefällt …: Stürmer & Dränger, Agentur für Visuelle Kommunikation aus Berlin, die indisches Curry in seine Zutaten zerlegt, Skifahrer über Buchseiten rasen lässt und Duft violett leuchten.

mehr

content_size_KR_141027_Sea_Legend_DavidGant

Tiefgründiges Webspecial für den Film »Sea Legend«

»Sea Legend« – bei diesem Titel denkt man sofort an die tiefblaue, schöne, aber gefährliche See – an die Untiefen des Meeres und ihre Bewohner. Genauso präsentiert sich auch das Webspecial zum Film.

mehr