1 / 33

Chapter 2: Text

Chapter 2: Text. Yaqoob Al-Slaise ITBIS351. Outline. Introduction. The Power of Meaning. Give the meaning of the following words:. The Power of Meaning. Barbie. The Power of Meaning. Green. The Power of Meaning. Lite. The Power of Meaning.

ji
Download Presentation

Chapter 2: Text

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Chapter 2: Text Yaqoob Al-Slaise ITBIS351

  2. Outline

  3. Introduction

  4. The Power of Meaning • Give the meaning of the following words:

  5. The Power of Meaning Barbie

  6. The Power of Meaning Green

  7. The Power of Meaning Lite

  8. The Power of Meaning • Words can carry more than one meaning that can trigger different emotions. • Good word choice is essential when designing multimedia. Navigation and menus depend heavily on text. • Word choice depends on a number of factors: Demographic – Culture (Norms) – Language

  9. Fonts and Faces • Typeface: a family of graphic characters that usually includes many type sizes and styles. • Font: is a collection of characters of a single size and style belonging to a particular typeface family. • Styles: Bold or Italic • Attributes:Underlining, strokes, font size, color etc..

  10. Dissecting Text

  11. Kerning • the process of adjusting the spacing between characters in a proportional font, usually to achieve a visually pleasing result.

  12. Tracking • The consistent degree of increase (or sometimes decrease) of space between letters to affect density in a line or block of text.

  13. Serif +Sans Serif • Serif: • Used in printed media for large blocks of text (newspapers, magazines, novels etc..) • Sans serif: • Large Advertisements • Newspaper Headlines • Web content

  14. Task: • Working in pairs or threes, think about what kind of messages these typefaces can convey. • Time? • Theme? • Where?

  15. Designing with Text • Presentations: • Font size 18 or larger • Bullet Points • Short sentences • Websites: • Crammed text on the screen is common • Clear design and columns • Font size can be 10-12 points and be acceptable.

  16. Choosing Fonts • For small type, use the most legible font available. Decorative fonts that cannot be read are useless, as shown at right.

  17. Choosing Fonts • Use as few different faces as possible in the same work. • Vary the weight and size of your typeface using italic and bold styles where they look good. • Using too many fonts on the same page is called ransom-note typography.

  18. Choosing Fonts • Pick the fonts that seem right to you for getting your message across, then double-check your choice against other opinions. • Learn to accept criticism. • (Never use Comic Sans)

  19. Text tips • Use meaningful words or phrases for links and menu items. • Text links on web pages can accent your message: they normally stand out by color and underlining. • Bold or emphasize text to highlight ideas or concepts, but do not make text look like a link or a button when it is not.

  20. Reading Text • Printed media is easier to read than on a monitor.

  21. Fonts Wars

  22. Adobe PostScript • PostScript is a method of describing an image in terms of mathematical constructs (Bézier curves), so it is used not only to describe the individual characters of a font but also to describe entire illustrations and whole pages of text. • It can be easily scaled bigger or smaller so it looks right.

  23. TrueType • A joint effort between Apple and Microsoft to create a faster font methodology.

  24. OpenType • Developed in 2007, OpenType is a free publicly available international standard of fonts which can be installed on any system.

  25. Hypertext • Indexed hypertext makes web search possible. • Software robots visit millions of web pages and index entire web sites.

  26. Searching for Words • Categories Selecting or limiting the documents, pages, or fields of text within which to search for a word or words. • Word relationships Searching for words according to their general proximity and order. For example, you might search for “birthday” and “cake” only when they occur on the same page or in the same paragraph.

  27. Searching for Words • Adjacency Searching for words occurring next to one another, usually in phrases and proper names. For instance, find “widow” only when “black” is the preceding adjacent word. • Alternates Applying an OR criterion to search for two or more words, such as “bacon” or “eggs.” • Association Applying an AND criterion to search for two or more words, such as “skiff,” “tender,” “dinghy,” and “rowboat.”

  28. Searching for Words • Negation Applying a NOT criterion to search exclusively for references to a word that are not associated with the word. For example, find all occurrences of “paste” when “library” is not present in the same sentence. • Truncation Searching for a word with any of its possible suffixes. For example, to find all occurrences of “girl” and “girls,” you may need to specify something like girl#. Multiple character suffixes can be managed with another specifier, so geo* might yield “geo,” “geology,” and “geometry,” as well as “George.”

  29. Searching for Words • Intermediate words Searching for words that occur between what might normally be adjacent words, such as a middle name or initial in a proper name. • Frequency Searching for words based on how often they appear: the more times a term is mentioned in a document, the more relevant the document is to this term.

  30. Hypermedia Structures • Hypertext systems consist of: • Links: connections between the conceptual elements of the system. • Nodes: consist of text, graphics, sounds, or related information in the knowledge base.

  31. Links • Link anchor: Where you come from when clicking a link to another page or document. • Link end: is the destination node linked to the anchor.

  32. Homework • Take 75 minutes to do the following: • Visit at least 5 different websites (News, Educational, Social Media, Entertainment, Commercial) • Analyze the text (size, font, colors, amount of text on screen) • Write a brief report describing which of the websites was best designed from your point of view.

More Related