8/22/2019 Visit Washington

1/6

VISITWASHINGTONAPortfolioforGaelToweyDesignedbyBryanDosono

8/22/2019 Visit Washington

2/6

TableofContents

v CoverLetterv WashingtonMemoriesv WashingtonFamousv WashingtonBeauty

8/22/2019 Visit Washington

3/6

December9,2011

DearGealTowey,

HavingenrolledinProfessorTerryBrooksINFO424:InformationVisualizationandAesthetics

course this past fall, I have grown to love the look and feel of your graceful designs. Your

involvement withMartha StewartLiving Omnimedia has shaped the sensibilityof the company

through aesthetics that are elegantly simple, classically stylish, and always instructive. As an

aspiring professional designer, I hope to one day make such a profound impact in the media

industryasyouhave!

Tobetter give you a sense ofmydesign experience, I have created this portfolio that featuresseveralpages foryourupcomingpublication, VisitWashingtonOften.Youmaynotice thatmy

inspirationdrawsfromvisualmodelsscannedoffofMarthaStewartLiving.Eachportfolioentryis

linkedwithanonlinepageandIjustifyhowmyadaptationtellsthestoryofeachofpage.Ilook

forwardtoreceivinganyfeedbackyoumayhaveaboutmywork!

Respectfully,

BryanDosono

BachelorofScienceinInformatics:HumanComputerInteraction

TheInformationSchool,UniversityofWashingtonSeattle

http://www.bdosono.com/

8/22/2019 Visit Washington

4/6

WashingtonMemoriesAestheticCongruencyEverysinglephotochosenonthispageevokesmemoriesforboth natives and tourists that visit Washington State. Thebowlof apples andthe iconography ofMountRainierin thebottomrighthandcornerarehighlyassociatedwithsummermonths,suchasthefeaturedmonthofJune.Thecolorschemeofthese two images providesa greatcontrast between the`warmandcoldtemperaturesthatexistatdifferentgeographiclocations in the state during the summer. The shadowedl ower on the upper l eft hand corner i s the coastrhododendronthe oficialstate lowerand isbasedoffofgreen andpink tints,againprovidinganothernaturalfeel tothe page. The images cleverly take up space in the evidentgapstowardstheendofthecalendarandarethusverywellintegrated into the page.This page is elegantly designedtocarrythereaderfromthebeginningofthecalendar(June1st)totheendofthecalendar(June30th).Becausethelinesofthecalendar table are not heavy, the readers eyes can easily

traversethrougheachcelltoindaspeciicdateinmind.

LinkingMechanism

Thelinkingstructureisverycongruouswiththecolorschemeofthepage.Thewebsiteheaderitselfprovidesanicecontrasttothewhitebackgroundofthecalendar.Moreover,thegreennavigationlinksatthetopofthepageareashadewithinthesamecolorfamilyasthegreensfoundinthewesternhemlocktrees(theoficialstatetree)towardsthebottomofthepage.Linksarenaturallyseparatedwiththeuseofwhitesymbols.

MovementJusti7ication

ThispageeffectivelyusesSilverlighttoillustratemotionwhenthestatelowerslidesgracefullyacrossthepage.Suchamovementimmediatelygrabsthereadersattentionanddirectsthereadertothetitleofthesite,WashingtonMemories.Asthelowersweepstotheright,italsobecomesmoretranslucentuntilitdisappearsandtheentireprocessrepeatsindeinitely.ThispatternisanalogoustohowWesternsocietyreadstextfromlefttoright,cateringtothemagazineslargefollowingofEnglishsubscribers.

8/22/2019 Visit Washington

5/6

WashingtonFamousAestheticCongruencyThethreerounddessertimagesaddapleasantlycomfortingtouch to this rendition of a page for famous Washingtonrecipes.Thecolorsredandorangemakeupamajorityofthesiteshues,whichevokeverywarmandsweetconnotations.This adaptation well integrates these tepid colors into thefeatured apple tartsdesserts served in many Washingtonrestaurants.Overall, the images arewell integratedinto theimageandsupportanaestheticbalancebetweenthecurvesofthecuisineimagesandthestraightedgesofthefamousrecipe.Intermsofeyemanagement,readersmayindthesilverwarelocatedintheupperleftcornertocatchtheireyeasacommonstartingpoint.Thepresenceofthesilverware,inadditiontothecheckerednapkins,addsweighttothatareaofthepagetograsp the readers initial attention.The reader then followsthe downward trail of the three apple tart desserts beforehavingtoredirectvisiontothetopoftherecipe.

LinkingMechanism

Thelinkingstructuredeliberatelyremainsexactlythesamethroughouttheentireonlineportfolio.ThisprovidesconsistencyoffamiliardesigntonewandoldreadersofVisitWashingtonOften.Thewebsiteheaderitselfprovidesanicecontrasttothewhitebackgroundsofeachmagazinepage.Anadditionallinktotheexplanationandjustiicationofeachpagehasalsobeenincludedinthenavigationmenu,whichdirectsbacktothisdocument.

MovementJusti7ication

Theredcaptionsthataccompanythedessertsinthisdesignserveasaestheticdetoursfromthenormaldeviationofthemaintext.Forthisreason,thecaptionshavebeenanimatedtofadeinto/outoftheforeground/background.Thiscleveranimation,createdinMicrosoftExpressionBlend,allowsthereadertotakeinandabsorbthefullpictureofthedelectabledessertsforasecondortwowithoutanytextualorgraphicaldistractions.Althoughtheanimationrepeatsininitely,thecaptionlocationremainsconstantinordertoaligndirectlyunderneaththerespectivedesserts.

8/22/2019 Visit Washington

6/6

WashingtonBeautyAestheticCongruencyThispageimplementsathree-columnlayouttodisplaybothtextualandpictorialinformation.Theupperrighthandphotoisundoubtedlythemainfocalpointbecauseittakesupmorethana thirdofthepageand spanstwocolumns.Thegridisalso divided by a secondary picture that is adjacent to themainone.Nonetheless,theoverallgriddesignstillallowsforacomprehendible reading experience for any person whocomesacrossthispage.Asevidentlyillustrated,winetastingisa common pasttime formany adventurousWashingtonians.The rich, red color scheme that is used in this adaptationevokes cozy andwelcoming feelings.Themainpicture usestheelementofperspectivetodrawattentiontothecolumnarobjectson thetablelike theglass ofwine. Dramatic visualcuesinthisadaptionmayevenmakeexperiencedwinetasterssalivate! The beautiful pictures included in this aestheticdesignprovidegreatvisualstoanotherdensepageoftext.

LinkingMechanism

Forthisportfolioentryinparticular,thelinkingstructureandnavigationbarheadingprovidesaperfectcomplimenttothecolorschemeofthepageathand(whiteagainstblack,greenagainstred).Thisresultsinthestrongestcontrastforgreenhyperlinkstostandoutfromtheirsurroundingbackground.Overall,thelinkingmechanismisabletosuccessfullydirectreadersfromonepageoftheportfoliotoanother.

MovementJusti7ication

Becausethispageisalreadyfullofdramaandtension,

excessiveuseofanimationswillnotbenecessarytoconveythemessageofwinetasting.Tohighlightthecontentsofeachwineglass,ananimatedsparkleGIFisrotatedonastationarycentralaxisforperpetuity.Thewineglasstotherighthasafastersparkleanimationbecauseitismoreprominentlycentered.Thustheperipheralleftwineglasshasasloweranimationspeedandalargersparklesinceitismoreclosetothereaderintermsofperspective.Asarecurringthemethroughouttheportfolio,allanimationswereprogrammedtofunctionininitelytoexciteandguidetheeyesofreaders.