Page 2020 05.pdf

(28201 KB) Pobierz
05.20 Design › Code › Business
DEUTSCHLAND 10,80 €
A1 ,
€
CH 1 ,
CHF
L 1 ,50 €
WEB-
LAYOUT
Endlich! Das Potenzial
uider Gestaltungsraster
ausschöpfen
DesignOps
So funktioniert Design
in Start-up & Konzern
Step by Step
Vom Variable Color Font
zur animierten Illu
Corporate Language
Branding in Zeiten
von Chatbots und Co
Jetzt!
Video-
triggered
AR
10842
EINE MARKE DER
ONLINEPRINTERS-GRUPPE
Das vierte
Geschlecht
Foto: Kirsten Nijhof
ANZEIGE
EDITORIAL
PAGE 05.20
003
#FindYour
Company
Deine Kreativität.
Deine Karriere.
Deine Entscheidung.
↗  page-online.de/
findyourcompany
PAGE-Seminare
verschoben
Kurz vor Drucklegung dieser
Ausgabe überschlugen sich
die Ereignisse rund um das
Covid-19-Virus und die damit
verbundenen Konsequenzen
für Großveranstaltungen:
Die Internet World Expo
wurde verschoben, die OMR
abgesagt, das ADC Festival
zog nach ... Und wir? Da die
   
Sicherheit und Gesundheit
von Teilnehmern und Refe-
renten für uns absoluten
Vorrang haben, verschieben
auch wir die in dieser Aus-
gabe kenntlich gemachten
Seminare bis auf Weite-
res. Wir danken für Ihr
Verständnis und halten
Sie selbstverständlich
auf dem Laufenden.
↗  www.page-online.
de/newsletter
Gabriele Günder,
Chefredakteurin/Publisherin
(info@page-online.de)
Illustration: Christopher David Ryan (www.hellocdr.com)
● 
An dieser Stelle habe ich mich schon einmal am
grammatischen Geschlecht des Substantivs Raster
abgearbeitet. Damals, in PAGE 01.09, ging es um
Grundgerüste für Printlayouts bis hin zu Systemen
von Relationen aus Verhaltensmustern in Zeit und
Raum. »Der, die, das« lautete die Headline. Denn je
nachdem, welchen Artikel wir dem Begriff »Raster«
geben, erhält er eine andere Bedeutung:
Der
Raster
ist ein netzartiges System von Linien, mithilfe des-
sen wir zum Beispiel unsere Layouts strukturieren.
Das
Raster dagegen ein System von Punkten oder
Streifen, aus denen ein (Fernseh-)Bild besteht oder
aber ein System von Denkmodellen. Ich entschied
mich der Einfachheit halber erst einmal für
die
Ras-
ter, denn der Plural ist für beide gleich.
In der Titelgeschichte der vorliegenden Ausgabe
dreht sich nun aber alles um Gestaltungsraster im
Webdesign. Und gerade hier fällt die Wahl des rich-
tigen Artikels immer schwerer: Im Webdesign ha-
ben wir es mit Fixed, Fluid und Elastic Layouts sowie
mit deren Mischformen zu tun. Und bei den mobi-
len Varianten unterscheiden wir zwischen adaptiven
und responsiven Websites. Starre Layouts basieren
auf Rastern mit festen Pixelwerten, die sich auch
nicht ändern, wenn das Browserfenster größer oder
kleiner wird. Aber auch sie gewähren eine enorme
gestalterische Freiheit, zumal sich längst auch ver-
schachtelte Strukturen anlegen lassen. Im Gegensatz
dazu sind die Elemente bei elastischen Layouts so-
wohl in der Höhe als auch in der Breite variabel und
damit Grundlage für jede wirklich responsive Web-
site. Ein offensichtlicher Raster? In beiden Fällen:
Fehlanzeige! Modernes Webdesign folgt vielmehr ei-
nem gedanklich konzipierten Modell der Funktion
und Verhaltensstruktur.
Das kreative Potenzial, das der/das Raster (hier
wäre ein viertes Genus fraglos hilfreich) auch Desi-
gnern ohne Programmierkenntnisse eröffnet, ist im-
mens. Denn er/es befreit uns nicht nur von lästigen
Routinefragen und sorgt für Orientierung, er/es er-
möglicht auch in Zeiten von Mobile First individu-
elle Lösungen. Wer was wie wieso, weshalb, warum
macht, das klären wir ab Seite 18.
in
rofis ien.
ivp
reat ng, Med
-
für K erbu
page
W
,
t.
esign
llenmark e
D
.d
e
↗ st
nline
o
Illustration: Christopher David Ryan (www.hellocdr.com)
bs
Jo
004
PAGE 05.20
Inhalt
TITELTHEMEN
SIGNALE
006
Ideen, Projekte und Diskussionen
Rebranding King Sing; hypermoderner Freefont;
Plasiktüten-Alternative; Artek-Kampagne
TITEL
018
Webdesign: Fluide Gestaltungsraster
Mit Flexbox und CSS Grid stehen relativ einfach
anwendbare Möglichkeiten für flexible Weblayouts
zur Verfügung. Aber das ist es nicht allein: Eine
neue Generation von Gestaltern verbindet grafische
Sensibilität mit Coding-Know-how – und
das führt zu aufregenden visuellen Ergebnissen
THEMEN
032
Identities für Floristinnen und Floristen
Zwischen Natur und Kunst: Blumen- und Pflanzen-
geschäfte müssen sich heute individueller
positionieren, um am Markt zu bestehen – und
benötigen entsprechende Erscheinungsbilder
040
Praxis: DesignOps in Unternehmen
Ob Start-up, Traditionsunternehmen oder interna-
tionaler Konzern – interne Designabteilungen
erfolgreich zu verankern und weiterzuentwickeln ist
oft schwierig. Eine Aufgabe für DesignOps Manager!
048
How-to: Video-triggered AR
Eine neue Technologie ermöglicht es, Augmented-
Reality-Inhalte mit Bewegtbild zu verknüpfen. Wir
erklären, wie das funktioniert, und zeigen Beispiele
052
Corporate Language: Tipps & Cases
In Zeiten von Chatbots und Sprachassistenten sollten
Marken und Unternehmen auf eine konsistente,
wiedererkennbare Corporate Language achten. Aber
wie entwickelt man einen eigenen Tone of Voice?
018
NEUES
060
Spannendes aus der Bild-, Typo-,
Papier- und Technikwelt
070
Publikationen für Gestalter und Developer
Bewegte Typo, grafische Requisiten für Filme,
Service Design, Stankowski + Duschek
032
PAGE 05.20
005
070
PROJEKTE
076
Vom Variable Color Font zur animierten Illu
Der niederländische Designer Arthur Reinders Folmer
gestaltet mit variablen farbigen Schriften charmante
bewegte Illustrationen. Hier erklärt er Schritt für Schritt,
wie man einen Variable Color Font in Glyphs anlegt
und dann animiert. Das ist gar nicht schwer!
086
Nachwuchs
Projekte aus Hochschule, Agentur und Forschung
BRANCHE
092
Agenturen mit Public Space
Dass Kreativität nicht nur auf die eigene Arbeit
beschränkt sein muss, zeigen immer mehr Agenturen –
und öffnen ihre Türen. Wir haben uns in
Los Angeles, Hamburg und Berlin umgeschaut
102
Szene
Portfolio-Slam #3; Ethik-Methodenkarten
104
Connect Creative Competence
– unsere Branchen-
initiative zur Förderung neuer Kompetenzen
108
Kalender
Termine für Designer und Developer
STANDARDS
003
Editorial
112
Impressum/Vorschau/Leserservice/PAGE digital
113
Sieberts Betrachtungen
SERVICES
015
067
PAGE Shop
103
PAGE Abo
106
PAGE Stellenmarkt
PAGE ACADEMY
029
»Infografik digital«
mit der Infographics Group
046
»Leitmedium Design«
mit Jochen Rädeker
055
»Geniale Idee!«
mit Mario Pricken
und Dieter Weidhofer
057
»Mehrwert Marke«
mit KMS TEAM
084
»Branded Interaction Design«
mit think moto
101
»Kreativprojekte überzeugend kalkulieren
und managen«:
Eintages-Special mit Jochen Rädeker
110
»Bildrecht«
mit Sabine Pallaske und Silke Kirberg

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin