Typography and Visual Design Notes - Akshansh
•
1 like•528 views
This digital notebook contains the handwritten notes by Akshansh Chaudhary. The notes are a part of the course MFA Design + Technology. MFADT was taught at Parsons School of Design, New York. For more content and study material, visit https://www.akshansh.net/.
Recommended
More Related Content
More from Akshansh Chaudhary
More from Akshansh Chaudhary (20)
Recently uploaded
Recently uploaded (20)
Typography and Visual Design Notes - Akshansh
- 2. ualdesign WILLIAM BEVINGTON LEGEND Assignments Homework StoryboardingIBiamsheiming ArtistHesigneotolookup Events prospectstoexplore
- 3. 28Jan2019 A classthatcreates goodpieces for a portfolio AboutWilliam Created over sooopiecesofwork Taughtfor39 yes Gittopied over soooopieces ofwork Go to Morganlibrary I look at theGutenbergBible HISTORY OF WESTERN TYPE Typeeast in the 80s Onepara I noo Phototypesetting boxesmadeoflead Pb COLD Gutenberg letterpressprocess TYPE create ve ofthe character came theletter on top ofindenter headthemetalinside themould I Akshansh Chaudhary 1 MFADT | Parsons School of Design
- 4. aE.si hIiTft theblack fIIe1450 I850 i Keening Uppercase lowercase are called so o they were keptin cases Tof capitals kept lowercaseletterskeptbelow Flatiron building was builtfrommakingtype Then came thelinetype machine Byliningup all themoulds 1850 1950 7 µ theearlydays manuscripts were re written 5 6tines byhand before final em Akshansh Chaudhary 2 MFADT | Parsons School of Design
- 5. when given to a designerforprinting t iii 1 HEL 9 11 9 ptfont 2ft spacebelow it Helvetia Is 12 pica spacebetween words Then came phototyping TimesNew Roman was a mess beforethen because Saif didn't work Lf properly Then came digitaltyping Intellectual property aestkeptincreasing Manifestation oftype 8 Composing a piecewhichlooks good non designers are unableto knowhowto reach a piecewhich is manifested well Akshansh Chaudhary 3 MFADT | Parsons School of Design
- 6. DESIGN PROCESS FOR THE CLASS Intelligence Manifestation Ideation Generation lPublishing Conceptualization Effectuation Stucturalgiation OneofthebestTypebooks a poeticstyleofwriting In William's top toobook list Assignment ResearchtheworkofJan Tschichold Do Typotest Identifythefontfounder foundry yearofdesign fontclassification Ulf AffairSans Serif Serif slab serif serif Akshansh Chaudhary 4 MFADT | Parsons School of Design
- 7. D Latin Glabserif Top sofonts we would study in class o Assignment Getan existingpieceoftext Grab a piece offeetfrom it create a 8 5 x 11 inch doc from it C2pages pureblockoftypefrunningfeet Tryto use one ofthe 50 typefaces useInDesignJustifiedalignment u singGoldenproportionsGo to Strand look to createdivisions ofthrough the books for pages Cmargins inspiration abcttgklmnasm.me naturalism Akshansh Chaudhary 5 MFADT | Parsons School of Design
- 8. t f Ottman.iq tfaa.TEim F.EaEg THE 04Feb 2019 Note A typeface shouldalwayshave a breeder Think ofit as the typebeing in itsworld secludingitself 72ptsize was thehighest it wasaboutthesizeof an inch These were made outofmetal whenthey went over 72pt theystarted using woodtype Whenthe pt sizeincreased the size ofpunctuation gotreduced so thatpunctuationdoesn't overpowertype Akshansh Chaudhary 6 MFADT | Parsons School of Design
- 9. Courier font Monospaced 1712.4 l em a measurement in type a squareof a pt size en Yzofthe em II em Denkany em widthemforyourfont Ds em there xcept seen in addwhitespace option in Da em InDesign figures come in 2 styles Oldstylefigures liningfig Pencilsizes 9H SH 7H 2h HB H B IB 613 00 Oldstylefigures are designedto beinside thetext ascender 022 3456789 descender Jumpingout NASA este gammgdqu.ua o oldstyle O is a perfect aide can beusefulfordesign Akshansh Chaudhary 7 MFADT | Parsons School of Design
- 10. gn Lining figures home same cap ht thesamesetwidth f 341 o easytoalign in tables Set on the same end space let me giveyou more info is 2 sentences are linkedtogether are independent a strong pause II through Cohen Thee Yzofend hyphen don't use underscore usually used forrenaming e o Froughly is difftypes ofa page Myassignment font Georgia Content Creative confidence byTom Kelley Thefontis largerthanthecontent use ofwhitespace Akshansh Chaudhary 8 MFADT | Parsons School of Design
- 11. GillSans mostpopularfontin the UK Italian set in Bodoni German set in Helvetia good Bookreference OriginoftheSerif Baskervillefont wantedtocreate Saiffonts heperfectfont OldstyleTraditoiralthodei Usespolishedplates tocreatecodedpapufp.eswhite reinventedpaper paper Reinvents ink Super blathates newgenernoftype Ms Eaves wifeofBaskerville Gill created GilldansfewLondon underground Johnson's fontstyle ITC InternationalTypeface Corp moderatespacefor 9 P ascender descender µ Never use Georgia b Densefont moresparkle Fidge spacefor asc descender Akshansh Chaudhary 9 MFADT | Parsons School of Design
- 12. Eone was maim TFf E Assignmentfor next week Bringbacktheparabreaks ofpeer text Do theentireassignmentagainwith 2parallelstories typeface Antique olive text sans serif humanist 3things you cannot copyright in Us Title Typeface Theonlydi criticalmarkusedin English coordination naive Originally text was wiutten in Black letters Aldus tenet serif oldstyle Akshansh Chaudhary 10 MFADT | Parsons School of Design
- 13. Bauer Bodoni text serif Modern Didone a setofmoderns Akaidenz Grotesk 4text Sanssuit contemporary neogrotesque Thin vs hightfont Thinis tighterthanlight butwider Next collection offontsfornext wk Pg 12ofsyllabus 6fonts Berthold Baskerville Bell centennial I BellGothic Bembo Caston Adobe learnthem CenturyExpanded CLASS TEST Akshansh Chaudhary 11 MFADT | Parsons School of Design
- 14. 11Feb 2019 References Identifont Wikipedia Linotype Monotype FONT STUDY BERTHOLD BASKERVILLE Designer A Berthold Typeclassification serif transitional Tdfear ofDesign 1961 Foundry Berthold Typefoundry Baskerville G Peignotd fits linotype BELL CENTENNIAL Designer MichaelCarter TypeClassification Sansserifgrotesque µear ofDesign 1975 78 humanist foundry Mergenthalerbiotype By AT T Akshansh Chaudhary 12 MFADT | Parsons School of Design
- 15. BELLGOTHIC Replaced by BellCentennial Designer Chauncey H Geoffoth ITypeClassification Sansserifrealist ear ofDesign 1938 foundry MergenthalerLinotype AT T BEMBO StanleyMorrison Designer FrancescoGriffo GiovanniAntonio Tagliente Monotypedrawing office AlfredFairbank fgeaassitiatin gatefoldHthfaanhmmainmmtianus YearofDesign Pierpont foundry Monotype WW TdyCASLON ADOBE Designer CarolTwombly TypeClassification Serif oldstyle ear ofDesign 1722,1734 1770 my foundry Adobe 6Mmoreangled L Caslon Typefoundry thanBertholdBaskerville Akshansh Chaudhary 13 MFADT | Parsons School of Design
- 16. Akshansh Chaudhary 14 MFADT | Parsons School of Design
- 17. Centaurohas a classic log m dash Review on my work you couldhavechosen a traditional Chinese type Text Creatine Confidence byTom Kelley Text TippingPointby front Barkentina MalcolmGladwell byKiril Zlatko font XiQuejuzhenti Csee chae jujen when youblendtwo texts in one think aboutthe choice ofyour text funnything aboutTypography Ifyoukeepabusing it it finallygins idiom Bevington context when typeorientationdoesn'tlookrightkeep modifying Akshansh Chaudhary 15 MFADT | Parsons School of Design
- 18. Paragraphing style Timfemme E one ends 9typesofpaintingtechniques Digital Cmostly usedtoday Letterpress Cmostlyused in theearlydays Opacity vs Graycolor use gray instead Opacitydrawstent through dots Teatdoesn'tlike that R G B T Valuefrom y i'Is Issass O J Yfom perfectwee I k togetherform a togetherdon't 100 tamarafoaled this black tocomplete thespectrum BEN DAY PATTERNS Cdotpatterns Assignmentfornext week Pg 17 Use an image create 22 34 in poster pic type Use Shakespeare's Ctiflettext Akshansh Chaudhary 16 MFADT | Parsons School of Design
- 19. Akshansh Chaudhary 17 MFADT | Parsons School of Design
- 20. Akshansh Chaudhary 18 MFADT | Parsons School of Design
- 21. 25Feb 2019 Everytypefaceis either a Display or a Text Decorative Fonts forNextweek foundry X 2 characteristics oftypet Think ofcontemporaryfont conventional loriginallook So ifyou were tochoose 2fonts take 1 Serif Contemporary conamfaealyans suit contemporary fonts are very modular like Helvetica Geometric fonts are lesslegible eg g in Futura used to look the ed puregeometry Stale suit goodforscreen fonts Humanist F variation in linestress 3 Dsifttus Script was invented in the IndustrialRevolution So muchvisiting designedtobewritten withspeed forsecretaries usedtables with 30 height Akshansh Chaudhary 19 MFADT | Parsons School of Design
- 22. Blackletter based on core German font Comments on posters Whendesigningfor a largescale create a thumbnail version visualize it You want tocreate sth youcan look at everyday Theidea of It I I Manyelements are working together to create one visual identity Trytocreate a oneness Rightnow ifs I t l 2 9mg Text Seetheoffsetline build Trytoreducethe as per that intensityofthepiece Putwater over it take multiplepictures ofit see howit looks experiment Akshansh Chaudhary 20 MFADT | Parsons School of Design
- 23. EdwardLeida Artistdoinggreat typographic work Things thatalways work A block ofcharacters III thascriptrunning over it eg English character running over block ofChinese y oglloed.a a Akshansh Chaudhary 21 MFADT | Parsons School of Design
- 24. Akshansh Chaudhary 22 MFADT | Parsons School of Design
- 25. Akshansh Chaudhary 23 MFADT | Parsons School of Design
- 26. Akshansh Chaudhary 24 MFADT | Parsons School of Design
- 27. I 1 Man2019 Cooper Uniontypestyle Helvetia Garamond Tomakethe type a littlelargerlsmaller trick 95 I 02 2 larger 3 harem Always works News Gothia goodfor all caps Trajan used a lot in the movies Typestarted with Upperease Butcapitalwriting over over led A lower case Akshansh Chaudhary 25 MFADT | Parsons School of Design
- 28. Quantitativepoetry the lines are ofthesame length When creating a series lsetof3 trytokeepthe typeconsistent fogy som The Flower x ray visual e very humanistic Whenthe user awareness in you can cheat with the clarity Tarik when you select an objectin InDesign it shows the selection in complementary color So it gives a goodsense of the other color on yourpiece White will alwaysbethe mostpowerfulcontrasting colon So use it to create contrast O Akshansh Chaudhary 26 MFADT | Parsons School of Design
- 29. o Human eye perception we see horizontallinesthicker than vertical o Myoitiqire MarkAntony shouldnotpaint at thefont Supporttype in Hamletis very low color keep it below Date T 8 L placementis At alignthe skull not a happything TE in graphic design fT IIMHangman L Think aboutthedivision ofspace Romeo Juliet use to create a heartshape Akshansh Chaudhary 27 MFADT | Parsons School of Design
- 30. Propaganda Series I want you Advertisement Germany Americal 3 Environmentalissues Socialissues Advocacyposters Itshouldhave a call to action Do I getcritique then doso Complete the requiredreading seesyllabus Akshansh Chaudhary 28 MFADT | Parsons School of Design
- 31. 25 Man2019 Quick way to checkthetype ofsansseif te Et Typetest passage references FederalistPaperNumber 33 byAlexander Hamilton Crucialdocumentto understand the history of Constitution Americanschools don'tteach cursive witinganymore signhistory Us Typographically it was difficulttowrite so theysplitthe U m Sb Then it camedown to Latin doesn'thave a j it came later It sounded similar to i That's why teret look of I 3 in Fette Fraktur is similar Akshansh Chaudhary 29 MFADT | Parsons School of Design
- 32. fonts fornextweek GillSans Humanist SansSeif GoudyOldStyle oldStyle Siret Granjon Text Serif Old StyleHelvetica Nene Text sansSerif contemporary TecGalliard Text Saif oldStyle0 numberis a perfectcircle Me Galliard came from Persian minting of Arabic 0 I 2 z When it came to the west they justflippedthefontto read fromthe left o z s kindofhowArabic was written Akshansh Chaudhary 30 MFADT | Parsons School of Design
- 33. PROPAGANDA In American writing it's notconsidered a goodthing Theidea is to beinformative The racingpattern in Europe vs America Eu Cars bikes go on a route othoothUSA we want to sit see constant entertainment create atblock change Bam ee colors EnI pie forthe Street aaaa a papaya qq.gg qq.gg may ofjumping over the wall Akshansh Chaudhary 31 MFADT | Parsons School of Design
- 34. It's notnaturalto thinkabout it a typewriter has justone font So iftheyneed 2fonts on a webpage you need 2 typewriters The thing aboutseries Make one thing workperfectly let others follow thepattern a you are appropriating it not creating originalcontent Aseries can be a groupof propagandaposters fromhistory changing thetext It won'tteach a lotabout graphic design Akshansh Chaudhary 32 MFADT | Parsons School of Design
- 35. Akshansh Chaudhary 33 MFADT | Parsons School of Design
- 36. Akshansh Chaudhary 34 MFADT | Parsons School of Design
- 37. Akshansh Chaudhary 35 MFADT | Parsons School of Design
- 38. 01Apb2019 TYPE TEST Fonts fornextweek JoannaText Serif Transitional Janson Text Serif OldStyle Jenson Text Saif OldStyle gifted Text serif transitional Modern Meta Text Sansserif Humanist Akshansh Chaudhary 36 MFADT | Parsons School of Design
- 39. Assignmentforneretweeke Come upwith a series of symbols that can beused in a collection Findsomething which doesn't exist as a series eg aseries fortheperiodic table Present3 4 elements intheseries Paint 3 3 in Cno formatreqd butpainted Critique any submission Akshansh Chaudhary 37 MFADT | Parsons School of Design
- 40. Mousecursorisgetting lost Smoking strongestpiece youate thebeesinsteadofhoney Has a PulpFiction graphic quality Used a lot ofditches Create an onlinepiece digitalis more interactive relevant Relatethe 3pieces CHALLENGE Makethe3pieces randomized digitally interactive Greatpieces Greatcolorchoice Akshansh Chaudhary 38 MFADT | Parsons School of Design
- 41. Akshansh Chaudhary 39 MFADT | Parsons School of Design
- 42. Akshansh Chaudhary 40 MFADT | Parsons School of Design
- 43. Akshansh Chaudhary 41 MFADT | Parsons School of Design
- 44. 08Apr2019 TYPE TEST x x x x re Icons Idea Use a setofsmallelements try tobuild the icon set using that IconIdea create your versionofsignlanguage Taxonomyseries sentence matting Series of expressions Akshansh Chaudhary 42 MFADT | Parsons School of Design
- 45. It's a technique thinkaboutseries location chat sins To do Set Communication Devices Design 2 posters seines usingthe iconseries Idea Create an infographic Communication poster with all elements a partof it I 4Series ofSeasons Series ofplanets Series ofchairs t axes moons Akshansh Chaudhary 43 MFADT | Parsons School of Design
- 46. Akshansh Chaudhary 44 MFADT | Parsons School of Design
- 47. Akshansh Chaudhary 45 MFADT | Parsons School of Design
- 48. Akshansh Chaudhary 46 MFADT | Parsons School of Design
- 49. Communication Symbols 18 a ffiEEEEiIIIJIHIF'E EEEE.it EEf 0 O G Idea Privacyhasbeenobscured FEIIEEFE.EEtIFI'HI.EEiEE7EEEEE tEEEFzh.iaaahota.eqeigauage TO.t tight.EE iiiiIi7iii Eg tE.tt Akshansh Chaudhary 47 MFADT | Parsons School of Design
- 50. 16Apr2019 iswritten toooupsagomaybe1stnovel t.mn I ages Assignment fornext2weeks DataNigCreatea wordmap Akshansh Chaudhary 48 MFADT | Parsons School of Design
- 51. Createa system I havethatbuild a pattern Idea OsePeroResearch Data in Tableau Don'tplacetype arbitrarily paintedformat 1 2 Createthefirstdraftofyourmonographpage spreads for nextweek Idea Have youdesignedwork with caption I textrunning with it whichtalksaboutthe design m7 GmatqY nadm we did in can create a portfolio class the link Instagramaccount a etc Idea builda portfolio monograph ofyourcollective piece Ifyou wantto include otherdesignworkinthis you can Bookcover shouldshow YETTefft Akshansh Chaudhary 49 MFADT | Parsons School of Design
- 52. Full EE west blunder fouareovercompli ok eating your concept Theuseofassets should havemore powerthantype 3Dobjectinvading thespaceofa Fµ fdEd'Tsreaking 2B object throughet Thenature of Textseems tobe Typeshouldhave typedsymbol floating their own world Should bedifft Falooseidm lightshouldbe blwsymbolttypeJMfneekisaemmkmu.bysurveillance uniform Akshansh Chaudhary 50 MFADT | Parsons School of Design
- 53. Akshansh Chaudhary 51 MFADT | Parsons School of Design
- 54. Akshansh Chaudhary 52 MFADT | Parsons School of Design
- 55. Akshansh Chaudhary 53 MFADT | Parsons School of Design
- 56. Akshansh Chaudhary 54 MFADT | Parsons School of Design
- 57. 22Apr2019 Quickest ways to identify OldStyle Wordraaps Font a heightisusuallysmall Comments i D3js Akshansh Chaudhary 55 MFADT | Parsons School of Design
- 58. Fontenoteagategay µohefm inspiration Pollock When youare showing top10 in yourvisualign trytoshow the bottom 10 as well toget a perspective Akey1legendoverpowersthepieceat times Yourvisualignshould notrequire thekeytoexplain it Cefpossible Try todo a treemapstyle Think ofa narrativesystemtohave Lgonnectedlookofregions BleedthedataCoop it Exaggerate yourtonality Make it horizontal Akshansh Chaudhary 56 MFADT | Parsons School of Design
- 59. Musicsalesis veryinteresting Instreamingservice the more thewind thelowerthe value youget eg TheBeatles got 5 perpiece earned n toota If it were today they wouldearn 33KFwhattin in value Book designdone by William Bevington discussedthe useof 0 typography the gridstyles at theendofthebook FHFA It dead II space activate it to sth that isn'tbalanced useds1hunbalancedto counter ahafjfjg.eslookgoodinthe small size Akshansh Chaudhary 57 MFADT | Parsons School of Design
- 60. O e makethewhitespace similar Makethedaggerin line with Nextweeks 3 WordMaps UpdatedfromFinalversions of Monograms today'scomments Akshansh Chaudhary 58 MFADT | Parsons School of Design
- 61. Akshansh Chaudhary 59 MFADT | Parsons School of Design
- 62. Akshansh Chaudhary 60 MFADT | Parsons School of Design
- 63. Akshansh Chaudhary 61 MFADT | Parsons School of Design
- 64. 29Apr2019 watchthefilm Helvetica Aseriffontusuallyhashew no ofweights Modern shaleserif have more weights Highest.me ofweights are in sans serif Oblique leaned overfromoriginalfontStatic re created an italicfont Akshansh Chaudhary 62 MFADT | Parsons School of Design
- 65. Usingitalicin sansserif is notthatgreat Ifyouwantitalics use serif SubSaharan tunaPark ConeyIsland Africa'sviolence 0RoneyExpress MaildeliveryacrosstheUs doneusinghorse riding byorphans Akshansh Chaudhary 63 MFADT | Parsons School of Design
- 66. MuellerReport GehmanFirstNames Japanese Names UsLastNames Bandperformancestageranking Akshansh Chaudhary 64 MFADT | Parsons School of Design
- 67. Usingkeyas a ruleris smart Dopostprocessing work ontheteat sothatitdoesn't come in thesame line Finalpresentation MayI4th Tue 6 45pm Tipsfewportfolio keep your audio non audioweekseparate foryour portfolio Peopleviewbothworkdifferently you don't want toconfuse them Akshansh Chaudhary 65 MFADT | Parsons School of Design
- 68. Increasethesize ofyour works Decreasethe DonNaaman's wok think aboutthepieces next toeachother They are almost competing Changethefontto Rockwellor sthelse I add morespaceto it Akshansh Chaudhary 66 MFADT | Parsons School of Design
- 69. Akshansh Chaudhary 67 MFADT | Parsons School of Design
- 70. Akshansh Chaudhary 68 MFADT | Parsons School of Design
- 71. Akshansh Chaudhary 69 MFADT | Parsons School of Design
- 72. 06May2019 TYPE TEST A FinalDeliverable May17Hai Senda PDF ofyourswork ME Akshansh Chaudhary 70 MFADT | Parsons School of Design
- 73. Updates comments on the monograph Akshansh Chaudhary 71 MFADT | Parsons School of Design
- 74. 13May2019 GREAT DESIGNERS PaulRand Bradbury Thompson Rudy deHanak MassimoVignelli JosefMiller Brockmann EpePericles Akshansh Chaudhary 72 MFADT | Parsons School of Design
- 75. JanTschichold DavidCarson HerbertMatter Chip Kidd AlexeyBrodovitch AlvinLustig Akshansh Chaudhary 73 MFADT | Parsons School of Design
- 76. Neville Brody ArminHoffman AprilGreenman KurtSchwitters x no Thetypographer designer who you want changed April Gaiman w Why Useofpastels high contrasting colors F mere visual lesstype to ThetypographerIdesigneryonwanthbereplacedwith TPaulaschercidentity designer AdrianFrutiger off Createdvisuals forTN NosaulBass 8 Netflixseries Abstract Akshansh Chaudhary 74 MFADT | Parsons School of Design
- 77. ShigeoFukuda 0 Amanda Cox o MatthewCaito NYTimes yieldcurve Tadanoniyokoo SusanKare KenyaHara OldMacicons MichaelBierut Charles Nin 4MtMediaLabLego o GuriaEkiss Letha Vignelli DesignMagnetism How youfeelconnected to an object a feeling that'sbeyondthesurface Akshansh Chaudhary 75 MFADT | Parsons School of Design