Typo-Website - Space Grotesk

Workshop Interaktion / Module Web

Ich habe in einer dreier Gruppe mit Hannah und Eliz die Website von Atmoslamp ausgewertet.

© Minou Melzer

Website-Raster: Analyse Websites allgemein

© Minou Melzer

© Minou Melzer

Raster und Rhythmus

© Minou Melzer

Rasterzusammenfügung

Reinzeichnung

© Minou Melzer

Typo-Website

PDF

Moodboard

© Minou Melzer

Eine Sektion in drei Stilen

© Minou Melzer

2 Varianten

© Minou Melzer

© Minou Melzer

© Minou Melzer

Styleguide

Finale Variante

- Klare Linien in der Typo

- sehr große Typo und sehr kleine

- schlichte Farben für Hintergrund und Typo

© Minou Melzer

© Minou Melzer

© Minou Melzer

© Minou Melzer

Animationen

Reinzeichnung Desktop

© Minou Melzer

Reinzeichnung Handy

© Minou Melzer

Screencast

Figma-Link Prototyp

https://www.figma.com/proto/fD2TF1ZHzXRyyFyr7P29pv/Digital-Design-II?page-id=492%3A622&node-id=493-1943&p=f&viewport=1830%2C1217%2C0.2&t=6kSlKF2JBLfUgK6b-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=493%3A1943&show-proto-sidebar=1

Figma-Link Prototyp Handy

https://www.figma.com/proto/fD2TF1ZHzXRyyFyr7P29pv/Digital-Design-II?page-id=804%3A2033&node-id=804-2034&viewport=216%2C219%2C0.42&t=ZMNiKUqpOmUoSvxk-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=804%3A2034