Typoin e l-earning Azmawati

  • 812 views
Uploaded on

azmawati Masters in E-Learning Technology

azmawati Masters in E-Learning Technology

More in: Education , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
812
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
6
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1.
    • By Azmawati Binti Mohd Lazim
    • Masters of E-Learning technology
    • International consultant in e-Learning Development.
  • 2.
    • The learning objectives of assignment 1 are:
    • Understand the definition of typography for multimedia element.
    • Know the various type of typography.
    • How to use typography and apply it for learning purposes
    • Differentiate the pro and cons of typography in multimedia
    • Explore the example given on typography.
    AZMAWATI BINTI MOHD LAZIM Masters in E-Learning Technology
  • 3.
    • 2. Definition
    • The definition of typography in multimedia are:
    • Used to provide information and tie other media elements together . 
    • The design and use of typefaces as a means of communication.
    • Typography has its roots in handwritten letterforms.
    • Typography encompasses everything from calligraphy through digital type and type on Web pages.
    AZMAWATI BINTI MOHD LAZIM Masters in E-Learning Technology
  • 4. Example 1 from http://www.oriland.com/studio Provide information and tie other media elements together Provide information and tie other media elements together
  • 5.
    • 3. Description
    • In depth, Typography is :
    • The art of drawing with letterforms
    • Pivots on the appropriate balance of clarity and expression
    • Uses typefaces and the whitespace around and through them to create a whole design.
    • Different typefaces can be seen as various ‘voices’ that look as a tone of voice or accent would sound. It is essential to get the typography voice to match or reinforce the message being portrayed, without overwhelming it.
    AZMAWATI BINTI MOHD LAZIM Masters in E-Learning Technology
  • 6.
    • Typography is dependent on:
    • focus on what they should next.
    • Example 2 Typeface and the distance between letters
    • The position of line breaks
    • The ways words are grouped on the page as shown below :
    AZMAWATI BINTI MOHD LAZIM Masters in E-Learning Technology
  • 7. Example 2 From http://e-learningforkids.org/Courses/EN/S0702/launch.html Provide information and tie other media elements together The buttons grouped on top of the page with the same typo /typeface. It helps student in navigating the learning content systematically. The instruction that is grouped as a column in guiding student to focus on what they should next.
  • 8. Example 3 taken from http://www.e-learningforkids.org/courses.html Provide information and tie other media elements together The typography integrated with the image of the cupcake.
  • 9. 4. How It Is Used and Applied for Learning In learning, the user must know the technical aspect of typography. This technical aspect will help the multimedia user or designer to come out with a good design, complete with applied message throughout the content because of the right usage of typography). Character formatting determines the appearance of characters, like colour, typeface, font size, and font style. The following table illustrates some examples of character formatting: AZMAWATI BINTI MOHD LAZIM 1092300147 ASSIGNMENT 1 PRINCIPLE OF MULTIMEDIA APPLICATION MME 7113 MDM TENGKU PUTRI NORISHAH
  • 10. AZMAWATI BINTI MOHD LAZIM 1092300147 ASSIGNMENT 1 PRINCIPLE OF MULTIMEDIA APPLICATION MME 7113 MDM TENGKU PUTRI NORISHAH Typeface Size Style Principle of Multimedia Application Principle of Multimedia Application Principle of Multimedia Application, Principle of Multimedia Application, Principle of Multimedia Application, Principle of Multimedia Application 6 point , 8 point , 10 point, 12 point , 14 point , 16 point , 20 point This is bold . This is italic . This is underlined . This is bold and italic. This is italic and underlined .
  • 11. Example 3 taken from http://www.e-learningforkids.org/courses.html Provide information and tie other media elements together The text helps in instructional design of the content flow. If the instruction is not shown, the user may misinterpret the function of “crystal ball” on the screen.
  • 12. 5. The Pros and Cons of Using It. The pros and cons are per-stated in the table below : PROs CONs Compared to other multimedia elements, text takes up the smallest amount of storage space. Varieties of typography style an colors to be choose Very little resources are needed to create and display text. Very much time needed for designers to choose the typeface, since there are varieties for typography. Text can be transmitted very quickly. If typography is not available in the client's computer, it may be substituted by other typefaces and the text may be displayed out of expectation. Some web pages consist of a “Text Only” version. This is to cater for users with slow Internet connection. If the typography is not applied creatively, the output of we/multimedia content will be dull and boring. Typography used to provide information and tie other media elements together. Wrongly use of typography will present a wrong perception and message to the viewer. Sometimes, it can be disturber if voiceover is applied in the same screen. Typography is usually, easily created through typing using a keyboard. For other typography rather than English, there are several input methods: As an example, there are more than 256 characters in Chinese, two bytes are used to encode Chinese characters. Similarly, text can be captured by additional handwriting recognition software.