Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2
|
|
- Whitney Stewart
- 6 years ago
- Views:
Transcription
1 Unit 4 Multimedia Element: Text Semester 2
2 Unit Outline In this unit, we will learn Fonts Typography Serif, Sans Serif, Decorative Monospaced vs. Proportional Style Size Spacing Color Alignment Line Length Graphic-based Typography Portable Document Format 2
3 Introduction With all the graphics and other media elements in multimedia applications, text remains the primary vehicle for communicating content. Text should be easy to read visually pleasing 3
4 Introduction The effective use of text is dependent upon typography and typefaces used. Typography is type design. It is the typeface used and the way the type is arranged to communicate an idea. Typeface: A set of characters, usually made up of alphabet letters, numerals, symbols, that all follow the same rules within the set. 4
5 Introduction Font: A set of characters within a typeface that has specific characteristics associated with it, especially with respect to: Size (the height of the characters) Weight (how dark the characters appear) Style (such as italic or condensed) Variations of a particular typeface are said to be part of a font family. Example: Times New Roman 12 point, bold, condensed is one font, and it is in the same font family as Times New Roman 16 point, light, expanded 5
6 Introduction Century font family 6
7 Fonts Readability is the primary goal. Fonts are also used to help create the desired look and feel of the site for the target audience. Different fonts, when used properly: Help in focusing attention on certain text on the screen Enhance readability Set a tone (serious, light-hearted) Project an image (progressive, conservative) 7
8 Fonts Default fonts are ones that come pre-installed with the operating system. 8
9 Fonts Many font designers sell or offer royalty free (1) fonts via the Web. If we use a font that is not on a user s computer, the user s operating system will substitute a default font when the Web page is viewed. (font substitution) In case of font substitution, word spacing might be changed and the alignment of objects on the page could be affected. (1) Royalty free refers to the right to use copyrighted material or intellectual property without the need to pay royalties for each use or per volume sold, or some time period of use or sales. 9
10 Fonts The following issues about fonts will be discussed: Serif, Sans Serif, Decorative Monospaced vs. Proportional Style Size Spacing Color Alignment Line Length 10
11 Serif, Sans Serif, Decorative Fonts are classified as serif, sans serif, or decorative. Serif fonts have feet or short lines at the ends of the strokes of the letter. Sans means without. A sans serif font is one without serifs or without feet. A decorative font may have a combination of serif and sans serif fonts or it may be one that cannot be categorized either way. 11
12 Serif, Sans Serif, Decorative Sans serif fonts are most often used for headings, titles and callouts. Serif fonts are used for long or dense bodies of texts. The serifs aid the user in reading, as the characters lead the eye across the page. Serif and Sans Serif 12
13 Serif, Sans Serif, Decorative 13
14 Serif, Sans Serif, Decorative Decorative font 14
15 Monospaced vs. Proportional Monospaced fonts: Each character takes up the same amount of horizontal space. Proportional fonts: Each character takes up a varying amount of horizontal space. Most fonts used in multimedia applications / web pages nowadays are proportional fonts. Monospaced vs. proportional 15
16 Monospaced vs. Proportional By using a monospaced font, the letters line up in columns. By using a proportional font, the letters take up only the amount of horizontal space they need. 16
17 Style The style of a font describes the way to emphasize a word or phrase. Font styles include: Italic, bold, and underline Italicized fonts do not generally read well on screen. An underlined word or phrase usually indicates a hyperlink. Unless the text is a hyperlink, the use of underline should be avoided. Bold style can be used for main headings. 17
18 Size Fonts are often measured in point sizes. 10 and 12 points are common point sizes for type displayed on a web page. The proper point size should depend on how the font is to be used (i.e. as a title, as body text, and so on.) 18
19 Size Text that appears as a title may be relatively large, whereas text that is used on a button might be quite small. Headings and subheadings are used to attract attention and provide the user with quick identification of the screen / page content, while body text provides the substance. 19
20 Spacing Kerning the process of adjusting the horizontal space between pairs of letters some pairs of letters create awkward spaces; Kerning adds or subtracts space between letters to create more visually appealing and readable text Tracking the process of adjusting the horizontal space between each character Kerning is selective letterspacing while tracking is overall letterspacing. 20
21 Spacing Leading amount of vertical space between lines of text Kerning, tracking and leading are important in making text readable. Kerning, tracking and leading are somewhat dependent on the font size and how the text will be used on the page / screen. 21
22 Spacing Kerning Leading Tracking 22
23 Color Color can be applied to text for emphasis. The greater the contrast between the type color and the background, the more the type will be noticed. Color may have a particular emotion associated with it. Color applied to text contributes to the overall mood and tone of the page. 23
24 Alignment Layout and alignment are important typographic considerations. When the content is primarily text, typography is used to create patterns of organization on the page. Text can be: left aligned right aligned center aligned justified In general, body text should be left aligned or justified. Center alignment should primarily be reserved for titles and headings. 24
25 Alignment Alignments 25
26 Line Length It is important to limit the amount of text on screen. It is more difficult and takes longer to read text on screen than on paper. Long lines of text are difficult to read. It is recommended that designers allow for approximately 30 to 40 characters per line. Columns are often more readable. Sentences containing a large number of items can be converted into lists. Complex information can be organized into tables. 26
27 Graphic-based Typography One way to ensure that text will be displayed in a specific format is to change the text into an image (i.e. to create the text and save it as a graphic) This is helpful when logos, headings, and titles need specific fonts. Because the font used in most company logos is important, company logos are usually converted to graphic-based type for use on the Web. 27
28 Portable Document Format The Portable Document Format (PDF) was developed in a way such that documents could be transported and viewed without the requirement that the users viewing the documents own or have access to the software with which the document was created. Users need a PDF reader that allows them to view the PDF document in its original layout with all of the proper fonts and graphics. PDF files can be viewed from any type of computer. 28
29 Portable Document Format PDF readers can handle any font and layout. Portable document software enables users to create, edit and read PDF files. Adobe Acrobat Reader DC is a PDF reader while Adobe Acrobat Pro DC is a portable document software. 29
30 Reference Part of this slide set is prepared or/and extracted from the following book: Multimedia For The Web Revealed, Calleen Coorough & Jim Shuman, Thomson Learning, 2006, ISBN: This set of slides is for teaching purpose only. Self-study slide(s) is / are within the scope of the final examination. 30
Multimedia for the Web: Creating Digital Excitement. Multimedia Element Text
: Creating Digital Excitement Multimedia Element Text Chapter Concepts Discuss Fonts Understand Fonts Define Cascading Style Sheets (CSS) Explain Additional Options for Implementing Text on the Web Chapter
More informationINTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN Goals of typographic design Typography plays an important role in how audiences perceive your document and its information. Good design is about capturing your audience
More informationunderstanding typography
understanding typography What is typography?! it is what language looks like! it is the art and technique of modifying type and arranging it on a page What does the arrangement of type mean? the arrangement
More informationPutting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3
Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Typography The study of all elements of type as a means of visual
More informationUnit 3. Design and the User Interface. Introduction to Multimedia Semester 1
Unit 3 Design and the User Interface 2018-19 Semester 1 Unit Outline In this unit, we will learn Design Guidelines: Appearance Balanced Layout Movement White Space Unified Piece Metaphor Consistency Template
More informationOUR TYPOGRAPHY APPROVED UNIVERS FONTS. Univers 65 Bold Univers 65 Bold Oblique Univers 75 Black Univers 75 Black Oblique
BRAND TYPOGRAPHY For Internal Use Only Not For Use With The Public. For help and guidance on our brand standards, contact marketinginbox@firstcommand.com. 63 OUR TYPOGRAPHY Typography is a powerful extension
More informationBRAND. For Internal Use Only Not For Use With The Public. For help and guidance on our brand standards, contact
BRAND TYPOGRAPHY. 1 OUR TYPOGRAPHY. Typography is a powerful extension of our brand s personality. It plays an important role in creating a consistent look for First Command across all communications and
More informationPrinciples of Typography
Principles of Typography Different fonts send a different message to the reader. Categories: Sans serif Serif Script Decorative Fonts Sans-serif Fonts Easy to read, especially online Modern and clean Good
More informationUser-Centered Website Development: A Human- Computer Interaction Approach
User-Centered Website Development: A Human- Computer Interaction Approach Daniel D. McCracken City College of New York Rosalee J. Wolfe DePaul University With a foreword by: Jared M. Spool, Founding Principal,
More informationWriting For The Web. Patricia Minacori
Writing For The Web Patricia Minacori 1 Introduction Scannability Navigation Page Layout Readability Colors Editing Conclusion 2 Introduction Very different way of writing compared to paper 3 Introduction
More informationLECTURE 4 THE USES OF TEXT IN MULTIMEDIA
LECTURE 4 THE USES OF TEXT IN MULTIMEDIA 1 Objective Media Types What text is How text is created and stored in the computer How text is used in Multimedia Systems Advantages and Disadvantages of using
More informationDesigning Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor
Designing Research Posters College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor Size and Orientation If you are NOT using the poster template: Start is with a 48"
More informationTypesetting Tips. Put your best type forward.
Typesetting Tips Put your best type forward. Do you want your audience to read your document? Improve your chances by making your article easy to read. Make the document difficult to read and To learn
More informationAccessible Presentation Guide
Text Have a descriptive and informative page title Use a san-serif font when possible for readability Large text - at least 18 point (24px) or 14 point(18.66px) and bold Aa 18pt san-serif Contrast ratio
More informationMODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context
MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION 06-07 Module title Design Principles and Context Typography Fonts are classified under the following headings. Old Face fonts make use of contrasting wide
More informationsection four typography contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples...
section four typography 43 contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples...48 introduction Consistent application of type fonts and styles allows
More informationObjective 203 Apply production methods to plan and create advanced digital media graphics projects. Course Weight : 25%
Objective 203 Apply production methods to plan and create advanced digital media graphics projects. Course Weight : 25% Objective 203 - Graphics Objectives are broken down into three sub-objectives : pre-production,
More informationDocument and Web design has five goals:
Document and Web design has five goals: to make a good impression on readers to help readers understand the structure and hierarchy of the information to help readers find the information they need to
More informationMicrosoft PowerPoint 2013 Module
Microsoft PowerPoint 2013 Module Signing your name below means the work you are turning in is your own work and you haven t given your work to anyone else. Name Period Seat Completed Activity Points Poss.
More informationModifying Type: effects of a letter change COLDS
Modifying Type Modifying Type The goal of good typography is like fabric. It should be evenly woven together where all facets and all parts of the letter forms work together. Sometimes if you have one
More informationBRAND IDENTITY STANDARDS GUIDE
BRAND IDENTITY STANDARDS GUIDE JANUARY 2015 TABLE OF CONTENTS This brand identity standards guide was created to help establish the BCIU s visual brand image and bring consistency to all visual representations
More informationLOGO & BRAND STANDARDS GUIDE
LOGO & BRAND STANDARDS GUIDE INTRODUCTION The SparkPost Brand Standards Guide provides key information needed to accurately and consistently produce external and internal documents and communications.
More informationFont Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters
Font Basics Ascender Font Size d p x A X-height Cap height Counter The white space within letters Descender Bar A Serif With strokes on the extremities of the letters. T A Sans-Serif No strokes on the
More informationBASIC ABOUT TYPE TYPO GRAPHY
BASIC ABOUT TYPE TYPO GRAPHY TYPOGRAPHY BASIC DESIGN Relative & Absolute measurements Absolute measurements Inche : Millimetres : Points : Pica 3 Inches 76.2 mm 216 Points 18 Picas 1 Inches = 3 Picas A
More informationTYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r)
TYPOGRAPHY Parts of letters: base line x-height ascender arm (as on the capital T) descender bar (as on the capital H) extenders bowl counter ear (as on the lower case g and r) serif stroke tail (as on
More informationVOICE OF TYPE LECTURE 1
VOICE OF TYPE LECTURE 1 TYPOGRAPHY II COUNTY COLLEGE OF MORRIS PROFESSOR GAYLE REMBOLD FURBERT VOICE OF TYPE As you look at typefaces, analyze their forms, learn their history and learn how to use them
More informationFormat and Layout 8/31/2012. Using Visuals to Inform and Persuade
ENG112 Prof. Katherine Delhagen *No sound read every slide of the presentation carefully Using Visuals to Inform and Persuade Effective technical communication integrates textual and visual elements: o
More informationTypographic. Alphabet. Book. Interactive PDF of typographic rules & terms YOU NEED TO KNOW. Home. Table of Contents
Typographic Alphabet Table of Contents > Rules That Every Typographer Should Know... 2-3 Book Interactive PDF of typographic rules & terms YOU NEED TO KNOW > Baseline... > Gutter... > Hierarchy... > Kerning...
More information5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text.
CHAPTER 5. Text CHAPTER HIGHLIGHTS Text tradition. Codes for computer text. t Font technologies. Multimedia text. Guidelines for use of text in multimedia. 2 1 POWERS OF TEXT Multimedia developers value
More informationChapter 7 Typography, Style Sheets, and Color. Mrs. Johnson
Chapter 7 Typography, Style Sheets, and Color Mrs. Johnson Typography Typography refers to the arrangement, shape, size, style, and weight of text. Affects the navigation and usability of a web site and
More informationStatic Visual Displays: Flight Deck Documentation
Static Visual Displays: Flight Deck Documentation Source: Degani, A. (1992). On the Typography of Flight-Deck Documentation, NASA Contractor Report #177605. Moffett Field, CA: NASA Ames Research Center,
More informationAccessible Documents & Presentations. By Amy Maes, DNOM
Accessible Documents & Presentations By Amy Maes, DNOM 1 Overview Accessibility: What am I required to do? Disability Characteristics Creating an Accessible Word Document & PowerPoint Presentation v2010
More informationDESIGNING THE PAGE FOUNDATIONS OF DIGITAL DESIGN. Layout composition, the grid and typography. Prof. Eva Machauf
DESIGNING THE PAGE Layout composition, the grid and typography FOUNDATIONS OF DIGITAL DESIGN Prof. Eva Machauf prof.machauf@gmail.com THE GRID The grid is the foundation of all design. Creating and working
More informationC L A S S 2 T Y P O G R A P H Y. FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m.
C L A S S 2 T Y P O G R A P H Y FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m. Typography Typography separates graphic design from visual art. In every piece of type you see, somebody has considered how the letters,
More informationFont classification review
Font classification review Taken from Lettering & Type by Bruce Willen Nolen Strals Old Style Transitional Modern Slab Serif Garamond ag Baskerville ag Bodoni ag Cowboys ab Sans Serif Gill Sans ag Decorative
More informationOUTLINE. Advanced Technical Communication & Writing Skills. What is technical communication? Technical communication skills
Advanced Technical Communication & Writing Skills What is technical communication? Technical communication skills Principles of technical writing Technical writing is interpreting Planning is crucial Technical
More informationTypography in Design The principles of design describe the ways that artists use the elements of art in a work of art.
Typography in Design The principles of design describe the ways that artists use the elements of art in a work of art. Aims & Outcomes: Aims: to understand typeface categories and how they are used in
More informationIn your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read.
In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. Type is important because it is an unconscious persuader. It
More informationcommunication design and the web John Zimmerman HCI Institute and the School of Design, Carnegie Mellon University 17 November 2010
communication design and the web John Zimmerman HCI Institute and the School of Design, Carnegie Mellon University 17 November 2010 goals for today explore communication design familiar with basic principles
More informationHow to Create Accessible Word (2016) Documents
How to Create Accessible Word (2016) Documents Heading Styles 1. Create a uniform heading structure through use of Styles in Word under the Home ribbon. a. Proper heading structure is necessary for screen
More informationTypographic hierarchy: How to prioritize information
New York City College of Technology, CUNY Department of Communication Design Typographic Design III Instructor: Professor Childers pchilders1@mac.com Typographic hierarchy: How to prioritize information
More informationTypography 2! HCC 710 2/1 /13. Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County
Typography 2! HCC 710 2/1 /13 1, Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County Letterform Critiques! 25-30 minutes 2, Wordpress Questions / " Graphic Design Inspirations! 3, Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County
More informationText Topics. Human reading process Using Text in Interaction Design
Text SWEN-444 Text Topics Human reading process Using Text in Interaction Design Humans and Text the Reading Process Saccades quick, jerky eye movements forward 8-10 letters at a time plus CR/LF to the
More informationUnit 6. Multimedia Element: Animation. Introduction to Multimedia Semester 1
Unit 6 Multimedia Element: Animation 2017-18 Semester 1 Unit Outline In this unit, we will learn Animation Guidelines Flipbook Sampling Rate and Playback Rate Cel Animation Frame-based Animation Path-based
More informationThe 12 most common newsletter design mistakes
The 12 most common newsletter design mistakes www.targetmarketingnetwork.com By: Roger C. Parker Your newsletter s success depends on its design. An attractive, easy to read newsletter encourages readers
More informationUnit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block
Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block Use the mouse pointer to select the text (or put a blue highlight behind it). Then, make the changes you need.
More informationPrimary Logo. Corporate logo - primary. The centered logo is only to be used when the length of the common logo is problematic for an application.
Primary Logo Corporate logo - primary The elements of the logo may be arranged in two predetermined configurations: the primary logo (which also has a small version and the centered logo. The centered
More informationACSC 231 Internet Technologies
ACSC 231 Internet Technologies Lecture 7 Web Typography Efthyvoulos Kyriacou - Assoc. Prof. Frederick University Resources: C. Markides (Frederick University) Slide 1 ACSC 231: Internet Technologies 23/12/2008
More information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 3 Configuring Color and Text with CSS Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links
More informationEnhancing Presentations with Slides and Other Visuals. Prentice Hall, 2008 Business Communication Today, 9e Chapter 17-1
Enhancing Presentations with Slides and Other Visuals Prentice Hall, 2008 Business Communication Today, 9e Chapter 17-1 Structure of Presentation 1. Role of Visuals 2. Steps to Write Content 3. Design
More informationDeveloped by: Beth Gibbs
Developed by: Beth Gibbs Steps in Organizing Newsletter Plan layout and content Write and format the copy Design the layout Add graphics Produce the newsletter Introduction Keep in touch with parents Inform
More informationMultimedia Design Principles
Multimedia By Tansa Ayazgok February 2018 Multimedia Things To Your Audience Time Cost Skill level Equipment Click here to view a link to the Best Portable Projectors for Presentations Click the image
More informationLECTURE 08B: EXPLORING MS OFFICE WORD 2010
LECTURE 08B: EXPLORING MS OFFICE WORD 2010 Insert Drop down This lecture is designed to prepare students for IC³ Certification STRUCTURED TASK 1. English Presentation Every student has Presentation to
More informationMultimedia Design Principles
By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of Thumb Things to Consider Time/Cost Skills Audience Equipment Things to Consider Time/Cost How much
More informationEssentials for Text and Graphic Layout
5. Essentials for Text and Graphic Layout This section provides specific text and graphic guidelines that will help create a unified series of interpretive signs around Humboldt Bay. Text refers to the
More informationEnvSci360 Computer and Analytical Cartography
EnvSci360 Computer and Analytical Cartography Lecture 5 Working with Type and Labels Key Points Labels are text that locate and identify features on a map Important for readability & communication EnvSci
More informationCorporate Identity Guidelines
Corporate Identity Guidelines CONTENTS 1.0 TRADEMARK Watco Companies Logo Logo Clear Space Logo Variations Project Logos Proper Logo Use 03 04 05 06 07 08 2.0 TYPOGRAPHY Type Family 3.0 COLOR Brand Color
More informationCREATING A POWERPOINT PRESENTATION BASIC INSTRUCTIONS
CREATING A POWERPOINT PRESENTATION BASIC INSTRUCTIONS By Carolyn H. Brown This document is created with PowerPoint 2013/15 which includes a number of differences from earlier versions of PowerPoint. GETTING
More informationFOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS
FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS CAN YOU ALL HEAR ME? SPECIAL ANNOUNCEMENT Win a Lifetime Membership to Shaw Academy The draw will be held live during Lesson 8 * CONDITIONS Attend at
More informationGraphic Standards 1/28/13
Graphic Standards 1/28/13 All electronic logo files can be downloaded at: www.brentredmond.com/art Logo Application Guidelines The Brent Redmond Transportation, INC Logo The Brent Redmond Transportation,
More informationTypography/ Layout and Design
Typography/ Layout and Design What is typography? It s the study and science of fonts. Using typography is almost an art, and it takes practice to learn to use it correctly. Type is not just text that
More informationMultimedia Design Principles. Darnell Chance August 2005
Multimedia Design Principles Darnell Chance August 2005 Home Page Things To Consider Organization Story Board Organization The 3 C s Alignment Proximity Tips/ Techs White Space Contrast Rule of Thumb Typography
More informationContent. Logo Logo Variations and Usage Logo Spacing Incorrect Logo Usage Typography Colors Tagline...
Style Guide Content Logo........................................................................................ 1 Logo Variations and Usage.....................................................................
More informationKnightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing
Auto Tracing The process of converting a bit mapped image into a vector image. In a bit-mapped image, each object is represented by a pattern of dots, while in a vector image every object is defined geometrically.
More informationCreating an Accessible Microsoft Word document
Creating an Accessible Microsoft Word document Use Built-in Formatting Styles Using built-in formatting styles could be the single most important step in making documents accessible. Built-in formatting
More informationDesigning a Web Site. Michelle Hulett
0 Designing a Web Site Michelle Hulett 1 Table of Contents Designing a Web Site... 0 Table of Figures... 2 Proximity and Balance... 3 Contrast and Focus... 4 Consistency... 4 Appropriate Background...
More informationBRAND GUIDELINES + UPDATED
+ UPDATED NOVEMBER 2015 Primary Mark Guidelines Vertical Lockup is the primary style and should be used across all applications. Do not change the color unless using one of the alternate logos provided
More informationSAMPLE PAGES. Syllabus coverage chart. viii Syllabus coverage chart
viii Syllabus coverage chart Syllabus coverage chart The chart below shows how each Unit and Topic relates to the ICT syllabus and the Computer Studies syllabus. Computer Unit 11.1 Computer Fundamentals
More informationTopic 0b Graphics for Science & Engineering
Course Instructor Dr. Raymond C. Rumpf Office: A 337 Phone: (915) 747 6958 E Mail: rcrumpf@utep.edu Topic 0b Graphics for Science & Engineering EE 4386/5301 Computational Methods in EE Outline What are
More informationThe Visual Scientist Presents Poster Design
The Visual Scientist Presents Poster Design layout fonts science! Hailpern & Danilevsky www.thevisualscientist.com Topics Covered This is a how-to-guide for effectively presenting scientific work in the
More informationBefore & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8
Before & After Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8 Before & After From The Non-Designer s Design Book, Robin Williams Non-Designer
More informationjasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia
TYPEDIA _ Typography Encyclopedia ANATOMY_ Anatomy of a typeface Anatomy of a typeface What is a Font & Typeface? A design for a set of characters. A font is the combination of typeface and other qualities,
More informationWeb Site Design and Development Lecture 6
Web Site Design and Development Lecture 6 CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM Inheritance Before we talk about font properties, it needs to be known that font properties are inherited by the descendants
More informationTOOLKIT for Making Written Material Clear and Effective. SECTION 2: Detailed guidelines for writing and design
TOOLKIT for Making Written Material Clear and Effective SECTION 2: Detailed guidelines for writing and design PART 5 Understanding and using the Toolkit Guidelines for Graphic Design Chapter 4 Guidelines
More informationTYPOGRAPHY. The art of type
Typography TYPOGRAPHY The art of type TYPE All the letters (abc), Numbers (123) & characters (;? @) of the alphabet. MONOTYPE Trade name for hot metal composition system Monotype Corporation Machine Shop
More informationDigital Media, UX-UI Design > Website Principles
Contents At a glance: Page layout header To ensure the correct appearance of our brands in a broad spectrum of applications with a web front end, uniform treatment of design elements is an absolute necessity.
More informationFont, Typeface, Typeface Family. Selected Typographical Variables
Font, Typeface, Typeface Family Font: A font is a set of printable or displayable text character in a specific style, weight, and size. E.g. Helvetica Italic 10 Point. Typeface: The type design for a set
More informationPoster Instructions OUHSC College of Allied Health Office of Academic and Student Services AHB 1009 /
Poster Instructions OUHSC College of Allied Health Office of Academic and Student Services AHB 1009 / 405.271.6588 Please read this document carefully to help save you time and frustration. The College
More informationHow to use character and paragraph styles
How to use character and paragraph styles Whether you re working with long or short documents, styles can help you keep text formatting consistent. Styles are a collection of text attributes you can save
More informationThe Poster Presentation
Posters Joan M. Lakoski, Ph.D. University of Pittsburgh The Poster Presentation Presenting Data at a Scientific Meeting Characteristics of effective presentations: Organized Rehearsed Visual appeal Relevant
More informationBRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER
BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER 716.517.6298 BRIEF AERIS Latin word meaning air, atmosphere, ether, or weather. SPECIFICS Asbestos abatement Lead hazard control Mold mitigation
More informationUnit 1. Introduction to Multimedia. Introduction to Multimedia Semester 2
Unit 1 Introduction to Multimedia 2018-19 Semester 2 Unit 1: Unit Outline In this unit, we will learn What is Multimedia? Multimedia Elements Interactivity Web-based Multimedia Hypermedia Benefits of Multimedia
More informationLoremTM. Identity Guidelines (Date)
Identity Guidelines (Date) This example was created to help inspire your conservation advocacy / nature organization to develop identity guidelines and use them consistently across outreach campaigns.
More informationElements of typographic design
Type Terminology Serif fonts Sans serif fonts Elements of typographic design Times News Roman Ariel Verdana Calligrapher 24 pt 20 pt 14 pt 10 pt Univers 45 Light Univers 45 condensed light Univers 55 Univers
More informationCorporate Identity At-A-Glance. Abbreviated Version
Corporate Identity At-A-Glance Abbreviated Version Corporate Signature The Corporate Signature is the key component of s visual identity. It s the primary expression that graphically represents across
More informationIdentification Style Guide
Identification Style Guide This manual outlines the proper uses for the new logo and wordmark and should serve as a guide as you help us present the school. While it is impossible to identify every situation
More informationSELECTING THE RIGHT TYPE FOR THE JOB
CHAPTER FOUR SELECTING THE RIGHT TYPE FOR THE JOB ype has the power to make or break a job. Every typeface has a distinct personality and conveys a different mood, message, or feeling. Display typefaces,
More informationGRAPHIC STANDARDS MANUAL. Appalachian Trail Conservancy Version 1.0
GRAPHIC STANDARDS MANUAL Appalachian Trail Conservancy 2011 - Version 1.0 THE BRAND LOGO Brand Identity Our logo incorporates colors, typeface and graphic treatments to help solidify this program s brand
More informationQUICK GUIDE. Graphics Standards & Guidelines University of Nebraska at Kearney
QUICK GUIDE Graphics Standards & Guidelines University of Nebraska at Kearney 08 2016 Summary The visual identity for the University of Nebraska Kearney is the face the school shows the public. It is representative
More informationGraphic Standards Manual. Athletics
Graphic Standards Manual Athletics 63 GRAPHIC STANDARDS MANUAL ATHLETICS FLAGS 64 HAS TWO ATHLETICS FLAGS. Athletics Flags Monmouth College has two athletics flags, and they are routinely displayed during
More informationTYPE BASICS Cartographic Design & Principles Winter 2016
TYPE BASICS Cartographic Design & Principles Winter 2016 Words on a Map Everything on the Earth has a name Names on a map, make it a map Otherwise it is a picture, photograph or design Assigning names
More informationCreating Accessible Documents
What is an Accessible Document? Creating Accessible Documents An accessible document is any document that has been created to be easily read by sighted, low-vision, or non-sighted readers using adaptive
More informationTYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION
THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPO WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE Typeface Anatomy The upward vertical stem on some lowercase letters, such as h and
More informationTEXT MEDIA AND INFORMATION
TEXT MEDIA AND INFORMATION Objectives Identify the basic elements in creating a text-based presentation. Evaluate the text-based presentation through the design principles and elements. But we know, irl,
More informationWeb Design, 5 th Edition
Typography and Images Web Design, th Edition Chapter Objectives Explain webpage typography issues Discuss effective use of webpage images Describe image file formats Discuss how to prepare web-ready images
More informationMaking Your PowerPoint Presentations Accessible
Making Your PowerPoint Presentations Accessible Montclair State University is committed to making our digital content accessible to people with disabilities (required by Section 508). This document will
More informationBarbican Identity Guidelines
Guidelines Contents Guidelines 1 5 1 Logo pp. 7 15 2 Lock-up pp. 17 25 3 Grid pp. 27 37 4 Typeface pp. 39 51 5 Typography pp. 53 69 Contents Core Guidelines Elements 6 11 XX Art XX Forms 6 Theatre pp.
More informationCorporate Identity Guidelines
Corporate Identity Guidelines - CONTENTS 1.0 TRADEMARK Watco Companies Logo Logo Clear Space Logo Variations Project Logos Proper Logo Use 03 04 05 06 07 08 2.0 TYPOGRAPHY Type Family 3.0 COLOR Brand Color
More informationPrint Media > Newsletters
Contents At a glance: Title pages, headers Content pages Templates as a design foundation Corporate design guidelines: Designing the header and title page Newsletters make it possible to inform customers
More informationSlide 1. Slide 2. Slide 3. Consistency. Consistency
Slide 1 Designing Effective Poster Presentations Reid Sczerba Center for Educational Resources, JHU This presentation will discuss how to Design Effective Poster Presentations with an understanding of
More information