pba front-end programming textual composition. even with proper choice of font, the physical...
TRANSCRIPT
![Page 1: PBA Front-End Programming Textual Composition. Even with proper choice of font, the physical organisation of text still matters – Avoid ”walls of text”](https://reader036.vdocuments.net/reader036/viewer/2022083006/56649f395503460f94c5603c/html5/thumbnails/1.jpg)
PBA Front-End Programming
Textual Composition
![Page 2: PBA Front-End Programming Textual Composition. Even with proper choice of font, the physical organisation of text still matters – Avoid ”walls of text”](https://reader036.vdocuments.net/reader036/viewer/2022083006/56649f395503460f94c5603c/html5/thumbnails/2.jpg)
Textual Composition
• Even with proper choice of font, the physical organisation of text still matters– Avoid ”walls of text”– Avoid monotony…– …but also avoid too many
surprises!
![Page 3: PBA Front-End Programming Textual Composition. Even with proper choice of font, the physical organisation of text still matters – Avoid ”walls of text”](https://reader036.vdocuments.net/reader036/viewer/2022083006/56649f395503460f94c5603c/html5/thumbnails/3.jpg)
Textual Composition
BORING!!
![Page 4: PBA Front-End Programming Textual Composition. Even with proper choice of font, the physical organisation of text still matters – Avoid ”walls of text”](https://reader036.vdocuments.net/reader036/viewer/2022083006/56649f395503460f94c5603c/html5/thumbnails/4.jpg)
Textual Composition
• Various types of ”space” are useful• Margins - separates text blocks from other
page elements• Alignment – helps the use to navigate – Can help the user to navigate between lines– Left-justified text is usually considered the best
choice for text on the screen
![Page 5: PBA Front-End Programming Textual Composition. Even with proper choice of font, the physical organisation of text still matters – Avoid ”walls of text”](https://reader036.vdocuments.net/reader036/viewer/2022083006/56649f395503460f94c5603c/html5/thumbnails/5.jpg)
Textual Composition
![Page 6: PBA Front-End Programming Textual Composition. Even with proper choice of font, the physical organisation of text still matters – Avoid ”walls of text”](https://reader036.vdocuments.net/reader036/viewer/2022083006/56649f395503460f94c5603c/html5/thumbnails/6.jpg)
Textual Composition
• Text can also be emphasised in various ways
• Classic effects for emphasis– Bold– Italic– Underline– Coloring– CAPITALS
![Page 7: PBA Front-End Programming Textual Composition. Even with proper choice of font, the physical organisation of text still matters – Avoid ”walls of text”](https://reader036.vdocuments.net/reader036/viewer/2022083006/56649f395503460f94c5603c/html5/thumbnails/7.jpg)
Textual Composition
• When could emphasis of text be appropriate?– Introducing a new term– Using an adjective in ”strong form”– Indicating text which also has a
function (link)– Draw attention to an important piece
of data– …?
![Page 8: PBA Front-End Programming Textual Composition. Even with proper choice of font, the physical organisation of text still matters – Avoid ”walls of text”](https://reader036.vdocuments.net/reader036/viewer/2022083006/56649f395503460f94c5603c/html5/thumbnails/8.jpg)
Textual Composition
• ”…the emergence of quantum physics”• ”…that room was scary, John”• ”…also check out www.cnn.com”• ”…more than 2,000 families are affected”
![Page 9: PBA Front-End Programming Textual Composition. Even with proper choice of font, the physical organisation of text still matters – Avoid ”walls of text”](https://reader036.vdocuments.net/reader036/viewer/2022083006/56649f395503460f94c5603c/html5/thumbnails/9.jpg)
Textual Composition
• Tips on text emphasis– Use sparingly, otherwise
effect is lost!– Emphasis is for very short
text passages, not e.g. an entire paragraph
– Emphasis and e.g. choosing a font for a heading is two different things…
![Page 10: PBA Front-End Programming Textual Composition. Even with proper choice of font, the physical organisation of text still matters – Avoid ”walls of text”](https://reader036.vdocuments.net/reader036/viewer/2022083006/56649f395503460f94c5603c/html5/thumbnails/10.jpg)
Textual Composition