Fabio Arangio, profile picture
Uploaded byFabio Arangio
1,592 views

Basic Grid Systems (making and breaking the grid)

Learning about the grid system to set order and leggibility to the design layout. Making and then breaking the grid to track the attention of the user to a specific content. Here a beginner guide to build a grid.

Design◦
Related topics:
Visual Communication•

Embed presentation

Downloaded 85 times
BASIC GRID SYSTEMS making and breaking the grid © Fabio Arangio - Graphic designer & instructor
*a white page is not an empty page © Fabio Arangio - Graphic designer & instructor
Don’t be scared of a white page, it is a space waiting to be arranged. Start building a grid. © Fabio Arangio - Graphic designer & instructor
Why to use a grid? 1. it creates order 2. your layout is simplified and more leggible 4. the whole workflow gets easier and faster 4. you start with a not so empty page © Fabio Arangio - Graphic designer & instructor
Is setting a grid system a limitation to your creativity? A grid is but the frame in which your creativity can express. © Fabio Arangio - Graphic designer & instructor
COLUMN GRID SYSTEMS © Fabio Arangio - Graphic designer & instructor
COLUMN SYMMETRICAL © Fabio Arangio - Graphic designer & instructor
At Catum Romninareo, que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipior untem, condum mer hus, spervirmis noster- umus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bondiemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, nisultorei pub- licum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simi- hinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quas- perit, tem. Gentin et, totaspe rehendios quatur? Ommodi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea voluptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos sus- ciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porecta- tur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ullendis nemquia nihillu pta- tur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Iliquamet facimag nimus, ut fugitibusa explabo ritas- pere eicientur? Aborro con numquo tem iunt. Pitatatis qui nos alitas et et excepud aeruptatiis volo quam, andandit eveleni stibus. Ihilit eossenia diae architionsed mi, tet as untis cus molo- rectur moluptatum eate asperum fugiati beratet, id et pa venit odipsusdam ditatii squidellorro everianihil magnam re pa ea nonsequi dem ut voloresequam et dis ut eaquate derspicimet quist, susantis perum facepe pariam is idipsae re, net molorrum quamet, nis as ea dit, aut ab ius des ma dolecto dolupti atinihi ciatibea non conse es arum venescid expeliaerit ut evendi int volorae. Luptaes tiosae. Ut oditiis atus corporemquae odicit, untur aut aut re, torest velictem amus maxim aut odicia con re vendaer orumqui berum eat acestionet volla nit acernatur modi re, quidele stibus in pratust, et inciminimus quatur alit occum non pel ipsam dest, everio. Aximendaero blaboribus voluptat volentis aut mod quo des conse voluptas ium nulliquam ipsandi do- lorepe nos eos sanda qui volupidic tem faccat. Ut laut officium evel et et anditio rerorerest ad quas dolum ex ea voluptati sit ulparum quunt el illenimi, quias cum expedi dia quuntia nectio quiditaturi do- luptatur sequaecae nonseque eatemporaest ipsumquas abore, quam volorro explit, sequibus. Icte alit aut odigni debis et hici re rehendis mod et aspelia niminverum laceris sitionsequae et voluptatur? Id ulliqua eserita turessi velectatqui dolenis entem. Uptur arund- untum que nones aut alignim ilibus nonsequidis magni del esciam quam, consequia quis esendae repe verchictis doluptatint modit aditium nos vellab incipsam voluptis re omni sint, ullupturem libus, con rem faceptatet pro volo tem vellenda nobitibus sum ipiciatur re venem audae mod mo torio dolendanti quam il int pernati dios expelis nim fugia nisi aliquidi blaccum quae aut vendunt. Oluptas dem que doluptat qui nosapid et volorem fuga. Ibusa at ma sum vel incit faceperem aut ma voluptur so- lupti bustota aboreca boressed quam, cusandam, simodi- tate saniminihit, con expe elicIque nisciis re magnat. Unt por ament es ut audi omnis es es volorru ntiaerum quae ne vitae nossect atempos maximolore, odis doluptat omnis peratis quiaeculpa natur? Volorpo riorrorum la cus nu- sanditi aut aspe vellab ius explab invenderum lab idi beria conseditat qui odiandam aliqui optam fugitis ant fugit lam, te de sequundissum everrum ilignime net quiberis eveliqu asperum quidelitate velecus is modi dolutat eneces resto et dolorpo ressequ amustrum volo odiata que. Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture perspis res vent al alicuius rei et de qualitate. Only vertical rules, no modules or horizontal alignments set. © Fabio Arangio - Graphic designer & instructor
COLUMN ASYMMETRICAL © Fabio Arangio - Graphic designer & instructor
At Catum Romninareo, que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipi- or untem, condum mer hus, spervirmis nosteru- mus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bondiemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum es- sentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, ni- sultorei publicum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simihinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quasperit, tem. Gentin et, totaspe rehendios quatur? Ommodi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea voluptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos susciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porectatur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ul- lendis nemquia nihillu ptatur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Iliquamet facimag nimus, ut fugitibusa ex- plabo ritaspere eicientur? Aborro con numquo tem iunt. Pitatatis qui nos alitas et et excepud aeruptatiis volo quam, andandit eveleni stibus. Ihilit eossenia diae architionsed mi, tet as untis cus molorectur moluptatum eate asperum fugiati beratet, id et pa venit odipsusdam ditatii squidel- lorro everianihil magnam re pa ea nonsequi dem ut voloresequam et dis ut eaquate derspicimet quist, susantis perum facepe pariam is idipsae re, net molorrum quamet, nis as ea dit, aut ab ius des ma dolecto dolupti atinihi ciatibea non conse es arum venescid expeliaerit ut evendi int volorae. Luptaes tiosae. Ut oditiis atus corporem- quae odicit, untur aut aut re, torest velictem amus maxim aut odicia con re vendaer orumqui berum eat acestionet volla nit acernatur modi re, quidele stibus in pratust, et inciminimus quatur alit oc- cum non pel ipsam dest, everio. Aximendaero blaboribus voluptat volentis aut mod quo des conse voluptas ium nulliquam ipsandi dolorepe nos eos sanda qui volupidic tem faccat. Ut laut officium evel et et anditio rerorerest ad quas dolum ex ea voluptati sit ulparum quunt el illenimi, quias cum expedi dia quuntia nec- tio quiditaturi doluptatur sequaecae nonseque eatemporaest ipsumquas abore, quam volorro explit, sequibus. Icte alit aut odigni debis et hici re rehendis mod et aspelia niminverum laceris sitionsequae et volup- tatur? Id ulliqua eserita turessi velectatqui dolenis entem. Uptur arunduntum que nones aut alignim ilibus nonsequidis magni del esciam quam, con- sequia quis esendae repe verchictis doluptatint modit aditium nos vellab incipsam voluptis re omni sint, ullupturem libus, con rem faceptatet pro volo tem vellenda nobitibus sum ipiciatur re venem audae mod mo torio dolendanti quam il int pernati dios expelis nim fugia nisi aliquidi blaccum quae aut vendunt. Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture vent al alicuius rei et de qualitate. Inside and outside margin are not the same. The space arrangement becomes more interesting to the eye. © Fabio Arangio - Graphic designer & instructor
MODULAR GRID SYSTEMS © Fabio Arangio - Graphic designer & instructor
MODULAR EDITORIAL © Fabio Arangio - Graphic designer & instructor
Rows an columns, creating so called “modules” with their intersections. Vertical and horizontal rules set. © Fabio Arangio - Graphic designer & instructor
At Catum Romninareo, que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipior untem, condum mer hus, spervirmis noster- umus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bondiemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, nisultorei pub- licum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simi- hinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quas- perit, tem. Gentin et, totaspe rehendios quatur? Ommodi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea voluptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos sus- ciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porecta- tur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ullendis nemquia nihillu pta- tur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Ihilit eossenia diae architionsed mi, tet as untis cus molo- rectur moluptatum eate asperum fugiati beratet, id et pa venit odipsusdam ditatii squidellorro everianihil magnam expeliaerit ut evendi int volorae. Luptaes tiosae. Ut oditiis atus corporemquae odicit, untur aut aut re, torest velictem amus maxim aut odicia con re vendaer orumqui berum eat acestionet volla nit acernatur lit occum non pel ipsam dest, everio. Aximendaero blaboribus voluptat volentis aut mod quo des conse voluptas ium nulliquam ipsandi dolorepe nos eos sanda qui volupidic tem faccat. Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture perspis res vent al alicuius rei et de qualitate. Abentem inatuus omnos caperis, tus, egeropti, Catiam auderi consupi erorta vit, noc, nihiliis; C. Alinatina, nos bonsulinItae volenis et quodipsa por sunt faccusam aut untiunt doluptatur aperum qui quibusa piciant ut animilique plit voluptasi cus es excepro vitaerumquis. © Fabio Arangio - Graphic designer & instructor
MODULAR MARGIN-FREE © Fabio Arangio - Graphic designer & instructor
Rows an columns with no margin or gutter (space in between), creating margin-free “modules” for more visual layouts. © Fabio Arangio - Graphic designer & instructor
© Fabio Arangio - Graphic designer & instructor
Live example: the “Rettangolo” catalogue I designed for Gessi, see the project on Behance © Fabio Arangio - Graphic designer & instructor
HIERARCHICAL GRID SYSTEMS *use of modular grid system © Fabio Arangio - Graphic designer & instructor
T U SCA NY In the modular grid the hierarchical system can be achieved by using multiple modules in a simplified split layout like in the examples . © Fabio Arangio - Graphic designer & instructor
T U SCA NY © Fabio Arangio - Graphic designer & instructor
(MAKING AND) BREAKING THE GRID © Fabio Arangio - Graphic designer & instructor
At Catum Romninareo, que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipior untem, condum mer hus, spervirmis noster- umus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bondiemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, nisultorei pub- licum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simi- hinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quas- perit, tem. Gentin et, totaspe rehendios quatur? Ommodi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea voluptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos sus- ciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porecta- tur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ullendis nemquia nihillu pta- tur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Ihilit eossenia diae architionsed mi, tet as untis cus molo- rectur moluptatum eate asperum fugiati beratet, id et pa venit odipsusdam ditatii squidellorro everianihil magnam expeliaerit ut evendi int volorae. Luptaes tiosae. Ut oditiis atus corporemquae odicit, untur aut aut re, torest velictem amus maxim aut odicia con re vendaer orumqui berum eat acestionet volla nit acernatur lit occum non pel ipsam dest, everio. Aximendaero blaboribus voluptat volentis aut mod quo des conse voluptas ium nulliquam ipsandi dolorepe nos eos sanda qui volupidic tem faccat. Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture perspis res vent al alicuius rei et de qualitate. Abentem inatuus omnos caperis, tus, egeropti, Catiam auderi consupi erorta vit, noc, nihiliis; C. Alinatina, nos bonsulinItae volenis et quodipsa por sunt faccusam aut untiunt doluptatur aperum qui quibusa piciant ut animilique plit voluptasi cus es excepro vitaerumquis. At Catum Romninareo, que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipior untem, condum mer hus, spervirmis noster- umus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bondiemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, nisultorei pub- licum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simi- hinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quas- perit, tem. Gentin et, totaspe rehendios quatur? Ommodi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea voluptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos sus- ciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porecta- tur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ullendis nemquia nihillu pta- tur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Ihilit eossenia diae architionsed mi, tet as untis cus molo- rectur moluptatum eate asperum fugiati beratet, id et pa venit odipsusdam ditatii squidellorro everianihil magnam expeliaerit ut evendi int volorae. Luptaes tiosae. Ut oditiis atus corporemquae odicit, untur aut aut re, torest velictem amus maxim aut odicia con re vendaer orumqui berum eat acestionet volla nit acernatur lit occum non pel ipsam dest, everio. Aximendaero blaboribus voluptat volentis aut mod quo des conse voluptas ium nulliquam ipsandi dolorepe nos eos sanda qui volupidic tem faccat. Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture perspis res vent al alicuius rei et de qualitate. Abentem inatuus omnos caperis, tus, egeropti, Catiam auderi consupi erorta vit, noc, nihiliis; C. Alinatina, nos bonsulinItae volenis et quodipsa por sunt faccusam aut untiunt doluptatur aperum qui quibusa piciant ut animilique plit voluptasi cus es excepro vitaerumquis. Making the grid... ...breaking the grid. © Fabio Arangio - Graphic designer & instructor
At Catum Romninareo, que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipior untem, condum mer hus, spervirmis noster- umus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bondiemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, nisultorei pub- licum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simi- hinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quas- perit, tem. Gentin et, totaspe rehendios quatur? Ommodi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea voluptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos sus- ciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porecta- tur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ullendis nemquia nihillu pta- tur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, publiquiur p a t a m - q u a m . V a l e s s i licerudac mo nons auctus, ca ducta esci in testrarti, quostide- fac rem que con- sima iosta, omperfer- um audac- er vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Ihilit eossenia diae architionsed mi, tet as untis cus molo- rectur moluptatum eate asperum fugiati beratet, id et pa venit odipsusdam ditatii squidellorro everianihil magnam expeliaerit ut evendi int volorae. Luptaes tiosae. Ut oditiis atus corporemquae odicit, untur aut aut re, torest velictem amus maxim aut odicia con re vendaer orumqui berum eat acestionet volla nit acernatur lit occum non pel ipsam dest, everio. Aximendaero blaboribus voluptat volentis aut mod quo des conse voluptas ium nulliquam ipsandi dolorepe nos eos sanda qui volupidic tem faccat. Ut laut officium evel et et anditio rerorerest ad quas Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture perspis res vent al alicuius rei et de qualitate. Abentem inatuus omnos caperis, tus, egeropti, Catiam auderi consupi erorta vit, noc, nihiliis; C. Alinatina, nos bonsulinItae volenis et quodipsa por sunt faccusam aut untiunt doluptatur aperum qui quibusa piciant ut animilique plit voluptasi cus es excepro vitaerumquis. At Catum Romninareo, que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipior untem, con- dum mer hus, spervirmis nosterumus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bond- iemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, nisultorei pub- licum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simi- hinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quas- perit, tem. Gentin et, totaspe rehendios quatur? Om- modi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea vo- luptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos susciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porectatur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ullendis nemquia nihillu ptatur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex mendi- tu derendem publin te fur a vidiem inclegilis aperte opti, publiquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Ihilit eossenia diae architionsed mi, tet as untis cus molo- rectur moluptatum eate asperum fugiati beratet, id et pa Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture perspis res vent al alicuius rei et de qualitate. Abentem inatuus omnos caperis, tus, egeropti, Catiam auderi consupi erorta vit, noc, nihiliis; C. Alinatina, nos bonsulinItae volenis et quodipsa por sunt faccusam aut untiunt doluptatur aperum qui quibusa piciant ut animilique plit voluptasi cus es excepro vitaerumquis. Breaking the grid will set the highest point of contrast, the element we want to empathize. © Fabio Arangio - Graphic designer & instructor
Our attention as human being is tracked by the element that differs from all the rest. The element not aligned in an aligned layout. The coloured element in a grayscale layout. The brightest or darkest element. © Fabio Arangio - Graphic designer & instructor
Making the grid is creating order. Breaking the grid is creating in that layout a high point of contrast. © Fabio Arangio - Graphic designer & instructor

More Related Content

PDF
T4 e6 espuga
byJ Arnau Giné
 
PDF
Booklet 1
byRachelLeMire2
 
PDF
Portafolio
bylagb2
 
PDF
t4_e6_rapisarda
byrapisarda
 
PDF
On point magazine pdf
byrachelsbayney
 
PDF
Portafolio ayoub
byAyoub Hijazi
 
PDF
Vicenç
bybertagarriga
 
PDF
T43 e6 marta_bruno
bylamiradapunzante
 
T4 e6 espuga
byJ Arnau Giné
 
Booklet 1
byRachelLeMire2
 
Portafolio
bylagb2
 
t4_e6_rapisarda
byrapisarda
 
On point magazine pdf
byrachelsbayney
 
Portafolio ayoub
byAyoub Hijazi
 
Vicenç
bybertagarriga
 
T43 e6 marta_bruno
bylamiradapunzante
 

What's hot

PDF
T4 e6 espuga
byJ Arnau Giné
 
PDF
Newsletter design
byClare Yorke
 
PDF
Sin título 1
byManuGp49
 
PDF
Alberto de Quiuntana_Portfoli
bytitolusepas
 
PDF
Peridico indesign
byAbel Azul
 
PDF
Base rolling normal
bypxdkarra
 
PDF
Portafoli
byXaaaavyy
 
PDF
Periodic ind
byAbel Azul
 
PDF
4 e6 ibanez-marina
byInesBayo
 
PDF
Industrial_Brochure_Template_7_Web
byAdam Pestka
 
PDF
All our tomorrows magazine final
byFraser Hardwick
 
PDF
Magazine
byDemiRowley
 
PDF
InDesign Project
byHannah Craig
 
PDF
Dossier lag
byXavier Carbonell Martinez
 
PDF
Revista
bygandhy_370
 
PDF
Slideshare setupktg
byQCKathlyn
 
PDF
9 důvodů, proč si vydat knihu
byrealphoto
 
PDF
Diaz Newsletter
byRaymond Diaz
 
PDF
Slideshare setupktg3
byQCKathlyn
 
T4 e6 espuga
byJ Arnau Giné
 
Newsletter design
byClare Yorke
 
Sin título 1
byManuGp49
 
Alberto de Quiuntana_Portfoli
bytitolusepas
 
Peridico indesign
byAbel Azul
 
Base rolling normal
bypxdkarra
 
Portafoli
byXaaaavyy
 
Periodic ind
byAbel Azul
 
4 e6 ibanez-marina
byInesBayo
 
Industrial_Brochure_Template_7_Web
byAdam Pestka
 
All our tomorrows magazine final
byFraser Hardwick
 
Magazine
byDemiRowley
 
InDesign Project
byHannah Craig
 
Dossier lag
byXavier Carbonell Martinez
 
Revista
bygandhy_370
 
Slideshare setupktg
byQCKathlyn
 
9 důvodů, proč si vydat knihu
byrealphoto
 
Diaz Newsletter
byRaymond Diaz
 
Slideshare setupktg3
byQCKathlyn
 

Viewers also liked

PDF
Assignment 2 - Video
byKai Yun Pang
 
PDF
When to Replace Cooling Tower Fill Media
byCooling Tower Depot, Inc.
 
PPTX
Grid system- cbil360.com
byPhillip Turner
 
PDF
Grid Systems in Graphic Design by ADMEC Multimedia Institute
byRavi Bhadauria
 
PDF
Modernist Typography and the Swiss grid - Carlo Giannasca
byFrostSydney
 
PDF
Grid Systems
byBas Leurs
 
Assignment 2 - Video
byKai Yun Pang
 
When to Replace Cooling Tower Fill Media
byCooling Tower Depot, Inc.
 
Grid system- cbil360.com
byPhillip Turner
 
Grid Systems in Graphic Design by ADMEC Multimedia Institute
byRavi Bhadauria
 
Modernist Typography and the Swiss grid - Carlo Giannasca
byFrostSydney
 
Grid Systems
byBas Leurs
 

Similar to Basic Grid Systems (making and breaking the grid)

PDF
magax5
byarun kumar
 
PDF
Articulo Personal (InDesign)
byCamilo Narvaez
 
PDF
Articulo Personal (Indesign)
byCamilo Narvaez
 
PDF
Articulo Personal (InDesign
byCamilo Narvaez
 
PDF
graphic design portfolio
byWendy Yu
 
PDF
Revista
byAroa204
 
PDF
Letterhead
byCaleb Metz
 
PDF
Test
byJames Gill
 
PDF
A4 brochure
bysreeram1989
 
PDF
A4 brochure
bysreeram1989
 
PDF
T4 e6 gil_pie
byPili Gil
 
PDF
Portfolio
byBorja R. Guestlists
 
PDF
Revista ejercicio
byJonathan JJ
 
PDF
Industrial_Brochure_Template_3
byAdam Pestka
 
PDF
Magazine Cover and Spread (Sophomore Year)
byLaTavia McQueen
 
PDF
Mercy High School Case for Support Work Sample
bydesireejmansilla
 
PDF
Indesign final project
bySarah E. Chestnut
 
PDF
Articulo Revista (InDesign)
byCamilo Narvaez
 
PDF
Графический дизайн как экоактивизм
byЗелена Школа
 
PDF
Article 5.pdf
byKarlaMauricio6
 
magax5
byarun kumar
 
Articulo Personal (InDesign)
byCamilo Narvaez
 
Articulo Personal (Indesign)
byCamilo Narvaez
 
Articulo Personal (InDesign
byCamilo Narvaez
 
graphic design portfolio
byWendy Yu
 
Revista
byAroa204
 
Letterhead
byCaleb Metz
 
Test
byJames Gill
 
A4 brochure
bysreeram1989
 
A4 brochure
bysreeram1989
 
T4 e6 gil_pie
byPili Gil
 
Portfolio
byBorja R. Guestlists
 
Revista ejercicio
byJonathan JJ
 
Industrial_Brochure_Template_3
byAdam Pestka
 
Magazine Cover and Spread (Sophomore Year)
byLaTavia McQueen
 
Mercy High School Case for Support Work Sample
bydesireejmansilla
 
Indesign final project
bySarah E. Chestnut
 
Articulo Revista (InDesign)
byCamilo Narvaez
 
Графический дизайн как экоактивизм
byЗелена Школа
 
Article 5.pdf
byKarlaMauricio6
 

More from Fabio Arangio

PDF
Creative Thinking
byFabio Arangio
 
PDF
Motivational communication
byFabio Arangio
 
PDF
Design as communication
byFabio Arangio
 
PDF
Design as use of space
byFabio Arangio
 
PDF
Advertising
byFabio Arangio
 
PDF
The mission of a company
byFabio Arangio
 
PDF
The corporate identity
byFabio Arangio
 
PDF
The logo
byFabio Arangio
 
PDF
Design as visual communication (lecture on), TAW 2012
byFabio Arangio
 
Creative Thinking
byFabio Arangio
 
Motivational communication
byFabio Arangio
 
Design as communication
byFabio Arangio
 
Design as use of space
byFabio Arangio
 
Advertising
byFabio Arangio
 
The mission of a company
byFabio Arangio
 
The corporate identity
byFabio Arangio
 
The logo
byFabio Arangio
 
Design as visual communication (lecture on), TAW 2012
byFabio Arangio
 

Basic Grid Systems (making and breaking the grid)

  • 1.
    BASIC GRID SYSTEMS making andbreaking the grid © Fabio Arangio - Graphic designer & instructor
  • 2.
    *a white pageis not an empty page © Fabio Arangio - Graphic designer & instructor
  • 3.
    Don’t be scaredof a white page, it is a space waiting to be arranged. Start building a grid. © Fabio Arangio - Graphic designer & instructor
  • 4.
    Why to usea grid? 1. it creates order 2. your layout is simplified and more leggible 4. the whole workflow gets easier and faster 4. you start with a not so empty page © Fabio Arangio - Graphic designer & instructor
  • 5.
    Is setting agrid system a limitation to your creativity? A grid is but the frame in which your creativity can express. © Fabio Arangio - Graphic designer & instructor
  • 6.
    COLUMN GRID SYSTEMS © FabioArangio - Graphic designer & instructor
  • 7.
    COLUMN SYMMETRICAL © Fabio Arangio- Graphic designer & instructor
  • 8.
    At Catum Romninareo,que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipior untem, condum mer hus, spervirmis noster- umus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bondiemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, nisultorei pub- licum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simi- hinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quas- perit, tem. Gentin et, totaspe rehendios quatur? Ommodi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea voluptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos sus- ciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porecta- tur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ullendis nemquia nihillu pta- tur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Iliquamet facimag nimus, ut fugitibusa explabo ritas- pere eicientur? Aborro con numquo tem iunt. Pitatatis qui nos alitas et et excepud aeruptatiis volo quam, andandit eveleni stibus. Ihilit eossenia diae architionsed mi, tet as untis cus molo- rectur moluptatum eate asperum fugiati beratet, id et pa venit odipsusdam ditatii squidellorro everianihil magnam re pa ea nonsequi dem ut voloresequam et dis ut eaquate derspicimet quist, susantis perum facepe pariam is idipsae re, net molorrum quamet, nis as ea dit, aut ab ius des ma dolecto dolupti atinihi ciatibea non conse es arum venescid expeliaerit ut evendi int volorae. Luptaes tiosae. Ut oditiis atus corporemquae odicit, untur aut aut re, torest velictem amus maxim aut odicia con re vendaer orumqui berum eat acestionet volla nit acernatur modi re, quidele stibus in pratust, et inciminimus quatur alit occum non pel ipsam dest, everio. Aximendaero blaboribus voluptat volentis aut mod quo des conse voluptas ium nulliquam ipsandi do- lorepe nos eos sanda qui volupidic tem faccat. Ut laut officium evel et et anditio rerorerest ad quas dolum ex ea voluptati sit ulparum quunt el illenimi, quias cum expedi dia quuntia nectio quiditaturi do- luptatur sequaecae nonseque eatemporaest ipsumquas abore, quam volorro explit, sequibus. Icte alit aut odigni debis et hici re rehendis mod et aspelia niminverum laceris sitionsequae et voluptatur? Id ulliqua eserita turessi velectatqui dolenis entem. Uptur arund- untum que nones aut alignim ilibus nonsequidis magni del esciam quam, consequia quis esendae repe verchictis doluptatint modit aditium nos vellab incipsam voluptis re omni sint, ullupturem libus, con rem faceptatet pro volo tem vellenda nobitibus sum ipiciatur re venem audae mod mo torio dolendanti quam il int pernati dios expelis nim fugia nisi aliquidi blaccum quae aut vendunt. Oluptas dem que doluptat qui nosapid et volorem fuga. Ibusa at ma sum vel incit faceperem aut ma voluptur so- lupti bustota aboreca boressed quam, cusandam, simodi- tate saniminihit, con expe elicIque nisciis re magnat. Unt por ament es ut audi omnis es es volorru ntiaerum quae ne vitae nossect atempos maximolore, odis doluptat omnis peratis quiaeculpa natur? Volorpo riorrorum la cus nu- sanditi aut aspe vellab ius explab invenderum lab idi beria conseditat qui odiandam aliqui optam fugitis ant fugit lam, te de sequundissum everrum ilignime net quiberis eveliqu asperum quidelitate velecus is modi dolutat eneces resto et dolorpo ressequ amustrum volo odiata que. Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture perspis res vent al alicuius rei et de qualitate. Only vertical rules, no modules or horizontal alignments set. © Fabio Arangio - Graphic designer & instructor
  • 9.
    COLUMN ASYMMETRICAL © Fabio Arangio- Graphic designer & instructor
  • 10.
    At Catum Romninareo,que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipi- or untem, condum mer hus, spervirmis nosteru- mus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bondiemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum es- sentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, ni- sultorei publicum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simihinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quasperit, tem. Gentin et, totaspe rehendios quatur? Ommodi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea voluptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos susciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porectatur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ul- lendis nemquia nihillu ptatur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Iliquamet facimag nimus, ut fugitibusa ex- plabo ritaspere eicientur? Aborro con numquo tem iunt. Pitatatis qui nos alitas et et excepud aeruptatiis volo quam, andandit eveleni stibus. Ihilit eossenia diae architionsed mi, tet as untis cus molorectur moluptatum eate asperum fugiati beratet, id et pa venit odipsusdam ditatii squidel- lorro everianihil magnam re pa ea nonsequi dem ut voloresequam et dis ut eaquate derspicimet quist, susantis perum facepe pariam is idipsae re, net molorrum quamet, nis as ea dit, aut ab ius des ma dolecto dolupti atinihi ciatibea non conse es arum venescid expeliaerit ut evendi int volorae. Luptaes tiosae. Ut oditiis atus corporem- quae odicit, untur aut aut re, torest velictem amus maxim aut odicia con re vendaer orumqui berum eat acestionet volla nit acernatur modi re, quidele stibus in pratust, et inciminimus quatur alit oc- cum non pel ipsam dest, everio. Aximendaero blaboribus voluptat volentis aut mod quo des conse voluptas ium nulliquam ipsandi dolorepe nos eos sanda qui volupidic tem faccat. Ut laut officium evel et et anditio rerorerest ad quas dolum ex ea voluptati sit ulparum quunt el illenimi, quias cum expedi dia quuntia nec- tio quiditaturi doluptatur sequaecae nonseque eatemporaest ipsumquas abore, quam volorro explit, sequibus. Icte alit aut odigni debis et hici re rehendis mod et aspelia niminverum laceris sitionsequae et volup- tatur? Id ulliqua eserita turessi velectatqui dolenis entem. Uptur arunduntum que nones aut alignim ilibus nonsequidis magni del esciam quam, con- sequia quis esendae repe verchictis doluptatint modit aditium nos vellab incipsam voluptis re omni sint, ullupturem libus, con rem faceptatet pro volo tem vellenda nobitibus sum ipiciatur re venem audae mod mo torio dolendanti quam il int pernati dios expelis nim fugia nisi aliquidi blaccum quae aut vendunt. Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture vent al alicuius rei et de qualitate. Inside and outside margin are not the same. The space arrangement becomes more interesting to the eye. © Fabio Arangio - Graphic designer & instructor
  • 11.
    MODULAR GRID SYSTEMS © FabioArangio - Graphic designer & instructor
  • 12.
    MODULAR EDITORIAL © Fabio Arangio- Graphic designer & instructor
  • 13.
    Rows an columns,creating so called “modules” with their intersections. Vertical and horizontal rules set. © Fabio Arangio - Graphic designer & instructor
  • 14.
    At Catum Romninareo,que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipior untem, condum mer hus, spervirmis noster- umus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bondiemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, nisultorei pub- licum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simi- hinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quas- perit, tem. Gentin et, totaspe rehendios quatur? Ommodi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea voluptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos sus- ciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porecta- tur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ullendis nemquia nihillu pta- tur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Ihilit eossenia diae architionsed mi, tet as untis cus molo- rectur moluptatum eate asperum fugiati beratet, id et pa venit odipsusdam ditatii squidellorro everianihil magnam expeliaerit ut evendi int volorae. Luptaes tiosae. Ut oditiis atus corporemquae odicit, untur aut aut re, torest velictem amus maxim aut odicia con re vendaer orumqui berum eat acestionet volla nit acernatur lit occum non pel ipsam dest, everio. Aximendaero blaboribus voluptat volentis aut mod quo des conse voluptas ium nulliquam ipsandi dolorepe nos eos sanda qui volupidic tem faccat. Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture perspis res vent al alicuius rei et de qualitate. Abentem inatuus omnos caperis, tus, egeropti, Catiam auderi consupi erorta vit, noc, nihiliis; C. Alinatina, nos bonsulinItae volenis et quodipsa por sunt faccusam aut untiunt doluptatur aperum qui quibusa piciant ut animilique plit voluptasi cus es excepro vitaerumquis. © Fabio Arangio - Graphic designer & instructor
  • 15.
    MODULAR MARGIN-FREE © Fabio Arangio- Graphic designer & instructor
  • 16.
    Rows an columnswith no margin or gutter (space in between), creating margin-free “modules” for more visual layouts. © Fabio Arangio - Graphic designer & instructor
  • 17.
    © Fabio Arangio- Graphic designer & instructor
  • 18.
    Live example: the“Rettangolo” catalogue I designed for Gessi, see the project on Behance © Fabio Arangio - Graphic designer & instructor
  • 19.
    HIERARCHICAL GRID SYSTEMS *use ofmodular grid system © Fabio Arangio - Graphic designer & instructor
  • 20.
    T U SCA NY In themodular grid the hierarchical system can be achieved by using multiple modules in a simplified split layout like in the examples . © Fabio Arangio - Graphic designer & instructor
  • 21.
    T U SCA NY © FabioArangio - Graphic designer & instructor
  • 22.
    (MAKING AND) BREAKING THEGRID © Fabio Arangio - Graphic designer & instructor
  • 23.
    At Catum Romninareo,que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipior untem, condum mer hus, spervirmis noster- umus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bondiemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, nisultorei pub- licum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simi- hinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quas- perit, tem. Gentin et, totaspe rehendios quatur? Ommodi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea voluptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos sus- ciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porecta- tur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ullendis nemquia nihillu pta- tur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Ihilit eossenia diae architionsed mi, tet as untis cus molo- rectur moluptatum eate asperum fugiati beratet, id et pa venit odipsusdam ditatii squidellorro everianihil magnam expeliaerit ut evendi int volorae. Luptaes tiosae. Ut oditiis atus corporemquae odicit, untur aut aut re, torest velictem amus maxim aut odicia con re vendaer orumqui berum eat acestionet volla nit acernatur lit occum non pel ipsam dest, everio. Aximendaero blaboribus voluptat volentis aut mod quo des conse voluptas ium nulliquam ipsandi dolorepe nos eos sanda qui volupidic tem faccat. Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture perspis res vent al alicuius rei et de qualitate. Abentem inatuus omnos caperis, tus, egeropti, Catiam auderi consupi erorta vit, noc, nihiliis; C. Alinatina, nos bonsulinItae volenis et quodipsa por sunt faccusam aut untiunt doluptatur aperum qui quibusa piciant ut animilique plit voluptasi cus es excepro vitaerumquis. At Catum Romninareo, que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipior untem, condum mer hus, spervirmis noster- umus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bondiemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, nisultorei pub- licum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simi- hinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quas- perit, tem. Gentin et, totaspe rehendios quatur? Ommodi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea voluptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos sus- ciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porecta- tur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ullendis nemquia nihillu pta- tur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Ihilit eossenia diae architionsed mi, tet as untis cus molo- rectur moluptatum eate asperum fugiati beratet, id et pa venit odipsusdam ditatii squidellorro everianihil magnam expeliaerit ut evendi int volorae. Luptaes tiosae. Ut oditiis atus corporemquae odicit, untur aut aut re, torest velictem amus maxim aut odicia con re vendaer orumqui berum eat acestionet volla nit acernatur lit occum non pel ipsam dest, everio. Aximendaero blaboribus voluptat volentis aut mod quo des conse voluptas ium nulliquam ipsandi dolorepe nos eos sanda qui volupidic tem faccat. Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture perspis res vent al alicuius rei et de qualitate. Abentem inatuus omnos caperis, tus, egeropti, Catiam auderi consupi erorta vit, noc, nihiliis; C. Alinatina, nos bonsulinItae volenis et quodipsa por sunt faccusam aut untiunt doluptatur aperum qui quibusa piciant ut animilique plit voluptasi cus es excepro vitaerumquis. Making the grid... ...breaking the grid. © Fabio Arangio - Graphic designer & instructor
  • 24.
    At Catum Romninareo,que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipior untem, condum mer hus, spervirmis noster- umus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bondiemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, nisultorei pub- licum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simi- hinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quas- perit, tem. Gentin et, totaspe rehendios quatur? Ommodi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea voluptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos sus- ciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porecta- tur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ullendis nemquia nihillu pta- tur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, publiquiur p a t a m - q u a m . V a l e s s i licerudac mo nons auctus, ca ducta esci in testrarti, quostide- fac rem que con- sima iosta, omperfer- um audac- er vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Ihilit eossenia diae architionsed mi, tet as untis cus molo- rectur moluptatum eate asperum fugiati beratet, id et pa venit odipsusdam ditatii squidellorro everianihil magnam expeliaerit ut evendi int volorae. Luptaes tiosae. Ut oditiis atus corporemquae odicit, untur aut aut re, torest velictem amus maxim aut odicia con re vendaer orumqui berum eat acestionet volla nit acernatur lit occum non pel ipsam dest, everio. Aximendaero blaboribus voluptat volentis aut mod quo des conse voluptas ium nulliquam ipsandi dolorepe nos eos sanda qui volupidic tem faccat. Ut laut officium evel et et anditio rerorerest ad quas Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture perspis res vent al alicuius rei et de qualitate. Abentem inatuus omnos caperis, tus, egeropti, Catiam auderi consupi erorta vit, noc, nihiliis; C. Alinatina, nos bonsulinItae volenis et quodipsa por sunt faccusam aut untiunt doluptatur aperum qui quibusa piciant ut animilique plit voluptasi cus es excepro vitaerumquis. At Catum Romninareo, que pulinem dem patastr urorem ad C. Habefex num, cone delaricum manum re tesci publi facieni hilicam nihilibusula vitiam interra diem ad Castam tes esseri publint, quodi sin sa vivis Mae movidendiem, quam acipior untem, con- dum mer hus, spervirmis nosterumus; num que conc ficam. Ahabus ereis, corit; nocute iu con ius, vit. Alem hordiss edensiderfec oremunum omno. Culabus bond- iemquem cus conit, ne ia oc, quitam iu init? Us storum di, tum utero ute nostracerius orum o ut vit. Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex menditu derendem publin te fur a vidiem inclegilis aperte opti, pub- liquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Re es re et perobse cur ia? At vesentim inte, nisultorei pub- licum omac maio, que conum us omperei egerum nimil hocchum ips, quit et gra suppli se nonoste atiferora simi- hinique erfeTem. Ximi, voluptatis doloratem eariae lab iur solore porum nobis sant. Animus. Ut volumqu asiminis suscid eos nihic torro optate prem. To officiis aut eost ligenis consequi sam, sa voluptati nosam, serio. Officit doluptaque vel eostisq uatur? Rum eostis moloruptate pratqui totaspe rchilis et ipsam, odit volupta preprovid mossero vidust as modi officiur sunt eum voluptat restrum qui uta quatemp ellenis quas- perit, tem. Gentin et, totaspe rehendios quatur? Om- modi simin pro maio. Et et rates enet labo. Musantem sint ut maio. Cea vo- luptaestem et quianti onempos amenihillam, sequist, sus si qui sit faceritatia con prae es modion non nus apicius acid quatet moluptatem et laciet qui nos susciet adioritiae porepedipsum quis andes doluptibus ipsum volorionse quosand aestiorum dem con rera volorum non nonsed quam, aliquod modipis expel mo optate parum evenimus min rerecesequo voluptasim int lam, te illupta tibustem sanda conserunt. Em vendaectur molorer estotaspite occatem porectatur magniam aut alitatur, volutem. Iquis ullorest, omnimi, quam inveniatem quamet ullendis nemquia nihillu ptatur audanis doluptae nonecus voluptatios accus arum que suntium quatem eici aut quis dolupita pro iusda inciis ipiet rem. Quo ipidunt porro et labore num arum entotatur, cus apidipid es res nametur? Opici ta, noreo, senteri coeropublis. Ive, caed aut faci sulto nicta, sus re ius vernu egiliu con sedi ste no. M. Sp. Ica des hilineq uidementrum essentiem tereisse ad cae ex mendi- tu derendem publin te fur a vidiem inclegilis aperte opti, publiquiur patamquam. Valessi licerudac mo nons auctus, ca ducta esci in testrarti, quostidefac rem que consima iosta, omperferum audacer vivatus, Pataberei puliemplic omnon duci inatrum dii in dit. Catiam. Ihilit eossenia diae architionsed mi, tet as untis cus molo- rectur moluptatum eate asperum fugiati beratet, id et pa Lorem ipsum Del inum volupti conecuptas alicias inventorist autamet incidel icimusa consequia dolesti aut officiusame sinctas perupture perspis res vent al alicuius rei et de qualitate. Abentem inatuus omnos caperis, tus, egeropti, Catiam auderi consupi erorta vit, noc, nihiliis; C. Alinatina, nos bonsulinItae volenis et quodipsa por sunt faccusam aut untiunt doluptatur aperum qui quibusa piciant ut animilique plit voluptasi cus es excepro vitaerumquis. Breaking the grid will set the highest point of contrast, the element we want to empathize. © Fabio Arangio - Graphic designer & instructor
  • 25.
    Our attention ashuman being is tracked by the element that differs from all the rest. The element not aligned in an aligned layout. The coloured element in a grayscale layout. The brightest or darkest element. © Fabio Arangio - Graphic designer & instructor
  • 26.
    Making the gridis creating order. Breaking the grid is creating in that layout a high point of contrast. © Fabio Arangio - Graphic designer & instructor