100 likes | 238 Vues
Master the fundamentals of textual composition to enhance readability and user engagement in front-end programming. This guide covers essential techniques to avoid monotony while ensuring your text is aesthetically pleasing and clear. Learn the significance of margins and alignment, the strategic use of emphasis through color, bolding, and more without overwhelming the reader. Discover when and how to introduce emphasis effectively and improve navigation between lines and text blocks. Transform your web content into captivating, organized, and user-friendly presentations.
E N D
PBA Front-End Programming Textual Composition
Textual Composition • Even with proper choice of font/typeface, the physical organisation of text still matters • Avoid ”walls of text” • Avoid monotony… • …but also avoid too many surprises!
Textual Composition BORING!!
Textual Composition • Various types of ”space” are useful • Margins - separates text blocks from other page elements • Alignment – helps the user to navigate • Can help the user to navigate between lines • Left-justified text is usually considered the best choice for text on the screen
Textual Composition • Text can also be emphasised in various ways • Common effects for emphasis • Bold • Italic • Underline • Coloring • CAPITALS
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 • …?
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”
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…