con-text
aufgabe
details
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.
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 anspielungen auf vergangenes enthalten. diese sollen weiterentwickelt, an die genutzten medienformate angepasst
und dadurch in einen neuen kontext gebracht werden. analog der vermittelten inhalte entsteht so auch
im design eine verbindung aus
altem und neuem, die historisches
mit aktuellem vereint.
und dadurch in einen neuen kontext gebracht werden. analog der vermittelten 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.
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
hans-peter regular
zeichensatz
con-text-frame-animationen-grafik-design-v29
→
hans-peter bold
zeichensatz
hans-peter bold
zeichensatz
con-text-frame-animationen-grafik-design-v28
→
hans-peter regular
anwendungsbeispiel
hans-peter regular
anwendungsbeispiel
con-text-frame-animationen-grafik-design-v28
→
hans-peter bold
anwendungsbeispiel
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.
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.
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.
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.
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.
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.
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
rosik – live coding
aufgabe
details
-
rosik-mockup-03
-
rosik-mockup-02
-
rosik-mockup-01
-
rosik-mockup
rock ’n’ roll riot
aufgabe
details
-
jj_rrr_entstehung
-
jj_rrr_cover_entwicklung
-
jjj-rrr-cd_fotos_01
-
jjj-rrr-cd_fotos_02
-
jjj-rrr-cd_fotos_03
-
jjj-rrr-cd_fotos_04
-
jjj-rrr-cd_fotos_05
-
jjj-rrr-cd_fotos_06
-
jjj-rrr-cd_fotos_07
-
jjj-rrr-fotos-08
-
jjj-rrr-fotos-09
-
jjj-rrr-fotos-10
-
jjj-rrr-fotos-11
-
jjj-rrr-fotos-12
-
jjj-rrr-fotos-14
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.
-
-
-
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.
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
rock ’n’ roll riot – singles
aufgabe
details
-
jj-rrr-singles-01
-
jj-rrr-singles-02
-
jj-rrr-singles-iphone-4
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
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
-
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
