Professional Documents
Culture Documents
LohSengFong109072212BACM4A
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
2 | OBJEC CTIVE ES
o Methodsofm makingtheattractivetextandla ayoutinwe ebdesign o Des scribehow wtomakethebestwe ebdesignw withtypography o Des scribewhattherulesoftypogra aphyinwe ebdesign o Helptoimpro ovetheskil llofwebde esigner o Con nsisthowtomatchth hetypographyonwe ebsitewitheveryconcept and dtheme o Makethegoo odsenseinelemento oftypograp phyontheweb o Insp piredthed designermorepassionoftypography
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
ontoobser rvetheund derstandin nghimselfb byreading gthearticle eson observatio internetw whilepublic cobservationisthein nformation nsourcedf fromthearticles too.Insho ortterm,th heauthorh hadtoenh hancethec clarityofex xplanationabout theeffects softypogr raphyinwe ebdesign. Inotherw way,theaut thorhadto oconductthequestio onnairewi iththe participantinhissur rveryinord dertospec cifictheop pinionsthey yfeedback ktothe whichthea authoraske ed.Itllhig ghlightsthe eresultfromthebargraph questionw thatidenti ifytheadv vantagesan ndthedisa advantages softhetyp pographyin nweb design.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
Fortheint terviewsec ction,itsa acondition nthatthea authorshouldhavean intervieww withthemthroughth hechatting gonlinean ndtheface etofaceby y writingonpaper.Purposely,he ewasdoingthismethodforgainthewor rth heysharedaboutthetypograph hyhadaffe ecttothew webdesign n. opinionth
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
Descriptio on: Thebargr raphabove eshowedt thattotally y43people eswereres spondedto othis questionnairewhichrelatingto otheresea archtheau uthorhasb beenworki ingon. dsdisplaya areinbetw ween25ma alesand18 8females. Theamountrespond Anaysis: Thestatist ticsheresh hownthatthemajori ityofrespo ondsfromthemalep peoples thanfemalepeoples s.Thereaso oncouldbebecauseoftheauthorjustha ave muchmor remalefrie endsthanf female.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
2.Occupat tion
40 35 30 25 20 15 10 5 0 t Student Stud dent Prof fessional Profe essional Lecturer Lecturer 3 2 38
Descriptio on: Thebargr raphabove eshowedt thenumberofrespon ndentswhopositione edin occupation n.Theauth horidentifiedtheocc cupationfo ortherespo ondentsin n Student,P Professiona alandLecturer.Thisb bargraphw wascameuptheamount
Anaysis: Thestatist ticsheresh hownthat themajori ityofrespo ondsfromthestuden nts thanprofe essionandlecturer.T Thereasoncouldbeb becauseof ftheautho orstill havebeen nstudyingw withalots studentsin nhisclassa asitseasyforhimto odo researcha aboutthef feedbackfr romthestu udents.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
3.Country y
30 25 20 16 15 10 5 0 Local Local Asian Asian 0 Middle eEastern MiddleEastern M n Other 0 Othe er
27
Descriptio on: Thebargr raphabove eshowedt thatthenu umberresp pondentsw wereanswe ered thisquesti ionnairein ncountry.Itwasdisplayedthec countryfor rtherespo ondents wholivedineveryco ountry.Itm madeupth hetotalnumberof43 3responde ents,
sincenonumberformiddleeastern. Anaysis: Thestatist ticsheresh hownthatthemajori ityofrespo ondsfromthelocalp peoples thanAsian npeoplesa andmiddle eeastern.T Thereason ncouldbebecauseof fthe surveyslo ocationinM Malaysiaw wherethem majorityof fpeoplewh holivethere consistofthelocalp peoples.Th herefore,th heauthorj justpreferstowardsthe plesbecaus seofhisco ommunicat tionandso omeways. localpeop
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
4.Age
35 30 25 20 15 10 5 0 1520 1520 2 2025 20 25 above25 above25 8 5 30
Descriptio on: Thebargr raphabove eshowedt theagegro oupfromth heageof1 1520,202 25and above25y yearsold.I Itrepresen ntstheamo ountofthe eresponde entsintheage thatare30 0responde entsin202 25yearsoldsince8respondent tsaged15
Anaysis: Thestatist ticsheresh hownthatthetopofrespondsfromthe2 2025yearsold responden ntsthanot ther.There easoncouldbebecau useoftheoptimuma agein whichalotresponde entshaveb beenpursu uedtheiruniversitye educationw with ratthesam metime. theauthor
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
5.Faculty
25 20 20
15
13
10 5 3 1 0 FABE FBMG FABE FB BMG FDI FDI FICT FICT FM MC FM MC Outside er Outsider O 1
Descriptio on: Thebargr raphabove erepresent tthatamountofeachfacultyw which responden ntsstudied dinsuchas sFABE,FBM MG,FDI,FI ICT,FMCA ANDOUTSIDER. Accordingtothebar rgraph,the ereare20studentfro omFDI,13 3studentsfrom
FICT.Othe er,theouts siderwhon notstudied datLimkokwingUniv versityare5 responden nts. Anaysis: Thestatist ticsheresh hownthatthemajori ityofrespo ondsfromtheFDIstu udents andnexttotheFMC Cstudents. Thereasoncouldbe ebecauseo oftheauth horhas thesurveyonFDIstu udentswho owasmost tfamiliarto otypograp phy. conductst Theyareo oftendoing gthedesignwithtypo oforbroch hure,poste er,nameca ardand more.ButfortheFM MCstudent tsonlyvery yfocusedo onmultime ediaareat thanart fields.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
6.DoyouloveTypog graphy?
45 40 35 30 25 20 15 10 5 0 Yes Yes s No No 3 39
Descriptio on: Thebargr raphabove eshowedt thattotally y39respon ndentswho oliketypog graphy while3res spondentswhodoes sntliketyp pography. Anaysis: Thestatist ticsheresh hownthatthemajori ityofrespo ondsfromtherespon ndents wholovet typography y.Theythinktypogra aphyismos stimportantinthe communic cationasth heartlanguage.Ever rythingofte enrelating gtotypogra aphy thathassu urrounding gacrosstheirlifesuchasposter,tshirtde esign,logo o& brandandmore.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
Descriptio on: Thebargr raphabove eshowedt theamountoftheres spondents swhoacceptand dontacce epttheopinionasked dbytheauthor.Ther reare30re espondent tswho
Anaysis: Thestatist ticsheresh hownthatthemajori ityofrespo ondsfromtherespon ndents whosuppo orttheopinionthatt thetypogra aphysone emakethe ewebdesig gn looksinter resting.Becausethey yhavetheexperience esaboutth hewebdesign sincetheystudiedin nartfieldo orwebcourse.Orthe eydidhave eother esthrough hsurfacingontheinte ernet. experience
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
Descriptio on: Thebargr raphabove eshowedt theamountofrespon ndentsine eachlevel knowledge eabouttyp pography.Thereare26respondentswho oonlyhasa average knowledge einthetyp pographyf fieldwhile10peoples sverygood dfamiliart to
Anaysis: Theresultofthisbar rgraphthe eauthorca anfigureou utwhymanyrespond dents geknowled dgeabouttypographyinthissu urvey.Itsb becausetheyare hasaverag actuallystudentstha attheauth hordoingq questionnairewith.Therefore,1 10 ntshasgoo odknowled dgeatitthataresom melecturer randworke er. responden
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
Descriptio on: Thebargr raphabove eshowedh howmuchresponden ntsgivepointsonwhats withthety ypocanim mpactonwebdesign.Theresre espondents sanswered dfor typodesig gnis31poi intwhile24 4pointsfo orcolorand d23points sfortextla ayout.
with14points. fontsizew Anaysis: Thestatist ticsheresh hownthatthemajori ityofansw wersfortyp podesignT The reasoncou uldbebeca auseofthe eresponde entsthinkt thetypode esigncanb be awesomelookingwithvariousdesignins shape,colo or,stylean ndlinesasmulti design.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
15
10
9 6
4 2
0 Sim mple Modern Simple e Modern Traditional Traditional Curve Curve Graffiti Graffiti Cartoon Cartoon C
Descriptio on: Thebargr raphabove eshowedh howmuchresponden ntsgivepointsonwhats kindofthe elookingty ypothatth heylikethe emost.Atleasttherespondent tsgive theresultthatMode ernis21po oints,almos stnextto2 20pointsfo orSimplew while
4pointsan ndCartoonwith2points. Anaysis: Thestatist ticsheresh hownthem majorityof fpointsgiv venbytheresponden ntsthat isModern.Thereaso oncouldbebecausetherespon ndentsstill lyoungandoften verycoolty ypoasmod dernstyle.Besidethis,theyalso olikeSimp pletypo likeseeev becauseit tsveryclea anandspa aceasfeeleasyread.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
Descriptio on: Thebargr raphabove eshowedtheamount tofrespon ndentsdiddesignthe eirown typograph hyandfont tis30peop ples.While e13respon ndentsadm mitthatthe ey neverexpe eriencedaboutcreat tingtypoandfont. Anaysis: Intheresu ultofthisb bargraph,t theauthor rhasfigure edoutther rearealot t responden ntsthathasbeenstudiedinartfield.That tswhythe eyhave typograph hybasicmo oduleastheyhaveth hechancet todesignthelogowithfont ordrawing gastheiro owntypogr raphy.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
12
Descriptio on: Thebargr raphabove eshowedh howmuchresponden ntsgivepointsonwhats kindofdes signtypot theyoftensawthroug gheveryw website.Th herearefirs stly24 pointsforSimple,ne extto18po ointsforUn niquewhile eStylewith12points sand
Anaysis: Thisbargr raphgivetheresultthattheres spondentsoftensaw wthemostSimple typothrou ugheveryw website.So ofaritssu uchasFace ebookandMyspacea always usedthes simplefont tfortheirlogoandco ontents.
TheImpactofTypographyonWebDesign
nwith13points. Illustration
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
13.Whichtypoyouprefertolookatwebatveryf first?
30 25 20 15 15 10 5 0 Easytoread Easytoread d Interestedlooking Interestedlooking Moodcolo or Moodcolor 28
27
Descriptio on: Thebargr raphabove eshowedh howmuchresponden ntsgivepointsonwhich typotheyprefertor readoneve erywebsite.Theresthetopres sultmadeupfor ngLookingis28poin nts,almost t27points sforeasytoreadw while Interestin
Anaysis: Accordingtotheresultofbarg graph,theauthorhas sfiguredoutthatma any ntsprefert toreadthe etypoweb bintheinte erestedloo okingandt the responden easytorea ad.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
12
Descriptio on: Thebargr raphabove ewasconsi istedhowmuchpoin ntstheresp pondentsm marked onwhicht thesoftwarebetterf fordesignw weblayout t.Theymarkedoneb bestof thesesoftw warewith28pointsisFlashand dnextseco ondresulti isPhotoshop
is22point tswhileInd designCS5with12po ointsandC CorelDrawwith1poi ints. Anaysis: Thisbargr raphgivestheresultthatmany yrespondentshastho oughtFlash hisone bestsoftw wareindesignweblay yout.Itsb becauseFla ashstoolscangivem more interactive eandanim matedthed designobje ects.Other rwise,ifsta artdoingthe roughdesign,itshou uldbePhot toshoporIllustrator inthefirst tstep.Beca ause warehasb bettertooltomaketh hedesignm moreawes someande effect. thesesoftw
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
15 12 10 8
0 FontLab FontLab Ty ypeTool TypeTool Font tForge FontForge Dontkno ow Dontk know
Descriptio on: Thebargr raphabove ewasconsi isthowmu uchtheres spondentsknowthe softwarew whichforc createthet typeface.T Theres21responden ntsadmitte edthat
knowthissoftware,thatare12 2responde entsknowTypeTool, ,8respond dents tLaband7 7responde entsknowFontForge e. knowFont Anaysis: Throughth hestatistic cshere,the eauthorre ealizedtheresmanypeoplesdo ont knowwhatssoftwar reforcreat tetypeface ealthough htheyares studyingin nart fieldande evenworke er.Theaut thorfigured doutthatthesesoftw wareisarare driver.The eresonlyt theprofess sionaltypo ographyde esignerhas sbeenused dthem
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
Descriptio on: Thebargr raphabove eshowedh howmuchresponden ntsmarked dpointsonwhats mostimpo ortantelem mentsofty ypographythatmakethewebd design.Atleast
Whilethey ymarked1 19pointsfo orvisualde esign,otherare17po ointsforth he arrangeme entandalignment,14pointsfo orthecolor rand12po ointsforthe balance(size). Anaysis:T Throughout ttheresult tofthebargraphy,it tconsisted dthatthe responden ntswouldliketochoo osethesty yleandcon nceptforth hefirststepin doingdesigntheweb.Itsbeca ausetheco onceptisth hemostim mportantw wayto designwith hthethem melayout.T Therefore,thestyleo of matchtheelementd ededinthe ewebdesig gnthatwil llbemoreattractiveandcreative. designnee
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
3.3.2
Theauthorhasmade euptheap ppointmen ntwiththre eepeoples sfortheint terview hy.Thethreepeople aretwost tudentfrom m abouttheimpactofTypograph esignInnov vationandalecturernamedMr rColinfrom mFaculty FacultyDe Multimedi iaCreative ewhoteach htheautho orinthew webclass.T Theauthor rwas quitehapp pythatthe eyratherdo oingthein nterviewwithhimashisfirst experience e. Firstly,the eauthoras skedthemforthefirs stquestion nthatwasaboutto introduced dthemwh hichtheyne eedtodescribetheir rname,pro ofessionan nd backgroun nd.Theaut thorsques stionwasa aswellasa answeredb bythem. Thesecondquestion naskedbytheauthor rwas,whic chorwhat tgottheym more yfortheirgoodtypographywit thoutonlin neblogsan ndgalleries s.As inspiredby theirfeedb backtothisquestion n,therewassomebestwaytod drawinspir ration aremagaz zinesandshowcases.Moreover r,someofthemsaidtheinspira ationis fromanyw whereasit sallaroun ndwiththe emlikelyitskindsom mehappenedto
gnershoul ld otherthings.So,theyhadgivensomeadvisesthateverydesig rneytotherealsituat tionbythe eirowneye esastheyw will maketheirownjour eelementfromcultu ures,archit tecturesan ndliving. learnsome Inthethird dquestion n,itsabout taskingwh hatstheth hingthatth heycantlive without.T Theyhasgiv venthesameanswersthatisP Photoshopbecauseitsthe powerfult toolonthe efirstbasethattheycaneditph hotos,desi ignthelayouts andetc.M Moreover,P Photoshop pcanbethe efirstsoftw warethatw wouldbea applied fromothersoftwaresuchas3d dsmax,Ind design,Flas shandDre eamweaverfor otoshopiso onebestfo ordesignin ngtypobypaintingan nd editthepicture.Pho withbrushe estoolswh hileitalsog givethetyp powithaw wesomeeff fects. drawingw
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
Forthefou urthquestion,theau uthorhasa askedwhat tsthethingthatthey y preferdes signinthew webdesign n.Thelectureranswe eredhisqu uestionbytelling thathepre eferstheq qualityofcontentbec causeever rywebsites sneedprov vided theinform mationwhic chtheuser rsreallyne eedtoknow waboutth heirservice e, product,n newsandb blogging.Th heusersalsoneedto ogainthet trustybyre eading thespecifi ic,principle eandpersonalinform mation(company).Byother,th heres onegirlstu udentwho oaregoodateverydesignfieldthatalsoa answeredt this sameques stion.Shet toldthatsh hepreferschoosetherightcolo orsandthe e simple&c cleanands styletypob becausethecolorsca anmaketh hebackground designmo oreattractive,thesim mple&clea angivethebackgroun ndlooksve ery comfortab bleandhar rmonywhilethestyle etypoappearedthelayoutwith hthe veryuniqu ueandcrea ativedesign. Finally,the eauthorha asfinished dtheirinterview,hew wasimpres ssedwitht the worthkno owledgean ndexperien nceswhich hsharedby ythem.Sofartheaut thor hascollect tedtheseu usefulinformationto ofillhisdat taresearch hasthisresearch willbeone ebestsour rceofresearchforth heImpacto ofTypographyonWe eb Design.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
3.3.3
Therer remanyar rticlesthea authorhas sbeenread dthrought thatisalla aboutthet typoon webde esign.Inad daily,there esthepeo oplesalway yshasdow withintern netshopp ping online,mediasoc cialwebsites,mediamassandd downloadstorages.H However,t theres tlysomew websitever ryattracted dthepeop plesthatistohavetheamazing g current functio onal,theinterestinginteractive,theniced designons surfaceand dthegood d conten ntinformat tion.Notonlythis,bu utitsalsoneededtosatisfypeo oplestheb best waytodosimplygoodarrangement,contrastandbalance easitcand domuchhelp esgeteasyonreading gtheconte entonweb bsite.Thet textisthec contextthat people people ealwaysreadatthev verybeginn ningandth hatswhyit tbethemostimport tant tooltodesignedinwebdes sign.Inafa act,typographyissom methingca animpacta and onthepeo oplefeeling gasthecon nvergenceofartandlanguage.Thismake esit moveo hugelypowerfulasatoolandamean nsofexpres ssion.Simp ply,itscalledwhat ke.Manyd designersh hasbeende esigningth hetypobas sedonwha at languagelookslik on.Itisavisualvoiceforallthecommunic cation wordsmeant,conceptandimaginatio rgecorpora ation.Itiss supposedt toexpresstheiridentitybelegi ible,pleasa antto ofalar lookat t,worktech hnicallyacrossplatfo orms,andb beapplicab bleacrosst theworld. Everyth hingcanbe einspiratio onal.Thety ypedesign ncurrentlybecamem moreappro opriate, fashion nable,legib bleandcoo olatthede efinetime.Typedesignhasalw waysbeen eclectic c.Typehas salwaysm mirroredwh hatwentoninthevis sualworld.Theseday ysit doesso oasquickly yasmusicdoesandevenmore equicklyth hanliteratu ureandfilm m becaus setheycan ndesignan ndproduce easinglety ypefaceinafewdays s,allonthe eir own. Bythisresearch,theauthor rwasgettingclosert tothegood dsenseson ntypoelem ment eblayout.T Theauthor rhadlearn nedthever ryusefulm methodtom maketheb best andwe webde esign.Inco onclusion,t thetypographyismo ostkeyforthecomm municationinweb
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
design. .Certainly, ,thetextc canbeimag gewhichcanexpress sedthefee elingasitll lmuch possibl lyreachon nthesense eofpeople es.Itneeds sgoodconc cepts,style elayoutsa and colorsinorderto omaintaintheweblo ookmorein nteresting.Sincetheystartwith hthe nwebdesig gn,theyjustdesignit twithstyle eandcolor rasitlltur rnsinrealt typo texton design. . Whilet tutorialsan ndlistpost tsareindeedusefulr resources,thedesign nermustta akethe timeto oreflecton nthefinertheoretica alintricacie esofdesign nsoastof furtherdev velop ourapp preciationandunder rstandingo ofthiswon nderfulcraf ft.Putsimp ply,theauthor wouldlovetosee emorecon ntentbaseddesignw websitesinthedesign ncommuni ity.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
3.3.4
Throug ghthisrese earch,ther resmanys stuffsverypleasedth heauthort toobserved dthe publicabouthow wdidthew webpossiblyimpacted dthepeop pleswithth hetypo.Th he emethodstomoveth hesenseof ftypoasit tllpossibly yreachonthe authorfoundthe gofpeoplesaboutho owmuchth hetypocan nimaginet theirimage e.Duringt the feeling authorsobservat tion,theauthorreali izedthatm manywebsitesgoterrorlayoutand eoplesdoe esntknow wwhatmaintainthew weblookin nteresting. sometimesthepe dingtotheauthorsm mind,many yreasonst thattheychoosetheunsuitable efonts Accord andthe eydontba alancethetextconte entonpara agraphand dalignment. Theauthorpragm maticthatw wheneverpeoplevisitawebsit te,chances saretheyw wont picturesorsounds,pe eoplewilli immediate elylook caremuchabouttheillustrationsorp text.Peopl lesearchtheinternethopingto ofindtheinformationtheynee ed. atthet Theyarelookingforinformationand thisinform mationcom meinthefo ormoftext t nt.Howelsearewesupposedto ocommun nicatethem messagew wewantwh hile conten integra atingitino ourdesign? ?Regardles ssofhowm manyspecialfeatureswasbuilt tinto thewe ebsite,ever ryonewilla alwaysdep pendontextcontent ttoobtainwhateverthey wantw whenvisitin ngthesite. .Thisalone eshouldm maketypographyasuitablewife efor thewe ebdesign.F Foralltype esofcomm munication, ,themostimportant tthingisto obe ableto ofullytrans smitthemessagetot thereceivi ingend.Inotherwor rds,inweb b designi ing,themo ostimportantthingis stomakeourreader rsundersta andwhatev veritis wearetryingtoc convey.Thisiswhere etypographycomesi in.Ifthete extinourd design smalltorea ad,ortooc crampedu up,orifitir rritatesthe eaudience ewhileview wing istoos thedes sign,thepa agewontgetasecondglance.Now,95% %oftheinf formation commu unicatedontheinter rnetiswrittenlangua age.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
relatingtotheImpac ctoftypographyonw webdesign n.Theresm manyarticlesthe whichr authorhasreadt togetalot tinformatio onthatwillmighthe elpinhisdo oingresear rch. sthemainpointsthe eauthorwanttodesc cribedasfo ollowsbelo ow: Theres 1. Typogr raphyismo ostimporta antinWeb bDesign 2. MarriageofTypo ographyandWebDes sign aboutWebDesignLay yout 3. Factsa
Typographyism mostimpor rtantinWe ebDesign LUANN NE(2010)T Throughou uthistory,b beitintern netorrealworld,typ pographyhas alwaysbeenvery yimportant.Itisasim mportantto odayasitw wasbackthen.Typog graphy ntegralpart tofwebde esign,from mheadlines stosubhe eadlinestosmallersized isanin textintheconten nt,typogra aphyisapu urecombin nationofartandscie enceanditisa eofwebde esign.Perfe ectingtypo ographymeansperfe ectingread dability, verycrucialpiece usability,an ndallinallgraphicha armonyforreaders.Bydoingso o,weachie eveour ease,u goalas swebdesig gnerstoco ommunicat teclearlyw withourreadersandtheyintur rn, enjoyo ourwebde esigns.Foralltypeso ofcommun nication,themostimportantthingis tobea abletofully ytransmitthemessagetother receivingend.Inothe erwords,inweb designi ing,themo ostimportantthingis stomakeourreader rsundersta andwhatev veritis wearetryingtoc convey.Thisiswhere etypographycomesi in.Ifthete extinourd design smalltorea ad,ortooc crampedu up,orifitir rritatesthe eaudience ewhileview wing istoos thedes sign,thepa agewontgetasecondglance.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
Therefo ore,itsjus stlogicalto osuggestt thatawebdesigners shouldpref ferablyget t effectiv vetraining ginthekey ydisciplineofshaping gwrittenin nformation n,puttingit simply: :Typograp phy. Marria ageofTypo ographyan ndWebDe esign LUANN NE(2010)Whenever rpeoplevisitawebsi iteyouhav vedesigned d,chances sare theywontcarem muchabou uttheillust trationsorpicturesorsounds,p peoplewill l diatelylook katthetex xt.Peoples searchtheinterneth hopingtofi indthe immed informationtheyneed.The eyarelookingforinfo ormationa andthisinf formationc come formoftex xtcontent.Howelsearewesup pposedtocommunic catetheme essage inthef wewan ntwhileintegratingitinourde esign?Rega ardlessofh howmanyspecial feature esyouhave ebuiltinto othewebsiteyouvedesigned,everyonewillalways s depend dontextcontenttoo obtainwha ateverthey ywantwhenvisitingthesite.T This alones shouldmak ketypographyasuita ablewifefo oryourwe ebdesign. Factsa aboutWeb bDesignLa ayout GRAVE ERIS(2008)Youmaya alsonotice eforsuchd designsitsmoreabo outgrid,harmonic
colorfu ulphotos,im magesoric cons,crazy ybackgroundsorexp perimentation.Almos stallof thosed designsare everyclean n,slightlyi increasingwebpageloadingtim me,sometimes itscrucialtohaveaslightd designsasp possible,fo orexample ereddit,di igg,stumbleupon networksa alsoconsist tofveryfe ewimagesandwhere eispossiblejustcolorand socialn CSSisu used.
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
4 | CO ONCLU USION N
Throug ghthecour rseofthism modulean ndresearch htheautho orhascom metogathe eralot ofinfor rmationre egardinghistopic.Am majorityof ftheresearchwasba asedon unders standingth hetypograp phyelementsonthewebdesig gn.Through hsurveysr results authorremarkedthatthese eelements sneedtob bepresentinorderfo orpeopleto onwheret thetypogra aphyisbas sedonweb blayout. realizethelocatio esearchwa ascompiled dalltheda atagivenb bytheLimk kokwingstu udentsand dthe Thisre lecture erthenitllsofarmig ghtbecome ethereview wtotheau uthorabou uthissurve ey. Fromit tgetmorethingstha attheauthorhasbee ensearchin ngmanyarticlesasithelped himtocompletethisresear rchwithth heveryuse efulinformations. sresearchhascovere edalltheto opicsthek keyresearc chquestion nsthe Conclusively,this ofindansw wersrangin ngfromallareasofty ypographyelementw with authorwantedto yout. weblay Theauthorwould dliketothankfulMsAnis,them module(Re esearchMe ethodology y)and
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
http:// /ilovetypog graphy.com m/2008/02/28/aguid detoweb typograph hy/[Access sed 23thNovember2 2011] Mirza,A.(2011)W WebDesignBasix:W WhyTypographyMatters[Online e]Available efrom: /webdesign n.tutsplus.c com/article es/typogra aphyarticle es/webde esignbasixwhy http:// typogra aphymatters/[Acce essed23thNovember2011]
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
Hi!MynameisLoh hSengFong gfromLimk kokwingstudentwhom majoringinBachelorCr reative Multimedia.Itspu urposelyaboutdoingthissurveyinordertou understandandcompr rehend moreab boutwhatp peoplethinkofthetyp pographyon nwebdesig gn,andalsofromapointof viewofanexpecta f ationhowth heylookattheircreati ionsandthe eirevolutionthrougho outtime. Yourco ooperationismuchappreciated.P Pleasetickt theappropriateboxbe elow:
Person nalDetail
1. Gender: Male Female urer Lectu
Pro ofessionals
Asian
Midd dleEastern
Other:____ __________ __ 4. Age: 15to20 0 20to25 above25 FBMG G Outsider FDI I FICT T
7. Sinceyour rehappened dtopassion nfortheaw wesomeweb bdesign,didyoueverthink itsallbeca auseoftypo ography?: Yes No
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A 8. Howwelldoyouknow waboutthetypography y? Poorknowledge nowledge Averagekn Goodknow wledge
ocanimpac ctyouthrou ughtheweb bdesign?(cantickmor rethanone) 9. Whichtypo Logo Color Contents Fontsize TextLayout TypoDe esign
doftheloo okingtypoth hatyoulike edthemost? 10. Whatskind Simple Modern Traditional Curve Graffiti Cartoo on
hebestsoftw wareforde esignthewe eblayout?(cantickmo orethanone) 14. Whichisth Flash Dreamwea aver InDesignCS5 Illust trator Photoshop p
CorelDraw
TheImpactofTypographyonWebDesign
Unique
Simple
Style
illust tration
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A Fontlab Typetool Fon ntForge Dontkn now
Balance(size)
websitewhic chveryattra activeyoub bysometec chniquesex xpect 17. Haveyousawsomew typo?ifyes s,pleaseyouexplainab boutit..(ifd donthavea anyinforma ationyouha ave,just leaveablan nk) _________ __________ __________ __________ __________ __________ __________ _______ _________ __________ __________ __________ __________ __________ __________ _______ _________ __________ __________ __________ __________ __________ __________ _______ _________ __________ __________ __________ __________ __________ __________ _______
TheImpactofTypographyonWebDesign
BCM2912|Researc B chMethodology
LohSengFong109072212BACM4A
TheImpactofTypographyonWebDesign