Skip to main content

Autor: pia-koop

con-text

 

 


aufgabe


details


das weltkunstzimmer ist ein einzigartiger ort, der vergangenheit und gegenwart vereint. doch was wäre, wenn mauern sprechen könnten? con-text ermöglicht genau das: eine digitale vermittlungsebene, die wissen, kunst und musik verbindet und die geschichte des ortes spielerisch vermittelt. ar dient dabei als brücke zwischen der physischen umgebung und interaktiven erlebnissen.

projekttitel


hans peter zimmer benannte die alte fabrik in den 1980er jahren „con-sum“. die buchstaben prägten die fassade und tauchen bis heute in wortspielen auf dem gelände auf. der titel „con-text“ greift diese geschichte und die markanten gestaltungselemente des ortes auf.

designelemente

über den titel hinaus soll sich auch die gestaltung historischer elemente des ortes bedienen und an­spielungen auf vergangenes enthalten. diese ­sollen weiterentwickelt, an die genutzten medienformate angepasst
und dadurch in einen neuen kontext gebracht werden. analog der ver­mittelten inhalte entsteht so auch
im design eine verbindung aus
altem und neuem, die historisches
mit aktuellem vereint.

typografie

  • con-text-frame-animationen-grafik-design-v28

  • con-text-frame-animationen-design-typo-03


die schrift „hans-peter“ basiert auf den ikonischen roten buchstaben des ortes und setzt sich ausschließlich aus quadraten und diagonal geteilten quadraten zusammen. zwei schriftschnitte – regular (4×7 raster, größere abstände) und bold (3×5 raster, kompakter) – entstanden aus diesem system und lassen sich harmonisch kombinieren.

con-text-frame-animationen-grafik-design-v28


hans-peter regular
zeichensatz

con-text-frame-animationen-grafik-design-v29


hans-peter bold
zeichensatz

con-text-frame-animationen-grafik-design-v28


hans-peter regular
anwendungsbeispiel

con-text-frame-animationen-grafik-design-v28


hans-peter bold
anwendungsbeispiel

gestaltungsraster

con-text-frame-animationen-design-raster


das gestaltungsraster basiert auf der quadratischen fliesenfassade des ortes. diese formensprache zieht sich konsistent durch alle designelemente und sorgt für ein stimmiges gesamtbild.

textur

  • con-text-frame-animationen-design-textur-02

  • con-text-frame-animationen-design-textur-01

  • con-text-frame-animationen-design-textur-02

  • con-text-frame-animationen-design-textur-01


für eine authentische ästhetik habe ich nahaufnahmen von oberflächen des weltkunstzimmers in zweifarbige bitmaps umgewandelt. diese texturen lockern starre flächen auf, schaffen tiefe und verbinden das design visuell mit dem ort.

illustration

  • con-text-frame-animationen-design-illustration-02

  • con-text-frame-animationen-design-illustration-01


der folder-plan kombiniert eine reduzierte, grafische karte zur orientierung mit einer 3d-illustration des geländes. die dreidimensionale darstellung vermittelt potenziellen besucher:innen einen realistischen eindruck von raum und atmosphäre.

piktogramme

  • con-text-frame-animationen-design-illustration-02

  • con-text-frame-animationen-design-illustration-02


geometrische symbole kennzeichnen die informationskategorien, während minimalistische piktogramme die verfügbaren medienformate markieren. sie sorgen für eine klare struktur und eine intuitive orientierung.

bildbearbeitung

  • con-text-frame-animationen-design-textur-01

  • con-text-frame-animationen-design-textur-02


die fotos der ar-spots wurden in bitmaps umgewandelt, um die orte nur angedeutet darzustellen. so bleibt das entdeckungserlebnis erhalten und die ästhetik des print-designs gewahrt.

umsetzung

folder

  • con-text_karte_frame_animation


der folder verbindet die reale umgebung mit der virtuellen informationsebene und ermöglicht eine selbstständige erkundung des geländes. eine karte mit kategorien, piktogrammen und standortfotos erleichtert die navigation, während ein qr-code den zugriff auf die ar-inhalte ermöglicht.
  • con-text_karte_frame_animation

  • con-text_karte_nav

  • con-text_app_navi_01

  • con-text_app_navi_02

  • con-text_app_navi_03

  • con-text_app_navi_04

  • con-text_app_navi_05

  • con-text_app_navi_06

  • con-text_karte_nav

  • con-text-thesis-alle-seiten

  • con-text-ar-kategorien

  • con-text-ar-historie

  • con-text-ar-historie




 

 


aufgabe


details


das weltkunstzimmer ist ein einzigartiger ort, der vergangenheit und gegenwart vereint. doch was wäre, wenn mauern sprechen könnten? con-text ermöglicht genau das: eine digitale vermittlungsebene, die wissen, kunst und musik verbindet und die geschichte des ortes spielerisch vermittelt. ar dient dabei als brücke zwischen der physischen umgebung und interaktiven erlebnissen.

herleitung des projekttitels

hans peter zimmer benannte die alte fabrik in den 1980er jahren „con-sum“. die buchstaben prägten die fassade und tauchen bis heute in wortspielen auf dem gelände auf. der titel „con-text“ greift diese geschichte und die markanten gestaltungselemente des ortes auf.
  • con-text_karte_frame_animation

  • con-text_karte_falten

  • con-text_karte_nav

  • con-text_app_navi_01

  • con-text_app_navi_02

  • con-text_app_navi_03

  • con-text_app_navi_04

  • con-text_app_navi_05

  • con-text_app_navi_06

  • con-text_karte_nav

  • con-text-thesis-alle-seiten

  • con-text-ar-kategorien

  • con-text-ar-historie

  • con-text-ar-historie




 

Weiterlesen

fia

 

 


aufgabe


details


  • FIA

  • FIA-2

  • ME_00-02

  • ME_00-01

ME_01-01

  • ME_01-02

  • ME_01-03

ME_02-02

  • ME_02-01

  • ME_02-03

  • ME_04-02

  • ME_04-01

  • ME_05-01

  • ME_05-02

ME_06-01

  • ME_06-02

  • ME_06-03

  • ME_07-01

  • ME_07-02

ME_07-03

 


  • lerne fia in ar kennen. scanne den code mit einem smartphone oder tablet und stelle sicher, dass sich das gerät nicht im stromsparmodus befindet.

    zur ar-version

  • lerne fia in ar kennen. du kannst dazu ein tablet oder smartphone verwenden und solltest sicher stellen, dass sich das gerät nicht im stromsparmodus befindet.

    zur ar-version


Weiterlesen

analoge anarchie

 

 


aufgabe


details


analoge_anarchie_letraset-01

der einband wurde mit den im buch erklärten techniken und werkzeugen analog gestaltet.

  • analoge_anarchie_letraset-00

    anreibebuchstaben
    von mecanorma zur gestaltung des titels

  • analoge_anarchie_stempel

    stempel-buchstaben
    aus dem bastelladen für den subtitel

  • analoge_anarchie_fineliner

    filzstifte und fineliner
    zum zeichnen abstrakter muster

  • analoge_anarchie_scanner

    scanner
    zum erzeugen von experimentellen effekten durch bewegung des papiers

  • analoge_anarchie_scans-raster

  • analoge_anarchie_scans-raster-2

  • analoge_anarchie_buch-01

  • analoge_anarchie_buch-02

  • analoge_anarchie_buch-03

  • analoge_anarchie_buch-04

  • analoge_anarchie_buch-05

  • analoge_anarchie_buch-06

  • analoge_anarchie_buch-07

  • analoge_anarchie_buch-08

  • analoge_anarchie_buch-animation

 

Weiterlesen

büdchentag x nacht der museen

 

 


aufgabe


details


buedchentag_01_animation-2

buedchentag_18_plakate_wand

buedchen-bauplan

  • buedchen_moodboard_farben_muster

    farben & muster

  • buedchen_moodboard_materialien

    materialien

  • buedchen_moodboard_elemente

    elemente

  • buedchentag_renderings_04

  • buedchentag_renderings_02

  • buedchentag_renderings_03

  • buedchentag_renderings_01

  • buedchentag_renderings_01

buedchen-fotos-01

  • buedchen-fotos-03

  • buedchen-fotos-04

  • buedchen-fotos-05

  • buedchen-fotos-06

buedchen-fotos-07

 

Weiterlesen

love & riot

 

 


aufgabe


details


  • love_and_riot_album_01_cover_fotos

  • love_and_riot_album_02_cover_fotos

  • love_and_riot_album_03_fotoshooting

  • love_and_riot_album_04_pinselschrift

  • love_and_riot_album_05_pinselschrift

  • love_and_riot_album_06_pinselschrift

love_and_riot_album_07_titel_pinselschrift

  • love_and_riot_album_08_a_animation

  • love_and_riot_album_09_d_animation

  • love_and_riot_album_10_e_animation

  • love_and_riot_album_11_n_animation

  • love_and_riot_album_12_o_animation

  • love_and_riot_album_13_r_animation

  • love_and_riot_album_14_jewel_case

  • love_and_riot_album_15_jewel_case

  • love_and_riot_album_16_jewel_case


das album artwork vervollständigt sieben-teilige vorab veröffentlichte single-serie.

zum projekt


 

Weiterlesen

love & riot – singles

 

 


aufgabe


details


  • love_and_riot_singles_01_felix

  • love_and_riot_singles_02_arne

  • love_and_riot_singles_03_simon

  • love_and_riot_singles_04_dave


  • love_and_riot_singles_08_artwork

  • love_and_riot_singles_09_artwork

  • love_and_riot_singles_10_artwork

  • love_and_riot_singles_11_artwork

  • love_and_riot_singles_12_artwork

  • love_and_riot_singles_13_artwork

  • love_and_riot_singles_14_artwork

  • love_and_riot_singles_15_spotify_diskografie


die single-veröffentlichungen dienten als vorgeschmack auf das album „love & riot”.

zum projekt


 

Weiterlesen

dead famous

 

 


aufgabe


details


  • dead-famous-01

  • dead-famous-02

  • dead-famous-02a

  • dead-famous-02b

  • dead-famous-03

  • dead-famous-05

  • dead-famous-03b

  • dead-famous-03d

  • dead-famous-03c

  • dead-famous-04

  • dead-famous-06a

  • dead-famous-06c

dead-famous-07

  • dead-famous-07d

  • dead-famous-07b

  • dead-famous-07c

  • dead-famous-07d

  • dead-famous-06

  • dead-famous-07f

  • dead-famous-07e

dead-famous-08

  • dead-famous-08b

  • dead-famous-08a

  • dead-famous-08c

  • dead-famous-08h

  • dead-famous-08g

  • dead-famous-08e

  • dead-famous-08f

  • dead-famous-08i

  • dead-famous-08k

  • dead-famous-08l

  • dead-famous-08j

  • dead-famous-12

  • dead-famous-13

  • dead-famous-09

  • dead-famous-09a

  • dead-famous-09b

  • dead-famous-09c

dead-famous-10

  • dead-famous-10c

  • dead-famous-10b

dead-famous-11

  • dead-famous-buch-00-titel

  • dead-famous-buch-01

  • dead-famous-buch-02

  • dead-famous-buch-03

  • dead-famous-buch-04

  • dead-famous-buch-05

  • dead-famous-buch-06

  • dead-famous-buch-07

  • dead-famous-buch-08

  • dead-famous-buch-09

  • dead-famous-buch-10

  • dead-famous-buch-11-rueck

 

Weiterlesen