GESTALTUNG VON MATERIALITÄT - Elvira Stein · ANALOG: IN SICHTBAREN, FÜHLBAREN EINDRÜCKEN Beispiel Buch: das Umblättern ist ein manueller Akt, das Überwinden eines feinen Widerstands

GESTALTUNGVONMATERIALITÄT

Von /ElviraStein @elvirastein

http://elvirastein.com/

http://twitter.com/elvirastein

INTERAKTION

MaterialitätäußertsichinderInteraktion

ANALOG:INSICHTBAREN,FÜHLBAREN

EINDRÜCKENBeispielBuch:dasUmblätternisteinmanuellerAkt,das

ÜberwindeneinesfeinenWiderstands

DIGITAL:INSUBTILERVERÄNDERUNGWiekannsichdieVeränderungausdrücken?

ANIMATIONBewegung:eineEingabelöstBewegungausTempo:etwaskannschnelleroderlangsamerwerden

Via

Youcansayalotwithaheart.IntroducinganewwaytoshowhowyoufeelonTwitter:

—Twitter(@Twitter)

https://t.co/WKBEmORXNWpic.twitter.com/G4ZGe0rDTP

November3,2015Twitter’sHeartAnimationinFullCSS

https://t.co/WKBEmORXNW

https://t.co/G4ZGe0rDTP

https://twitter.com/Twitter/status/661558661131558915

https://blog.prototypr.io/twitter-s-heart-animation-in-full-css-b1c00ca5b774#.6ftnzhwsx

TONEBENEBenutzereingabenlösenSoundsaus

Playbackisn'tsupportedonthisdevice.

0:00/0:03

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

DonaldNormanvia

«Beautyandbrains,pleasureandusability–theyshouldgohandinhand»

ustwo.com

http://ustwo.com/

MICROINTERACTIONSMini-FunktionenerfüllengenaueineAufgabe

MicrointeractionssindderSchlüsselzuguterUserExperience.

INTUITIVUNDERFREULICH

Smart Design

CL ICK FOR SOUND

Smart Design

CL ICK FOR SOUND

ViaMicrointeractions–DesigningwithDetails

https://vine.co/v/bErUwzMJZPH

https://vine.co/v/bErUwzMJZPH

https://vine.co/v/bEblaqQrxm0

https://vine.co/v/bEblaqQrxm0

http://microinteractions.com/what-is-a-microinteraction/

ChuckLonganeckerin

«Bybeingintentionalaboutuserexperienceinthosesmallmoments,thataretypicallyneglected,youcanshowcasethepersonalityofyourapp,aswellas

buildingloyaltyamongusers.»GiveyourWebsiteSoulwithEmotionallyIntelligentInteractions

https://www.smashingmagazine.com/20%E2%80%A6

«IT’SABOUTCARINGMORETHANOTHERSDO.»

MÖGLICHKEITENDERGESTALTUNGIM

DRUCK

WiekönnenwirbesondereProdukteschaffen?

DETAILS

EmotionundErfahrungmitdemObjektspieleneinewichtigeRollefürdenBenutzer.

LiegtesgutinderHand?

Istesschwer?Leicht?

WelcheAssoziationenwecktes?

KONTEXTWerwirdesverwenden,inwelchemZusammenhang?

CarolineHummelsonDesignandEmotionvia

«Bydesigningcontextsforexperienceinsteadofsimplyproducts,thefocusshiftsfromtheresultofinteraction[…]towardstheinvolvementduringinteraction[…].Thismeansthatthedesigner’semphasis

shouldnotmerelylieoncreatingabeautiful,pleasingproductinappearance,

butexpandtocreatingabeautiful,engaginginteractionwithaproduct.»

InternationalJournalofDesign

http://www.ijdesign.org/ojs/index.php/IJDesign/article/view/626/255

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

DANKE!♥

GESTALTUNG VON MATERIALITÄT - Elvira Stein · ANALOG: IN SICHTBAREN, FÜHLBAREN EINDRÜCKEN Beispiel Buch: das Umblättern ist ein manueller Akt, das Überwinden eines feinen Widerstands

Documents