Games for Visual Thinking

Games for Visual Thinking

اسلاید 1: Games for Visual ThinkingScott Kim•shufflebrain.comAdobe, Feb 5, 2009

اسلاید 2: Puzzles

اسلاید 3: IdesignpuzzlesPRINTTOYSCOMPUTER

اسلاید 4: GamesforvisualthinkingAMBIGRAMSDESIGNEDUCATIONPHOTOGRAB

اسلاید 5: AMBIGRAMSAmbigramsVisualwordplay

اسلاید 6: Whatletteristhis?

اسلاید 7: Hint:it’snotL

اسلاید 8: Answer

اسلاید 9: ApuzzleisaproblemthatisfuntosolveandhasarightanswerAsopposedtoeveryday“problems”Asopposedtoatoyoragame

اسلاید 10: ApuzzleisaproblemthatisfuntosolveandhasarightanswerAsopposedtoeveryday“problems”Asopposedtoatoyoragame

اسلاید 11: ApuzzleisaproblemthatisfuntosolveandhasarightanswerAsopposedtoeveryday“problems”Asopposedtoatoyoragame

اسلاید 12: AmbigramsOnetypeofvisualpuzzleI’veexploredisambigrams—wordswrittensotheyreadinmorethanoneway.Herearesomeambigramlogos(notbyme).

اسلاید 13: AmbigramsI’vecreatedSeemoreofmyambigramsathttp://scottkim.com

اسلاید 14: MakeyourownambigramschumpWritethiswordinconnectedcursive,leavebowlofPslightlyopen.Instantambigram!USAWritethissoitreadsthesamerightsideupandupsidedown.Siseasy.WhataboutU/A?AdobeWritethissoitreadsthesameupsidedown.Canyoudoit?

اسلاید 15: DESIGNEDUCATIONDesignEducationPuzzlesthatchangehowyouthink

اسلاید 16: WorkingwithinafixedformMostpuzzledesignersworkwithinanexistingform

اسلاید 17: Topic:LetterpartsIletthetopicdictatetheform.Forinstance,whatpuzzleteachesthepartsofletters?

اسلاید 18: Vocabulary1.Avocabularypuzzlereinforcesnames,notconcepts.

اسلاید 19: Multiplechoicequiz2.Avisualquizpuzzlereinforcesconcepts.

اسلاید 20: Puzzle(adobe.com)3.Aperceptualpuzzle,likethisonefromadobe.com,trainsthinking.Matcheachdetailwithaletterform.

اسلاید 21: CounterProposal(NewMedia)Here’saperceptualpuzzlefromNewMediaaboutfonts.Spacesin&aroundlettersare“counters”.

اسلاید 22: CounterProposal(NewMedia)Matcheachcounterwiththeletteritisfrom.

اسلاید 23: MystGrayscalepaintingElevationmap3DrenderedimageTheartistsbehindMystconvertedagrayscalepaintingintoanelevationmap.White=high,black=low.

اسلاید 24: CybermeshImadethisintoapuzzlebyusingCyberMesh,aPhotoshoppluginbyJohnKnoll,authorofPhotoshop.

اسلاید 25: NormalFaceHere’showCybermeshturnsagrayscaleimageofJohn’sfaceintoa3Dmesh.

اسلاید 26: InvertedChangingthegrayscaleimagechangesthemesh.E.g.invertingblackandwhiteturnsthemeshinsideout.

اسلاید 27: PosterizedPosterizingtheimagecreatesstairsteps.

اسلاید 28: PinchPinchingtheimageenlargesthenose.

اسلاید 29: BlurredBlurringtheimagecreatesthisghostlyface.

اسلاید 30: FinishedpuzzleThefinishedpuzzle:Matcheachimagewitha3Dmesh.

اسلاید 31: Surfacesofrevolution

اسلاید 32: SurfacesofrevolutionMatchpairsofshapesmadefromthesamecross-section.

اسلاید 33: Color

اسلاید 34: Morphing

اسلاید 35: Animation

اسلاید 36: Logodesign

اسلاید 37: MagazinepuzzlesAwayofwritingaboutatopicRegularpuzzlesincreaseloyaltyContestsincreaseinvolvement

اسلاید 38: Interactivepuzzlesletyoudomorewith3D.VizAbility

اسلاید 39: Vase/ProfileFigure/groundisaconceptthatworkswellasagame.Thefigurehereisthevase,thegroundisthefaces.

اسلاید 40: Escher

اسلاید 41: SimplifyTomakethisvisualillusioninteractive,firstsimplifytheshapesbyputtingthemonagrid.

اسلاید 42: MakeInteractiveIfyoudragablackobject,there’swhiteunderneath.Ifyoudragawhiteobject,there’sblackunderneath.

اسلاید 43: FigureGroundgamePlaythisgameathttp://clockworkgoldfish.com/figureground/play.phpToplaythisparticularpuzzle,clickonList,thenscrolldowntoSky.

اسلاید 44: PHOTOGRABPhotograbBraingamesmeetsocialmedia

اسلاید 45: Threetrends1.CasualgamesBEJEWELEDROCKBANDElectronicgamesarenowforeveryone,notjustteenageboys.

اسلاید 46: Threetrends1.Casualgames2.MentalfitnessSUDOKUBRAINAGEPeoplewanttoexercisetheirbrains,notjusttheirbodies.

اسلاید 47: Threetrends1.Casualgames2.Mentalfitness3.SocialmediaFACEBOOKMediaisnowproducedbyeveryone,distributedeverywhere.

اسلاید 48: GamesforhealthylifestyleHealthy+Stylish=OntrendThethreetrendsadduptogamesaspartofahealthylifestyle.

اسلاید 49: PhotograbOurfirstgameisPhotograb.Goalistofinddetailsinaphoto.Photograbexercisesvisualperception.

اسلاید 50: PhotograbPlayerscanputintheirownphotos.ThisimageisfromAdobeLightroom’sMelissaGaul.Playthisgameathttp://shufflebrain.com/standalone/photograb.html?mediaSetID=1096

اسلاید 51: PhotograbPlayer-generatedcontentSyndicatedgamesliveonyoursite.Ratingsystem

اسلاید 52: Nextgame:Wordstream

اسلاید 53: ConclusionsConclusions

اسلاید 54: GamesforvisualthinkingAMBIGRAMSDESIGNEDUCATIONPHOTOGRABGamescanbeusedtoteachandexercisevisualthinking.

اسلاید 55: InteractiondesignLikeinteractiondesign,puzzledesignisaboutcreatingagooduserexperience.Exceptthepathfromstarttoendistrickier.

اسلاید 56: ThankYoushufflebrain.com