{"id":48,"date":"2015-01-20T12:54:10","date_gmt":"2015-01-20T10:54:10","guid":{"rendered":"http:\/\/www.graphorama.de\/blog\/?p=48"},"modified":"2018-05-20T23:05:34","modified_gmt":"2018-05-20T21:05:34","slug":"31c3-das-design","status":"publish","type":"post","link":"http:\/\/www.graphorama.de\/blog\/31c3-das-design\/","title":{"rendered":"31C3 \u2013 Das Design"},"content":{"rendered":"<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/15704693833\" title=\"4-logo3 by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm8.staticflickr.com\/7471\/15704693833_95641b70d4_z.jpg\" alt=\"4-logo3\"><\/a><\/p>\n<p><em>\u201cWelcome to the largest hacker conference in the free world!\u201c<\/em> \u2013 mit diesen Worten startete am 27.12.2014 der 31. <a href=\"http:\/\/de.wikipedia.org\/wiki\/Chaos_Communication_Congress\" target=\"_blank\">Chaos Communication Congress<\/a> in sein <a href=\"https:\/\/www.youtube.com\/watch?v=qBsK3mzPdNM\" target=\"_blank\">Opening Event<\/a>. Rund 12.000 Besucher bev\u00f6lkerten vier Tage lang das Hamburger CCH. Ein enthusiastischer Haufen Menschen \u00fcberhalf den sonst so digitalen Bits und Bytes in die Realit\u00e4t und formte einen fast schon magisch anmutenden Technik-Jahrmarkt.<\/p>\n<p>Ich war dabei \u2013 zum ersten Mal. Normalerweise verbringe ich die Tage zwischen Weihnachten und Neujahr \u201ein der Ladestation\u201c. Die ganze Welt tritt im Gleichschritt k\u00fcrzer \u2013 eine Zeit, die ich nach dem Trubel des Jahres sehr ruhig angehe und mit einer gro\u00dfen Dosis Familie und Freunde anreichere. Diese \u201eEntschuldigung\u201c konnte ich dieses Jahr nicht anbringen, um dem Kongress meine Abwesenheit unterzujubeln. Dieses Jahr hatte ich die Ehre den Auftritt des Kongresses zu gestalten. <\/p>\n<p><!--more--><\/p>\n<p>Den Zuschlag erhielt ich am 17. November 2014.<\/p>\n<p>Bereits Mitte Oktober waren zum Titel \u201eA New Dawn\u201c schon erste Ideen mit dem CCC ausgetauscht worden. Sonst w\u00e4re die Zeit nicht mit mit dem Adjektiv \u201eknapp\u201c, sondern seinem kleineren, wirren Bruder \u201ekritisch\u201c geschm\u00fcckt worden.<\/p>\n<p><strong>Farbwelt<\/strong><\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/15702163524\" title=\"1-color by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm9.staticflickr.com\/8652\/15702163524_d42627d83d_z.jpg\" alt=\"1-color\"><\/a><br \/>\nAller kreativer Anfang beim \u201eDesign von Null\u201c ist irgendwo zwischen \u201eschwierig\u201c und \u201efordernd\u201c einzusortieren. Ich begann mit einem Farbschema und bem\u00fchte Google um ein paar besonders kitschige Sonnenaufg\u00e4nge. Nach etwas subjektiver Freiheit landete ich bei drei warmen Rot-\/Oranget\u00f6nen und zwei k\u00fchleren Lila-Nuancen.<\/p>\n<p><strong>Logo: Signet<\/strong><\/p>\n<p>Tim Pritlove legte mir eine erste Idee f\u00fcr ein Motiv im Comic-Stil aus dem CCC-Umfeld vor, das <a href=\"http:\/\/de.wikipedia.org\/wiki\/Chaos_Computer_Club#mediaviewer\/File:Wp_zelt_mit_rakete.JPG\" target=\"_blank\">\u201eFairydust\u201c<\/a> \u00fcber einem Planeten mit Sonnenaufgang zeigte. Diese Stimmung wollte ich nicht ganz au\u00dfen vor lassen, aber doch etwas ins Abstrakte transportieren. <\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/15704693903\" title=\"2-logo1 by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm8.staticflickr.com\/7555\/15704693903_d3cc41235e_z.jpg\" alt=\"2-logo1\"><\/a><br \/>\nIn der <a href=\"http:\/\/das-sendezentrum.de\/sondersendung\/sz013-interaktiver-31c3-roundup\" target=\"_blank\">Sondersendung<\/a> am letzten Tag des 31C3 hat Ralf Stockmann seine These des kollektiven popkulturellen Ged\u00e4chtnisses herangezogen und nominierte die <a href=\"https:\/\/www.youtube.com\/watch?v=ekDscvvYOFg\" target=\"_blank\">Er\u00f6ffnungsszene des Films \u201e2001\u201c<\/a> als Paten. Ich hatte diese spezielle Szene zwar bei der Gestaltung nicht im Hinterkopf, aber einen \u00fcber die Ma\u00dfe individuellen Charakter ist einem Planeten mit seinem aufgehenden Stern dahinter auch nicht zuzusprechen. ;)<\/p>\n<p>Ich wollte tiefere Assoziationen von \u201eLicht im Dunkeln\u201c, \u201eHoffnung\u201c, \u201eEnergie\u201c, \u201e\u00fcberstrahlend\u201c, \u201eumfassend\u201c und nat\u00fcrlich dem Sonnenaufgang. Nebenbei sollte es auch noch an einen Raketenstart erinnern, um Fairydust wenigstens eine Hommage zukommen zu lassen.<br \/>\nDie Anmutung eines I\/O-Schalters war fast ehr ein Nebenprodukt der Formfindung und ein willkommener Teil der obersten Schicht weiterer Assoziationen: \u201eAnfangen\u201c, \u201eNeustart\u201c, \u201eTurning it off and on again\u201c. ;)<\/p>\n<p><strong>Logo: Wortmarke<\/strong><\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/16138387549\" title=\"3-logo2 by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm9.staticflickr.com\/8586\/16138387549_f2b1b2f3a0_z.jpg\" alt=\"3-logo2\"><\/a><br \/>\nMit Hackern hat man dankbarerweise eine Zielgruppe, der man etwas mehr Zumuten kann, was den kryptologischen Grad eines Schriftzuges betrifft. Daher fiel meine anf\u00e4ngliche Vorsicht, die Lesbarkeit auch noch auf regendurchn\u00e4\u00dftem, nadelbedrucktem Butterbrotpapier auf Briefmarkengr\u00f6\u00dfe zu gew\u00e4hrleisten, relativ schnell. Die klassischen Glyphen der \u201eTeX Gyre Adventor\u201c wichen einer Konstruktion aus dem Signet heraus \u2013 anfangs noch mit Mittelstrichen, die ihre Kreise am Ende ber\u00fchrten, sp\u00e4ter wurde auch diese Verbindung gel\u00f6st.<\/p>\n<p>Das <strong>Key-Visual<\/strong> war geboren:<\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/15704693833\" title=\"4-logo3 by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm8.staticflickr.com\/7471\/15704693833_95641b70d4_z.jpg\" alt=\"4-logo3\"><\/a><br \/>\nEin gro\u00dfes Dankesch\u00f6n an dieser Stelle an Falk Gartner, der das Visual noch in Windeseile als Animation zum Leben erweckte und damit der Er\u00f6ffnung in Saal 1 einen epischen Touch verlieh.<\/p>\n<p><iframe width=\"853\" height=\"400\" src=\"\/\/www.youtube.com\/embed\/o7B82WXE8SI\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p><strong>Die Matrix<\/strong><\/p>\n<p>Mein Wunsch war es, am Ende eine Gestaltung zu haben, die ein Eigenleben hat \u2013 mit der gespielt werden kann. Der Congress steht f\u00fcr \u201eMitmachen\u201c und \u201eAnpacken\u201c. Abseits von Design-Manuals und Vorgaben wollte ich eine definierte Dynamik, die man weder in ihrer Funktion noch in ihrer Intention erkl\u00e4ren muss. Ich spielte also mit den Formen des Logos herum und beschloss, dass sich der lose Strich wunderbar als \u00dcbergabeobjekt eignet. Die Kreise sollten ihre \u201eFracht\u201c an die n\u00e4chste offene Stelle weitergeben.<\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/16322799471\" title=\"5-matrix by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm8.staticflickr.com\/7508\/16322799471_ec96f319a1_z.jpg\" alt=\"5-matrix\"><\/a><br \/>\n\u201eKnotenpunkte\u201c, \u201eKommunikation\u201c, \u201eWeitergabe von Informationen\u201c, \u201eOpen Mind\u201c, \u201eInformationsfluss\u201c, \u201eNetzwerk\u201c, \u201eKontakt\u201c \u2026 Jeder kann in diesem Konstrukt seine eigene Bedeutung finden.<\/p>\n<p>Um die Idee im statischen Print zu komplementieren, wollte ich auf m\u00f6glichst jedem offiziellen Ger\u00e4t des Congresses, das Pixel drehen kann, eine animierte Version dieser Matrix als Hintergrund laufen haben. Wichtig war mir, dass das Composing nicht linar als festes Video stattfinden sollte. Auf einer Hacker-Konferenz sollte dieses Herzst\u00fcck des Designs von Code erzeugt werden und m\u00f6glichst ein dynamisches Eigenleben haben.<\/p>\n<p>Hier passierte dann leider die erste Panne, die im strammen Zeitrahmen auch nicht mehr ausgeb\u00fcgelt werden konnte. Genau am \u201ePoint of No Return\u201c musste mein Quartz-Composer-Fachmann die Arbeiten an der Animation einstellen. Auf die Screens im CCH hat es aber zum Gl\u00fcck noch eine statische Version geschafft, die dem Infobeamer-Team zu verdanken ist. An dieser Stelle ein dickes Dankesch\u00f6n daf\u00fcr! F\u00fcr die Annalen der Geschichtsschreibung gibt es hier aber die Weltpremiere der \u201eWork in Progress\u201c-Version:<\/p>\n<p><iframe width=\"853\" height=\"400\" src=\"\/\/www.youtube.com\/embed\/2EQk4qfYfC4\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>Die Kombination aus Main- und Matrix-Visual waren die Grundlage f\u00fcr alle Print- und Screen-Erzeugnisse, die das CCH und seine Besucher w\u00e4hrend des Congresses schm\u00fccken sollten. <\/p>\n<p><strong>Poster<\/strong><\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/15702163244\" title=\"6-poster1 by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm9.staticflickr.com\/8681\/15702163244_cd0bdb29a5_z.jpg\" alt=\"6-poster1\"><\/a><\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/16324596175\" title=\"7-poster2 by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm8.staticflickr.com\/7485\/16324596175_f3af2cfdc6_z.jpg\" alt=\"7-poster2\"><\/a><\/p>\n<p><strong>Armb\u00e4nder<\/strong><\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/16137027658\" title=\"8-baendchen by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm9.staticflickr.com\/8561\/16137027658_3f97dd1270_z.jpg\" alt=\"8-baendchen\"><\/a><br \/>\nAls einer der ersten Kandidaten gingen die Eingangskontrollb\u00e4nder auf die Reise. Hier wurden noch einige Farbanpassungen vorgenommen, um die Differenzierbarkeit auch unter schlechteren Lichtverh\u00e4ltnissen f\u00fcr die Einlasser zu gew\u00e4hrleisten.<br \/>\nNoch fr\u00fcher entstanden nur die SIM-Karten. Als alleinige Tr\u00e4ger der ersten Version des Logos (noch mit durchgezogenem Strich) halten sie den Status der \u201eBlauen Mauritius des 31C3\u201c inne. <\/p>\n<p><strong>Badges<\/strong><\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/16324596065\" title=\"9-badges by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm9.staticflickr.com\/8611\/16324596065_2ce04ed8a6_z.jpg\" alt=\"9-badges\"><\/a><\/p>\n<p><strong>Faltplan<\/strong><\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/16298645006\" title=\"10-faltplan by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm8.staticflickr.com\/7535\/16298645006_3c7a547073_z.jpg\" alt=\"10-faltplan\"><\/a><br \/>\nDie Credits f\u00fcr einen Teil des Faltplans (den hier eingebundenen Floor-Plan des CCHs) gehen zur\u00fcck an das Design des 29C3. Hier wurde mir dankenswerterweise eine schlaflose Nacht f\u00fcrs Nachbauen erspart.<\/p>\n<p><strong>Beschilderung<\/strong><\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/16298644966\" title=\"11-signs by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm8.staticflickr.com\/7477\/16298644966_83c9de4ca9_z.jpg\" alt=\"11-signs\"><\/a><br \/>\nAuch wenn wir uns in der Praxis f\u00fcr eine umweltschonendere Version der Beschilderung entschieden haben, die weniger Drucker-Tinte vor Ort verbraucht, d\u00fcrfen an dieser Stelle mal die \u201emassiven\u201c Versionen der Schilder \u201eleuchten\u201c.<\/p>\n<p><strong>Tickets<\/strong><\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/16323723832\" title=\"12-tickets by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm8.staticflickr.com\/7533\/16323723832_cfb08fa4ba_z.jpg\" alt=\"12-tickets\"><\/a><\/p>\n<p><strong>Website<\/strong><\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/16137211280\" title=\"16-webseite by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm9.staticflickr.com\/8565\/16137211280_3fe4f1d56c_z.jpg\" alt=\"16-webseite\"><\/a><\/p>\n<p><strong>Garderobenmarken<\/strong><\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/16322798901\" title=\"17-wardrobe by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm8.staticflickr.com\/7489\/16322798901_6516cb479a_z.jpg\" alt=\"17-wardrobe\"><\/a><\/p>\n<p><strong>Shirts<\/strong><\/p>\n<p>Ich h\u00e4tte die Crew, die durch das CCH wuselt, gerne mit einem kunterbunten T-Shirt-Paket ausgestattet. <\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/16137211470\" title=\"13-shirts1 by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm8.staticflickr.com\/7487\/16137211470_54c7530feb_z.jpg\" alt=\"13-shirts1\"><\/a><br \/>\nLeider wurde ich durch zwei Realit\u00e4ten gestoppt. Zum einen ist es extrem unm\u00f6glich 15 Werktage vor Weihnachten noch haufenweise T-Shirts in f\u00fcnf Gr\u00f6\u00dfen, f\u00fcr Weiblein und M\u00e4nnlein, von m\u00f6glichst einem Hersteller, in guter Qualit\u00e4t und in genau den f\u00fcnf Pantone-T\u00f6nen zu erhalten, die man sich ausgedacht hat. Zum anderen wehte mir ein leiser Wind entgegen, der von verschiedenen Stellen fl\u00fcsterte, \u201eder Feld-, Wald- und Wiesen-Hacker trage ausschlie\u00dflich Schwarz\u201c. Diese schicke F\u00fcnfer-Kollektion blieb daher ein Konzept.<\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/16138717517\" title=\"14-shirts2 by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm9.staticflickr.com\/8638\/16138717517_3c08922d43_z.jpg\" alt=\"14-shirts2\"><\/a><br \/>\nFreuen durften sich aber alle \u201eEngel\u201c \u2013 die freiwilligen Helfer des Kongresses \u2013 \u00fcber zwei farbige Versionen der Shirts, die noch \u201egewuppt\u201c werden konnten.<\/p>\n<p><a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/15702162774\" title=\"15-shirts3 by Sven Sedivy, on Flickr\" target=\"_blank\"><img src=\"https:\/\/farm8.staticflickr.com\/7487\/15702162774_f1b312c719_z.jpg\" alt=\"15-shirts3\"><\/a><br \/>\nAm Kollektions-Ausgabeschalter gab es f\u00fcr alle regul\u00e4ren Besucher nat\u00fcrlich die gewohnte Zusammenstellung aus T-Shirts, Hoodie und Zipper-Jacke.<br \/>\nAls ich am ersten Tag die Menschenschlange vor dieser Bude sah, war ich einer \u00fcberw\u00e4ltigenden Ohnmacht nahe. Ich habe Warteschlangen bei iPhone-Ver\u00f6ffentlichungen gesehen, die dagegen unbedeutend wirkten. Das sind die Momente in denen ich es liebe zu gestalten \u2013 da geht das Herzchen auf. :)<\/p>\n<p>Noch sch\u00f6ner war es zu sehen, wie die emsigen Macher und Bastler vor Ort mit Logo und Design spielten und experimentierten. Ob Stick-Computer oder 3D-Drucker \u2013 vor wenigen Medien wurde halt gemacht. Mehr dazu gibt es hier in einer <a href=\"https:\/\/www.flickr.com\/photos\/graphorama\/sets\/72157647940539444\/\">Flickr-Galerie<\/a>.<br \/>\nUnd wer sich noch was basteln will, <del datetime=\"2018-01-09T12:53:17+00:00\">findet im <a href=\"https:\/\/events.ccc.de\/congress\/2014\/wiki\/Static:Propaganda\" target=\"_blank\">31C3 Wiki eine Menge Source-Dateien vom Design<\/a>, inkl. Poster und Visuals.<\/del> <\/p>\n<p>UPDATE: Das Wiki scheint \u00fcber die Jahre immer mal wieder die Dateien verschluckt zu haben. Da sie aktuell wieder nicht auffindbar sind, kann das Paket nun hier runtergeladen werden, erstmalig auch inkl. der Druckdateien f\u00fcr die T-Shirts und Hoodies: <\/p>\n<p><a href=\"http:\/\/graphorama.de\/download\/31C3-gfx-source.zip\" alt=\"download\">31C3-gfx-source.zip<\/a><br \/>\n<font color=\"red\"><strong>DISCLAIMER:<\/strong>Diese Druckdaten d\u00fcrfen ausschlie\u00dflich zu privaten, nicht kommerziellen Zwecken eingesetzt werden!<\/font><\/p>\n<p>Ich m\u00f6chte mich an dieser Stelle noch bei allen Menschen bedanken, die mich in meiner Gestaltungsarbeit tatkr\u00e4ftig unterst\u00fctzt haben. Ohne euch h\u00e4tte es nicht so viel Spa\u00df gemacht! :)<br \/>\nDanke an erdgeist, cpunkt, Falk, Tim, Lynne, Gunnar, Andreas, Jannes, Cornelis, Hannes, Andi, Florian, zakx, Roland, Andy und alle, die ich aus der un\u00fcberschaubaren Menge an Mails jetzt nicht rausextrahiert bekommen habe und die sich genau jetzt denken: \u201eWar ja klar, dass er genau MICH vergisst!\u201c <\/p>\n<p><strong>Danke f\u00fcr alles.<\/strong> :)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u201cWelcome to the largest hacker conference in the free world!\u201c \u2013 mit diesen Worten startete am 27.12.2014 der 31. Chaos Communication Congress in sein Opening Event. Rund 12.000 Besucher bev\u00f6lkerten vier Tage lang das Hamburger CCH. Ein enthusiastischer Haufen Menschen &hellip; <a href=\"http:\/\/www.graphorama.de\/blog\/31c3-das-design\/\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[8,9],"tags":[],"_links":{"self":[{"href":"http:\/\/www.graphorama.de\/blog\/wp-json\/wp\/v2\/posts\/48"}],"collection":[{"href":"http:\/\/www.graphorama.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.graphorama.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.graphorama.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.graphorama.de\/blog\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":0,"href":"http:\/\/www.graphorama.de\/blog\/wp-json\/wp\/v2\/posts\/48\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.graphorama.de\/blog\/wp-json\/wp\/v2\/media?parent=48"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.graphorama.de\/blog\/wp-json\/wp\/v2\/categories?post=48"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.graphorama.de\/blog\/wp-json\/wp\/v2\/tags?post=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}