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

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

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

Anzeige

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

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

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

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

Anzeige

content_size_TE_140605_RCLP_eDossier_Parallax

Parallax Scrolling – Basics und Projekte

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

mehr

BI_150211_grundy2

Illustratoren-Website im Infografik-Look

Wir lieben den piktogrammartigen, infografischen Stil von Illustrator Peter Grundy – und seine dazu passende neue Website.

mehr

BR_150206_wertiges_Webdesign

Tipps für wertiges Webdesign

Webdesigner setzen Produkte und Inhalte wertig in Szene. Was man dabei beachten sollte …

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

Anzeige

Hier PAGE eDossier gratis downloaden!

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_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_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