MATERIALITÄT · 2018-05-06 · Haptik: rauh – glatt – strukturiert. DRUCKVERFAHREN....

GRAFIK2MATERIALITÄT

Von /ElviraStein @elvirastein

WASISTMATERIALITÄT?

ANSPRECHENDURCHEMOTIONEN

ASPEKTEANALOGERMATERIALITÄTErwerben–Aneignen–Spüren–Sammeln(undArchivieren)

EINZIGARTIGKEIT

WasmachtdieInteraktionmituns?

WiemachenwirunsObjektezueigen?

WasführtzudieseremotionalenBindungen?

undweiter:

JacquesHerzog,Architekt

«DieSehnsuchtnachganzprimitiven,einfachenErlebnissenbrichtnichtab.»

«WerallesnurnochmitdemKopfundmitdenAugenwahrnimmt,reduziertsichselbst,istimganzwortwörtlichenSinn

beschränkt.»

SINNLICHKEITWiekönnenwiraufunmittelbare,sinnlicheWeise

ansprechen?

EMOTIONENSiemachenunsklugundmenschlich.

MICROINTERACTIONS

MaterialitätäußertsichinderInteraktion

ANALOG:INSICHTBAREN,FÜHLBAREN

EINDRÜCKENBeispielBuch:dasUmblätternisteinmanuellerAkt,das

ÜberwindeneinesfeinenWiderstands

DIGITAL:INSUBTILERVERÄNDERUNG

WiekannsichdieVeränderungausdrücken?

ANIMATIONBewegung:eineEingabelöstBewegungausTempo:etwaskannschnelleroderlangsamerwerden

TONEBENEBenutzereingabenlösenSoundsaus

Yourbrowserdoesnotcurrentlyrecognizeanyofthe

videoformatsavailable.

Clickheretovisitourfrequentlyaskedquestions

aboutHTML5video.

0:00/0:03

BILDEBENEOpazität:dieTransparenzverändertsichSchärfe:BilderwerdenscharfoderunscharfVeränderungderHelligkeit

MICROINTERACTIONSMini-FunktionenerfüllengenaueineAufgabe

MicrointeractionssindderSchlüsselzuguterUserExperience.

ChuckLonganeckerin

«Bybeingintentionalaboutuserexperienceinthosesmallmoments,thataretypicallyneglected,youcanshowcasethepersonalityofyourapp,aswellas

buildingloyaltyamongusers.»GiveyourWebsiteSoulwithEmotionallyIntelligentInteractions

ZUSÄTZLICHEDIMENSIONDURCH

PHYSISCHEEFFEKTE

LiegtesgutinderHand?

Istesschwer?Leicht?

WelcheAssoziationenwecktes?

KONTEXTWerwirdesverwenden,inwelchemZusammenhang?

CarolineHummelsonDesignandEmotionvia

«Bydesigningcontextsforexperienceinsteadofsimplyproducts,thefocusshiftsfromtheresultofinteraction[…]towardstheinvolvementduringinteraction[…].»

InternationalJournalofDesign

AUFLAGE

PAPIER

gestrichen–ungestrichenglänzend–mattFarbeGrammatur:Widerstand,Opazität,VolumenHaptik:rauh–glatt–strukturiert

DRUCKVERFAHREN

DigitaldruckOffsetdruckSiebdruckBuchdruck/LetterpressLinoldruckHandschrift

FARBEN

1c:Bitmap,Graustufen4c:Vierfarbdruck(Standard)Sonderfarben

VEREDELUNGEN

Lackierung(matt/glänzend)PrägungHeißfolienprägungLaminierung(matt/glänzend)Stanzungen,Falzungen,Perforation,…

BINDUNG

KlebebindungFadenheftungKlammerheftungVorsatzpapiereSoftcover–HardcoverFlappen,…

MATERIALITÄTIMDESIGN

HANDMADE

SKEUOMORPHISMUS

FLATDESIGN

ABSTRAKTIONEntwicklungvonnaturalistischerzustilisierterDarstellung

VereinfachungmachtDesignuniverseller

RESUMÉDurchVermischenunsereranalogenunddigitalen

Werkzeuge,HandgemachtemundComputergrafik,könnenwirbesondere,einzigartigeProdukteschaffen.

WirweckendurchReferenzierenderursprünglichenMaterialitätdamitverbundeneAssoziationen.

ThomasSchranz,ProductManagerbeiBlossomin

«Weallknowfantasticproductswhenweseethem.Theymakeyousmile,theytouchyoursoul.Theymakeyouwonder.Theyhelpyoudiscover.Theygiveyousuper

powers.»

ThesimpleSecretbehindwonderfulProducts

«IT’SABOUTCARINGMORETHANOTHERSDO.»

DANKE!♥