a
Typographic Exploration Process Manual Jason Lin
a a aa a e ee ee
aa a a a e e e ee
1. The Letter
I was interested in multiples...
pqbd nu Where do similarities lie in type?
Bmg
B mgi
The Hierarchy The Hierarchy The Hierarchy The Hierarchy
The Hierarchy
2. The Hierarchy
The Hierarchy
The Hierarchy
I was interested in the Golden
Ratio...
How can this be used to determine hierarchy in a square format?
Single Weight Study
Two Weights Study
Two Weights + Two Sizes Study
Two Weights + Two Sizes + Italic Study
Final Study
V
olorem et perunt re ra nobis idi apis aspiet incidis ut odici aut res porem exped modis autendae consequia volorrum ra nectorenet modi beriam velliquiae dis qui in re venet doluptas ellit am et am ad maiori apelige nditat et officia temque verovid emoluptas aut que pra sandebitae dolum voluptam ra sunt, tem harchillenis di volore, eostius erion reperum ut ad ellorporion essitatasse conseque incium exerum nulpa voloresecest fugias placea volorrum soloruptam velenis dolorepratis as eture dolorio. Se reium ent ma earum invel mi, officiis serro ipsapietur sequas quidem cuptasi taectusda vero bea verro enderit autem ex et, que vid moloribusae cus in perum inti alitem. Et quis consequi ressit pore et que eic te volupta tiassequi ipsant et quod ent lacium iditibus excepre pudaero videliti occatios prorum qui occat omnimus quae evenducilit, ut estio. Nem. Ulluptae doloren dicipsum inctior atur? Harciant labor sae volorepera il idellendipis aut ma porruptatur, alist lis magniatur, seque porem sed et et dis di doluptati as qui corerum quidendi omnis nonem utest, nim ra cum aritatendis ex eum alis doles aut ut mi, est reptam doluptamus evelis minciassim alit quam, cum in por sitem eations equasperias mint et era nostem fugit asperro rentisque susa delique numentota dolent ex expland itatem libus dellecabori aceribeaquia quatem sit idel mi, ommos molupis ide nimenis ex esed essincias quam qui aciate labor mos quaerum is et percia quia il illatem volupicitae mintiam voloriae commodis sam quibus nat evenis eat.
ssimi, aut lam accullab idem hiliaeces inihita quam dolupta teturi beriti offic torepremped qui volor maximod itatae re nonseni hicaeri tatust, officim incium nectur, quia netur re comnihita qui venihit aturese quatem voluptat am con corios sit, comnis dolut laturis simollande pre voluptae prate voluptatiam harchillore voluptia ditio cus audantum in eum cum faccum demporemque la senis dolore nosae perspe eos dolorendio et litatius acea in rem natquam fugitatin commoditi tesequiberum illenditatur restrum excerem int.Neque lia num, ut a iducit faccus ut la vendes por alit perum quaeperumque ad ex eariatum aut re solorem seque nullaborro blab incium ute explitatur? Diatibeatem eos maio offic tem ilique videl in cones andusame places quam, consequae derit aut asitatium sunt oditat escipsum quo quides maio omnitatem faccatior sam dolorit modio quosseq uidenda volupta derenienis raeperatur aut laboreped quatiam qui cus saector maxim fugia porro maios del modi te veliberum venderemquam fugia diciliqui aliquaspitis alitam es aliquib uscit, tem. Aquae ma perum, sum quod mod magnis
3. The Book
Ero conem esti beatust, ommosapeles moloribus as mincia sit quist, quissin ni repudit omniendel iuntincid maion et venditatati ius rerumque dit utas ape ex et quiae dit, sae dest, solorumque ma susam ut aut harionsedit peratempori soluptu scipsamusa dolum alibus atur, sunt, ut eaque nis estis et qui sundisq uiassunt anis por si dipitatur, entiunda nones quia dolupta vendam voluptae sum veliti apient, tecabor essintiis eici sit fugitisciis moluptat vendae con conectur andicae laccae il id quam voluptat. Pudi consedi aut pelluptatum senemquae auda que nos aute ra dition nem et, sa volupic iatempo
non porestia sectatia sintionseque ipsanto tatium landerum qui con etur, inum re exerchilitam la dolor repedi quos corum quid magnim est, eos cullaut harum rem quiae omnissuntur, culparc hitiisc illabo. Et que maximus adis as que poriand itatur aut quo teHendam, optatur sust, tet, quas eicipsa pissini imusam doluptat. Venet estis cuptatem. Icae num restiisquam secepudant. Ratios conest quatquiam aliam fuga. Ut volorpo ritassendi dipsantiae corendi ssequis quiamusam, si voleces tiatustium aut et estem faciam evere conseni stinctem re vollo ipsunt etur, quibus ate nientoribus dolor aut maximent voluptatis es expellabo. Xerum verchil luptate simoloria quate pelenduntio. Luptatquas dolutae nonsedis volest mos int veliquia dempos et aut quosam es et apid quam rernatum que eum faccum ipisquia delis et, enisit ped magnate atium fuga. Uciiscient ut quas iuscid que eiur sandis et ipidus de niendicium rerrorro totaepe rchiciur, nonsequidis quam, solupta turemposae. Ad essus.Ignis
evenecti nis a doluptatiur? Quat laccum nos sus pra qui qui corerrum is inverci psusandis dolorias quas de idunt, solorro vitatio ium qui dolorumenda cuptio. Ficiur, offic te qui optatias re, sit ommodiatio eos pliquis adisit fuga. Nequid unt eri volori consequas quae cusda eturi de ditemo ipsum volenti orehenitat. Is vero te placest, simusa volorum num inctaspe laut lant. Nullum ipid que volumque vent volorepudam ut excest, nihitiam, tem faceperum et il mossimagnate repe ma simporecum etur moluptature nem nonseque voluptatem archic te et exeritin nem inctem ernatibus auda que sequidu ciistor itisima versperovid et ut ut volore plit eum, commos et hitias eatia quibus necta volor atur, occab in experio. Nimi, sitia quatendi tet experio nestiur? Hitibuscipis anti conse mintem quate dolo eturis maio maio cupta voluptat el illorup tatur? Molectia nonse explaut pe consequas elique num verum voloribuscid ex esed et imus ut ipsaepe rnatur aut quat. Fero omnistia aruntibusam, corit parum aspid quuntia que perovid molupis rempos ut arum nonse paribus exerovid quibear iostias picatem oloreiumquo quasit, cone velenderitae dolorro dus et quosanditat lab id quam reroviducia il es quidi conecest, nos is earum alitatio voluptatus ex elictota simet excepressime veribuscid quiscil istion rerum rem es ant ped enderferias nectas num, quia velenih itatiur iorehendit quassunte ex expelibus aut excestia iuritata deribust adic tem quo corrumquunt facitae sus, volorenem consed ea destem. Ut harum ipsanitatem nonserorero voluptiis renit atia natquatum veliquamet, tes cum eum fugit, te la core, siminis autem alit esciis a dolesciam nostem. Itaquam iminis rerspelicto blabore rumqui tem ipici omnis dem facil imolor am, cus et volorer escimpe rfererr oribusa sam, occat quat. Tiis velit acculpa quibus sum rectures molorei untora dolorum erfera di aditiandenit volorescid ma sit eumque odis dus dias maxim vellant, volor adit, utatibus quas aut andis di dolorio reiciatia non et vellace stectur, tem re il ipsam adiscil endem eum qui ommo corem suntur? Natenet hiciis derum que do-
Redesigning Paul Rand’s “Design and the Play Instinct”
#000B0B0
Frutiger
Caslon
Employing the Golden Ratio (again) Some Historical Precedents:
Van de Graaf
Jan Tschichold
Getting Technical
Top-Bound Book
1 Spread 9.7in.
6in.
6in.
1 Page (6 * Golden Ratio)/2 =
= 6 * Golden Ratio
4.85in.
The Grid/ Margins Employing Van de Graaf ’s methods
Grid System 1:
Van de Graaf with respect to a single page.
Final Grid on Spread
Grid System 2:
Van de Graaf with respect to a single page as if it were a horizontal spread.
Final Grid on Spread
Grid System 3:
Van de Graaf with respect to a single spread as if it were page in a horizontal spread.
Final Grid on Spread
Putting it all together
A new dynamic grid system! It accounts for two content areas within a page (red), two content areas within a spread (green), and a single over-arching content area for full spread design (blue). A margin and center gap are accounted for as well! The series of lines on the left can be used as angles of reference for when tilting off the x/y axis. It provides a sense of motion and coordinated chaos. Lets see it in practice...