Embed Size (px)
Citation preview
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!♥
