A Blank Sheet to Structured Page

Initial size limitationsThe size of the sheet that can fit onto the press drum. less space for trims, bleeds etc

You can fit multiple pages onto a sheet. the limit is 8 pages to view (16 printed both sides)

Beyond this the choice is largely yours (or what your client can afford).

Type on the PageThere are some limitations, physical ones, about what people can and can’t read: point size and age of the reader, line length, tone of the text/book, choice of typeface.

For your own projects:

Make sure your type choices, weight and size, fall within the abilities of the digital print device you are using.

(This goes for your choice of colours too.)

The Geometry of the PageThere are limitless options for the combination of width and height.

The A Series is just one, it happens to be the most space efficient because of modern press configurations.

Here are some alternative width to height ratios (The A Series ratio is 1:√2)

1:1 2:33:44:55:68:915:16 5:8 3:5 9:16 8:15 1:2

GoldenSection

A Series

3:24:35:46:59:816:15 8:5 5:3 16:9 15:8 2:1

Ratios are just a way of representing fractions, so

A:B is the same as A/B

Calculating page sizes from ratios

Height × A/B = Widthand

Width × B/A = Height

Text on a pageYou can’t just plonk the text on a page.The printed page exists within the visual environment and within the experience of the reader, therefore: the text needs room to breathe, it needs an internal structure.

To be successful there needs to be a logic as to why the text is where it is on the page, even if it is not immediately obvious.

This is the purpose of structuring your page layout.

Geometry of Text on a PageThe basic option are symmetrical or asymmetrical.

These can be applied to both the individual page and the double page spread.

A symmetrical Page. An asymmetrical Page

A Symmetrical Page

Git aut dolupta spedit offic te sum voluptus aut ratecerunti dolupta cus est volenda ndest, si bla cus is rerro deles modit faccae volor aut omn-iminvel illant laborias assitia nihicti bererrovit que molleserum hicipi-enis que pressit volo con rerovitempos eatur aut enti reptinverro omnim alicimolorae sint volore earunto rumqui repudit optat voloreped mi, simendantem que estio. Ostempe enit, temque natur, consend esecti id que eicto od quid et litiasitatem hiciae numquia nonseque pos pro vitaerem ipsum is pelenih itatemque nulparc hictur sendicil mo is eleni-hici cum idebis eos invende nostruptiati dolupta nis dolorero ipiducide volupta et qui as et eum quatem quiatus enda volesto dis sinvenimpor moluptiae niet am, quis dolorro con est omnia quate num int.

Paruptat. Min re officim culparit es volupta ssinciatiori aut que dolec-tatque porem quuntis doluptate alitem eriorio di volut magniet plabo. Bo. Eped molore exceperiti coressus sit unt vid mo et audam cum, si remolup taepera dus molorro ditiumqui odiant omnit, cuscill uptatiu menimus quatem. Itaque volupid quis sitatus pra nonsecus ex etus dit dolore venda non cum la que nus, ex eat ommoluptiur si apitis arum et la dolupietum nonecus, suntinto con etur asi doluptati volenisquid qui alibea quam, sae num dis es intia sa que alibus enihiliquis sundigendae pere dolupie turiati as pa ex et et et hicia sus delit, ut es quatiur?

Alit, aut dic tet qui utes resendebit volupta essimin expe voluptat eli-quas ad quid quiae nossit volore la sus quis nobis exerferit enda quid quiscia ssinime venihiliqui doluptati ium laboresed quia quis re, comnis-sita ducil ellaboressum nobitior moluptas esto. Tationessum apelit velesti umquidel erume pratibus, si ad que sae laborep tation re, eosamendipis ditianduci in et prae liquis sitet omnimet maios expersp eribus, volorep eratist, is int faccum erferuntis ad magnam custibust quis dignatempel estio totaepe natempos ut ipsum iumendis ut labo. Neque exerum faci odiosanti temoloriost utatum hitatem porerum reprem quas aut alibus aut ut re laut eum il ilitesti optaspe llicien isquas dolor restem volor se-quia que nia quia voluptatem velicit ecesciendae ex et, alit vendus venis est repelentet ommollenes sequi beatus.

Suntur? Atiam quossum quossequas abor accum hit periber roreic tem inis dolupta vid utem videst, cum quas poria dolor moloribus as-simenis ut inciant, in exernatemo comnim nostotae. Rempernatis re dolupta tiusanto inus dolupta speria dolorit accaecu sdantis seceatur?

Nimus aborem. Nequam re modigenda simus aria de cus maximinc-to eni occus ium qui im et explabo. Seribus expla eos doluptae incta niam, imolupi cipsunt ionescid undi cuptassed que perum necte volor am sam etusam quia nonsequam hil idem hil iscid maximus.

Cuptatq uistioribus. Gia aut ut et pro et omnimporiori derfere periam aribust, sero quis rersperum volo is autatur, odi officiis ea con por sint ip-samus, simus aliquis es res aut lab ipid eatectu repernatur, sequibus, tem. Nem es ma iliate nis ipsaepedia pro berum quo miligent alit eumquia dolut escipiendam rem re pernam la nullatu rissinci optatec esciati us-aerch illaboris porecte cum fugia ium qui cusdant aut quo blaborestio quisint la sequam, velisque voloruptat hillaboria nulparumAm quam qui andis eatur autempe riasped quia pa santo volore dollique imin par

A Simple Asymmetrical Page







A Symmetrical Spread.

git aut dolupta spedit offic te sum voluptus aut ratecerunti dolupta cus est volenda ndest, si bla cus is rerro deles modit faccae volor aut omn-iminvel illant laborias assitia nihicti bererrovit que molleserum hicipi-enis que pressit volo con rerovitempos eatur aut enti reptinverro om-nim alicimolorae sint volore earunto rumqui repudit optat voloreped mi, simendantem que estio. Ostempe enit, temque natur, consend esecti id que eicto od quid et litiasitatem hiciae numquia nonseque pos pro vitaerem ipsum is pelenih itatemque nulparc hictur sendicil mo is eleni-hici cum idebis eos invende nostruptiati dolupta nis dolorero ipiducide volupta et qui as et eum quatem quiatus enda volesto dis sinvenimpor moluptiae niet am, quis dolorro con est omnia quate num int.





Cuptatq uistioribus. Gia aut ut et pro et omnimporiori derfere peri-am aribust, sero quis rersperum volo is autatur, odi officiis ea con por sint ipsamus, simus aliquis es res aut lab ipid eatectu repernatur, sequi-bus, tem. Nem es ma iliate nis ipsaepedia pro berum quo miligent alit eumquia dolut escipiendam rem re pernam la nullatu rissinci optatec esciati usaerch illaboris porecte cum fugia ium qui cusdant aut quo blab-orestio quisint la sequam, velisque voloruptat hillaboria nulparumAm quam qui andis eatur autempe riasped quia pa santo volore dollique imin parUsdae seque ad elia sum aut quam, ommolor minctur?

Is dolum, omnienis magnihil inum quiducit atia sinimin conserume vel et, ipsam vera volupti to quas aperrorum ipsus, in ea pro que volenis

The Symmetrical Spread







Notice that to have

a symmetrical and

visually balanced

spread the pages

are themselves

asymmetrical.

An Asymmetrical Spread

git aut dolupta spedit offic te sum voluptus aut ratecerunti dolupta cus est volenda ndest, si bla cus is rerro deles modit faccae volor aut omn-iminvel illant laborias assitia nihicti bererrovit que molleserum hicipi-enis que pressit volo con rerovitempos eatur aut enti reptinverro om-nim alicimolorae sint volore earunto rumqui repudit optat voloreped mi, simendantem que estio. Ostempe enit, temque natur, consend esecti id que eicto od quid et litiasitatem hiciae numquia nonseque pos pro vitaerem ipsum is pelenih itatemque nulparc hictur sendicil mo is eleni-hici cum idebis eos invende nostruptiati dolupta nis dolorero ipiducide volupta et qui as et eum quatem quiatus enda volesto dis sinvenimpor moluptiae niet am, quis dolorro con est omnia quate num int.







A Simple Asymmetrical Spread







Notice how the feel

of the page/spread is

quite different as the

symmetry changes.

Where do you start when deciding on your page and spreads margins?

A good place is with the classical page margin proportions.

This results in a perfectly balanced and symmetrical double page spread.

It will work for ANY page dimension.

Creating the Classical Symmetrical Page

Creating the Classical Symmetrical Page



Alit, aut dic tet qui utes resendebit volupta essimin expe voluptat eli-quas ad quid quiae nossit volore la sus quis nobis exerferit enda quid quiscia ssinime venihiliqui doluptati ium laboresed quia quis re, comnis-sita ducil ellaboressum nobitior moluptas estoTationessum apelit velesti umquidel erume pratibus, si ad que sae laborep tation re, eosamendipis ditianduci in et prae liquis sitet omnimet maios expersp eribus, volorep eratist, is int faccum erferuntis ad magnam custibust quis dignatempel estio totaepe natempos ut ipsum iumendis ut labo. Neque exerum faci odiosanti temoloriost utatum hitatem porerum reprem quas aut alibus aut ut re laut eum il ilitesti optaspe llicien isquas dolor restem volor se-quia que nia quia voluptatem velicit ecesciendae ex et, alit vendus venis est repelentet ommollenes sequi beatus.





The Classical Symmetrical Page



Alit, aut dic tet qui utes resendebit volupta essimin expe voluptat eli-quas ad quid quiae nossit volore la sus quis nobis exerferit enda quid quiscia ssinime venihiliqui doluptati ium laboresed quia quis re, comnis-sita ducil ellaboressum nobitior moluptas estoTationessum apelit velesti umquidel erume pratibus, si ad que sae laborep tation re, eosamendipis ditianduci in et prae liquis sitet omnimet maios expersp eribus, volorep eratist, is int faccum erferuntis ad magnam custibust quis dignatempel estio totaepe natempos ut ipsum iumendis ut labo. Neque exerum faci odiosanti temoloriost utatum hitatem porerum reprem quas aut alibus aut ut re laut eum il ilitesti optaspe llicien isquas dolor restem volor se-quia que nia quia voluptatem velicit ecesciendae ex et, alit vendus venis est repelentet ommollenes sequi beatus.




This is just one, highly mathematical, way of determining the margins the result just happens to be a perfectly balanced result visually.

But you needn’t follow this formula. In the examples at the end of this presentation none follow this formula.

Grids What we have dealt with so far are simple one column grids. The more complex the text the more complex the grid is required.

Remember:

grids form an important foundation for the ability of the reader to understand the text, simple grids offer few layout options = simple layouts,

complex grids offer many more options = simple and complex layouts.

We’ve already seen one column, so let’s look at some multi-column options.

42

The more columns the greater the layout options you have available, but you don’t have to use them all.

156

The grid can also have a symmetry that is independent of the page structure

even numbers of columns are inherently symmetrical

odd numbers of columns are inherently asymmetrical

Combining page/spread symmetry with grid symmetry allows you tune the design dynamic to the needs of the job: even no. columns on symmetrical page/spread = least dynamic structure, even no. columns on asymmetrical page/spread = more dynamic, odd no. columns on symmetrical page/spread = even more dynamic, odd no. columns on asymmetrical page/spread = most dynamic structure.

Thus, even before you have placed the first word or image you have considerable power to determine the feel of the document.

Examples

Elements of Typographic Style Two column page grid

Designing Books Six column page grid

Type & Typography Six column page grid

Desktop magazine Seven column page grid

Eye magazine Twelve & seven column page grids

Australian Contemporary Landscape Architecture Nine column spread grid

Nineteen Eighty Four Grid based on Golden Section (44 possible options)

Final CommentsRemember that the structure of the page/grid structure must be appropriate for the text and how it is to be used.

In the case of Project Three this means: Choose a page size that will show your work

effectively, but within your budget,

You will have two texts; about at the organisation, and your reflection on all aspects of the projects over two semesters,

You have a style guide that will have a bearing on the design.

A Blank Sheet to Structured Page -...

Documents

Transcript of A Blank Sheet to Structured Page -...