PBA Front-End Programming Textual Composition. Even with proper choice of font, the physical organisation of text still matters – Avoid ”walls of text”

Slides:



Advertisements
Similar presentations
Typography Typography exists to honor content. — Robert Bringhurst,
Advertisements

Hints and tips for good web content. The University’s web presence To clearly inform prospective students, their influencers, researchers, potential members.
Introduction to CSS.
Copyright © 2014 The University of Adelaide Effective PowerPoint Design Peter Murdoch Learning and Quality Support.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
After attending this workshop, students should be able to complete the following tasks involving MS Word:
Week 7 Web Typography. 2 Understanding Type Design Principles.
Lesson 2 — Working with Text
Chapter Concepts Discuss Fonts Understand Fonts
The Use of Typography in Print and Electronically. [typography] “exists to honour content” Robert Bringhurst, The Elements of Typographical Style.
Designing Pages and Screens Comm Arts II Mr. Wreford.
Typography Web Design Professor Frank. Characteristics of Type on the Web Magazine/book typography – 1200 dpi Computer screens – 85 ppi (maximum)
Text Chapter 7. 7 Text in Multimedia Text is used in multimedia projects in many ways: Web pages Video Computer-based training Presentations.
Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.
Guided Lesson. Objective In this lesson you will learn to format the font size, style, and color; highlight the text; and use the Bold, Italic, Underline,
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Typography and Space for Web Design Important Issues From Web Style Guide.
Computer Applications I Unit 3 Study Guide 1 Introduction to Formatting, Alignment and Page Setup.
PAGE DESIGN PAGE DESIGN Giving Your Work the Best Possible Appearance.
Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.
Designing for the Web 7 Useful Design Principles.
Charmin Suttles TEC 542.  What is an interface? ◦ Thorsen(2009) describes an interface as “the consistent color, font style, and placement of informational.
Chapter 7 Web Typography Principles of Web Design, 4 th Edition.
Poster Composition (Aesthetics, techniques and layout) Combining text and images Introducing colour Overall composition K. Davis, School of Ocean and Earth.
Designing Effective Documents
Creating Content That Looks Great Justin Prevatte (AAMFT & themelogic)
Microsoft Word Building Block - Frequently used text saved in a gallery, from which it can be inserted quickly into a document. Clipboard - A storage.
Aa Intro to Communications: Typography WATERFORD DISTRICT HIGH SCHOOL.
DTP Principals Click the examples on each page to find out more. Click the arrow in the bottom corner to start!
MOH/RBC PowerPoint Template Guide ISHIMWE Kristina.
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
MSOffice WORD.
A Basic Web Page. Chapter 2 Objectives HTML tags and elements Create a simple Web Page XHTML Line breaks and Paragraph divisions Basic HTML elements.
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
Effective PowerPoint Design. Principles of good presentation design  Develop and use a slide template –provide a consistent look and feel to your presentation.
Document Design ENG 371 Lukowski. Things to Consider Think about your audience and their expectations – How will they read and use your document? – What.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
© 2003 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 15 Designing Pages and Documents Technical Communication, 9/e John M. Lannon.
Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,
Basics of Graphic Design By: Mrs. Wittel. Audience Orient Users –Use heading and captions as organizers Limit Focus –One idea per screen Know Your Audience.
Typography The Science of Text. Fonts Style of type How many fonts in a document? Conservative--one font Typical--two fonts Use a third for emphasis.
 English follows the Modern Language Association (MLA) 7 th Edition format for documentation.  The final page of any sourced paper in the MLA style.
Web Development Lecture # 09 Text Formatting in HTML.
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
Print Type Chapter 8. The Vocabulary of Typography Typeface refers to a set of letters, numbers, and other characters created by a typeface designer A.
Stylistic Options in Business Writing Compiled by PAPIA BAWA.
Paragraphs. PARAGRAPHS Paragraphs in essays: Are the building blocks of your essay Contain and develop a single idea Your essay consists of a number of.
How to make PowerPoint Presentations. Structure first slide: first slide: –title of your presentation –author(s) –year topic slides topic slides sources.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
PowerPoint Presentations A little PowerPoint is a dangerous thing! 1.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 5 KEY CONCEPTS 1 Copyright ©
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
HOW TO WRITE A GOOD CV.
Intro to CSS CS 1150 Fall 2016.
Designing User-Friendly Documents
Chapter 7 Text.
Intro to CSS CS 1150 Spring 2017.
Chapter 8 Print Type © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Design Tips for Effective Presentations
Principles of Design Contrast.
MLa Formatting.
Starting from Scratch: MLA Format
Working with Text PowerPoint Lesson 3.
Chapter 7 Web Typography
Web Design Principles.
Presentation transcript:

PBA Front-End Programming 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!

Textual Composition BORING!!

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

Textual Composition

Text can also be emphasised in various ways Classic 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 ”…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…

Textual Composition