Te Kete Ipurangi Navigation:

Te Kete Ipurangi
Communities
Schools

Te Kete Ipurangi user options:



English Online. Every child literate - a shared responsibility.
Ministry of Education.

Static Images: Print

The page example shown here demonstrates some of the elements found in many static images, especially those that have a lot of text.

Margin When a printed text is designed, choices are made as to how the page is laid out to meet its particular purpose. The layout of this example deliberately leaves a wide margin between the edge of the text and the edge of the page so that the reader's view of the information to be read is uncluttered and clear. The wide margin also allows other related information that is visual in nature to be included alongside the most relevant and appropriate text to help illustrate what the words are describing. The width of the margin has been set on the computer, during design, by altering the format.
Column Other features of text layout or format include the number of columns and their width. This example has a two-column layout or format. Newspapers commonly use narrower columns: a reader can scan quickly using only vertical eye move-ments - up and down - rather than having to travel across the page. Different types of material will be laid out in a newspaper using different column widths, the wider measures tending to be used for more reflective editorial or feature writing and the standard one-column layout for news and classified advertisements.
Gutter The space between columns is called a gutter. The width of the gutter affects the readability of the text, the visual impact being cluttered if the gutter is too narrow.
Measure

The measure of any piece of text is the width each line is set to. The measure of the lines in this example is 118 mm.

The width of the gap between the lines of print is an important factor in the readability of the print. This is called line spacing or leading.

Spacing The spacing between words is another visual element. Usually, one space is left after each word (single spacing), but customarily, double spacing is used after a full stop to help the reader identify new sentences easily.
Indents

Within the selected measure, or width of line, the text can be laid out in a number of different ways.
 New paragraphs are usually indicated in books by double spacing after the previous paragraph. However, to save space, newspapers usually indicate new paragraphs by indenting the first word. The indents are set by using tabs,

  • and they can be designed to indent the text
  • at one or more points
  • according to the purpose
  • of the text's writer and designer.
  The words you are reading now, show another important visual dimension - the choice of lettering, also known as the typeface or typography.
Point Size

Words can be displayed in a variety of sizes and styles. Size, which is described as point, can vary from very small, at 9 point, to very large, at 72 point. These words on this page are set in 10 point. The point size is selected to suit the type of text and the audience.

These words are also in a particular style or font. The designer has chosen Palatino but could have used another font, such as Avant Garde, Bookman, Chicago, Courier, Geneva, Helvetica, Monaco, New Century Schoolbook, or New York Times. Each font includes both upper-case (or capital) and lower-case letters and numbers. The selection of font is a significant element of non-verbal language because each font has characteristics that make it appropriate to different purposes. Some fonts are easier to read than others. Some provide clear, lively heading styles but become awkward in a larger block of text. Some have full, rounded shapes that appeal to certain readers, whereas others are more elliptical and may convey the right image for particular texts and purposes. A wide range of different styles is available, including fonts that look like handwriting and may be selected to convey an image of personal correspondence.

Some fonts have serifs, which are tiny strokes at the tips of each letter. Others, such as Optima, are sans serif (sans meaning "without" in French). The purpose determines the choice of a font with or without serifs. For instance, young children are often assisted in reading by the clear delineation of lines and word endings that serifs provide.

Kerning

Spacing between letters is another visual element of text: font design varies, and a designer may adjust spacing between letters at certain points, again improving legibility. This process is called kerning.

Distinctive fonts, sometimes augmented by hand-lettering, are often used in newspaper, magazine, or television advertising to catch the eye of viewers or readers and impress and persuade them. The words in an advertisement might also be in the style of italics, bold, outline, or shadow.

The terms used about print, and the term press itself, derive from the original "moveable type". With this system, each letter was moulded in lead and lifted from its case by the typesetter, who set it in sequence, ready for inking and for the paper to be pressed against it.

Layout, then, is how the visual language or images, including any words, are set out on the page or computer screen - it is the overall form of the image once all its separate parts have been combined. Whether laying out the front page of a newspaper or designing a poster advertising the school production, we need to consider the layout of the visual images and their relationship with the words carefully so that the communication is effective.

Summary of Terms

 

layout double spacing font
margin indenting upper case
format tabs lower case
columns lettering serifs
gutter  typeface sans serif
measure typography italics
line spacing size bold
leading point outline
single spacing style shadow

Exploring language content page

Published on: 07 May 2009




Footer:

eZ debug

Clear cache:

Quick settings:

Timing: Sep 29 2016 07:42:17
Module start 'content'
Error: eZTemplate @ extension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/table.tpl:10[394] Sep 29 2016 07:42:17
Unknown template variable 'summary' in namespace 'xmltagns'
Error: eZTemplate @ extension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/table.tpl:10[394] Sep 29 2016 07:42:17
Unknown template variable 'summary' in namespace 'xmltagns'
Warning: PHP: E_WARNING Sep 29 2016 07:42:17
Invalid argument supplied for foreach() in /var/www/ezchannel-upgrade-4.4/extension/glossary/autoloads/sckglossarytemplateoperator.php on line 247
Timing: Sep 29 2016 07:42:17
Module end 'content'
Warning: eZTemplate:ezdesign Sep 29 2016 07:42:17
Design element stylesheets/websitetoolbar.css does not exist in any design
Warning: eZTemplate:ezdesign Sep 29 2016 07:42:17
Tried files: extension/tki-eesoll/design/tki-eesoll-eng/stylesheets/websitetoolbar.css, extension/cwa-carousel/design/cwa-carousel/stylesheets/websitetoolbar.css, extension/ezimagemap/design/ezimagemap/stylesheets/websitetoolbar.css, extension/qctv/design/qctv/stylesheets/websitetoolbar.css, extension/glossary/design/glossary/stylesheets/websitetoolbar.css, extension/tki-eesoll/design/tki-eesoll/stylesheets/websitetoolbar.css, extension/tki/design/tki/stylesheets/websitetoolbar.css, extension/tki-hps/design/ezwebin/stylesheets/websitetoolbar.css, extension/ezwebin/design/ezwebin/stylesheets/websitetoolbar.css, extension/ezfind/design/ezwebin/stylesheets/websitetoolbar.css, extension/mugo_varnish/design/standard/stylesheets/websitetoolbar.css, extension/tki-eesoll/design/standard/stylesheets/websitetoolbar.css, extension/leadspace/design/standard/stylesheets/websitetoolbar.css, extension/tki-nzsl/design/standard/stylesheets/websitetoolbar.css, extension/tki-art/design/standard/stylesheets/websitetoolbar.css, extension/ezoe/design/standard/stylesheets/websitetoolbar.css, extension/ezfind/design/standard/stylesheets/websitetoolbar.css, extension/ezjscore/design/standard/stylesheets/websitetoolbar.css, extension/bcwebsitestatistics/design/standard/stylesheets/websitetoolbar.css, extension/glossary/design/standard/stylesheets/websitetoolbar.css, extension/xmlwash/design/standard/stylesheets/websitetoolbar.css, extension/recaptcha/design/standard/stylesheets/websitetoolbar.css, extension/powercontent/design/standard/stylesheets/websitetoolbar.css, extension/enhancedselection2/design/standard/stylesheets/websitetoolbar.css, extension/ezsympaapi/design/standard/stylesheets/websitetoolbar.css, extension/qctv/design/standard/stylesheets/websitetoolbar.css, extension/paradoxpdf/design/standard/stylesheets/websitetoolbar.css, design/standard/stylesheets/websitetoolbar.css
Timing: Sep 29 2016 07:42:17
End

Timing points:

CheckpointElapsedRel. ElapsedMemoryRel. Memory
Module start 'content' 0.0000 sec0.5991 sec 9,751.2266 KB18,291.9766 KB
Module end 'content' 0.5991 sec4.5696 sec 28,043.2031 KB9,095.2656 KB
End 5.1688 sec  37,138.4688 KB 
Total runtime:5.2303 sec
Peak memory usage:38,638.1641 KB

Time accumulators:

 Accumulator Elapsed Percent Count Average
ini_load
Load cache0.0257 sec0.4800%210.0012 sec
Check MTime0.0040 sec0.0738%200.0002 sec
Find INI Files0.0001 sec0.0021%10.0001 sec
Mysql Total
Mysqli_queries0.2421 sec4.5198%3010.0008 sec
Looping result0.0240 sec0.4488%2880.0001 sec
MySQL Cluster
DB queries0.0116 sec0.2161%90.0013 sec
DFS operations0.0002 sec0.0042%10.0002 sec
Template Total5.1237 sec 95.7% 3 1.7079 sec
Template load0.1329 sec2.4810%30.0443 sec
String conversion in template resource0.0018 sec0.0345%370.0000 sec
Template parser: create text elements0.0405 sec0.7557%370.0011 sec
Template parser: remove whitespace0.0098 sec0.1836%370.0003 sec
Template parser: construct tree0.1858 sec3.4688%370.0050 sec
Template load and register function0.0138 sec0.2570%100.0014 sec
Template processing4.9905 sec93.1704%31.6635 sec
states
state_id_array0.0007 sec0.0131%10.0007 sec
state_identifier_array0.0017 sec0.0315%20.0008 sec
override
Cache load0.0771 sec1.4389%1520.0005 sec
Sytem overhead
Fetch class attribute can translate value0.0036 sec0.0678%10.0036 sec
Fetch class attribute name0.0081 sec0.1517%50.0016 sec
XML
Image XML parsing0.0003 sec0.0057%10.0003 sec
class_abstraction
Instantiating content class attribute0.0002 sec0.0034%90.0000 sec
Glossary Total0.0149 sec 0.3% 1 0.0149 sec
Glossary info0.0136 sec0.2537%10.0136 sec
Strip tags0.0006 sec0.0108%10.0006 sec
Build glossary arrays0.0000 sec0.0007%10.0000 sec
Reset tags0.0001 sec0.0022%10.0001 sec
General
String conversion0.0005 sec0.0092%400.0000 sec
Total script time:5.3564 sec

Templates used to render the page:

Usage countRequested templateTemplateTemplate loadedEditOverride
1node/view/full.tplextension/tki-eesoll/design/tki-eesoll/override/templates/full/general_content.tplextension/tki-eesoll/design/tki-eesoll/override/templates/full/general_content.tplEdit templateOverride template
3content/datatype/view/ezstring.tpl<No override>design/standard/templates/content/datatype/view/ezstring.tplEdit templateOverride template
1content/datatype/view/ezxmltext.tpl<No override>extension/glossary/design/glossary/templates/content/datatype/view/ezxmltext.tplEdit templateOverride template
12content/datatype/view/ezxmltags/paragraph.tpl<No override>extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tplEdit templateOverride template
22content/datatype/view/ezxmltags/strong.tpl<No override>design/standard/templates/content/datatype/view/ezxmltags/strong.tplEdit templateOverride template
27content/datatype/view/ezxmltags/td.tplextension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/td.tplextension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/td.tplEdit templateOverride template
18content/datatype/view/ezxmltags/tr.tpl<No override>extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/tr.tplEdit templateOverride template
1content/datatype/view/ezxmltags/line.tpl<No override>design/standard/templates/content/datatype/view/ezxmltags/line.tplEdit templateOverride template
1content/datatype/view/ezxmltags/li.tplextension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/li.tplextension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/li.tplEdit templateOverride template
1content/datatype/view/ezxmltags/ul.tpl<No override>design/standard/templates/content/datatype/view/ezxmltags/ul.tplEdit templateOverride template
2content/datatype/view/ezxmltags/table.tplextension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/table.tplextension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/table.tplEdit templateOverride template
1content/datatype/view/ezxmltags/header.tplextension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/header.tplextension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/header.tplEdit templateOverride template
1content/datatype/view/ezxmltags/separator.tplextension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/separator.tplextension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/separator.tplEdit templateOverride template
1content/datatype/view/ezxmltags/link.tplextension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/link.tplextension/tki-eesoll/design/tki-eesoll/templates/content/datatype/view/ezxmltags/link.tplEdit templateOverride template
1parts/page_metadata.tplextension/tki-eesoll/design/tki-eesoll/templates/parts/page_metadata.tplextension/tki-eesoll/design/tki-eesoll/templates/parts/page_metadata.tplEdit templateOverride template
1pagelayout.tplextension/tki-eesoll/design/tki-eesoll-eng/templates/pagelayout.tplextension/tki-eesoll/design/tki-eesoll-eng/templates/pagelayout.tplEdit templateOverride template
1common/title.tpl<No override>extension/tki/design/tki/templates/common/title.tplEdit templateOverride template
1common/metadata.tpl<No override>extension/tki/design/tki/templates/common/metadata.tplEdit templateOverride template
1common/stylesheets.tplextension/tki-eesoll/design/tki-eesoll-eng/templates/common/stylesheets.tplextension/tki-eesoll/design/tki-eesoll-eng/templates/common/stylesheets.tplEdit templateOverride template
1common/links.tplextension/tki-eesoll/design/tki-eesoll/templates/common/links.tplextension/tki-eesoll/design/tki-eesoll/templates/common/links.tplEdit templateOverride template
1common/banner.tplextension/tki-eesoll/design/tki-eesoll/templates/common/banner.tplextension/tki-eesoll/design/tki-eesoll/templates/common/banner.tplEdit templateOverride template
1common/wrapper_three_column.tplextension/tki-eesoll/design/tki-eesoll/templates/common/wrapper_three_column.tplextension/tki-eesoll/design/tki-eesoll/templates/common/wrapper_three_column.tplEdit templateOverride template
1common/menu_main.tplextension/tki-eesoll/design/tki-eesoll/templates/common/menu_main.tplextension/tki-eesoll/design/tki-eesoll/templates/common/menu_main.tplEdit templateOverride template
1common/menu_levels.tpl<No override>extension/tki/design/tki/templates/common/menu_levels.tplEdit templateOverride template
1parts/before_menu.tplextension/tki-eesoll/design/tki-eesoll-eng/templates/parts/before_menu.tplextension/tki-eesoll/design/tki-eesoll-eng/templates/parts/before_menu.tplEdit templateOverride template
1parts/rss.tplextension/tki-eesoll/design/tki-eesoll-eng/templates/parts/rss.tplextension/tki-eesoll/design/tki-eesoll-eng/templates/parts/rss.tplEdit templateOverride template
1parts/after_menu.tplextension/tki-eesoll/design/tki-eesoll-eng/templates/parts/after_menu.tplextension/tki-eesoll/design/tki-eesoll-eng/templates/parts/after_menu.tplEdit templateOverride template
1common/breadcrumbs.tplextension/tki-eesoll/design/tki-eesoll/templates/common/breadcrumbs.tplextension/tki-eesoll/design/tki-eesoll/templates/common/breadcrumbs.tplEdit templateOverride template
1common/content.tplextension/tki-eesoll/design/tki-eesoll/templates/common/content.tplextension/tki-eesoll/design/tki-eesoll/templates/common/content.tplEdit templateOverride template
1common/tools.tplextension/tki-eesoll/design/tki-eesoll/templates/common/tools.tplextension/tki-eesoll/design/tki-eesoll/templates/common/tools.tplEdit templateOverride template
1parts/widget/widget_list.tplextension/tki-eesoll/design/tki-eesoll/templates/parts/widget/widget_list.tplextension/tki-eesoll/design/tki-eesoll/templates/parts/widget/widget_list.tplEdit templateOverride template
1parts/widget/related_resources.tplextension/tki-eesoll/design/tki-eesoll/templates/parts/widget/related_resources.tplextension/tki-eesoll/design/tki-eesoll/templates/parts/widget/related_resources.tplEdit templateOverride template
1common/footer.tplextension/tki-eesoll/design/tki-eesoll/templates/common/footer.tplextension/tki-eesoll/design/tki-eesoll/templates/common/footer.tplEdit templateOverride template
1common/javascript.tplextension/tki-eesoll/design/tki-eesoll/templates/common/javascript.tplextension/tki-eesoll/design/tki-eesoll/templates/common/javascript.tplEdit templateOverride template
1setup/debug_toolbar.tpl<No override>design/standard/templates/setup/debug_toolbar.tplEdit templateOverride template
1setup/clear_cache.tpl<No override>design/standard/templates/setup/clear_cache.tplEdit templateOverride template
1setup/quick_settings.tpl<No override>design/standard/templates/setup/quick_settings.tplEdit templateOverride template
      
 Number of times templates used: 115
 Number of unique templates used: 37
 Time used to render template usage: 0.0013 secs