DESIGNING THE PAGE FOUNDATIONS OF DIGITAL DESIGN. Layout composition, the grid and typography. Prof. Eva Machauf
|
|
- Brianne Horton
- 5 years ago
- Views:
Transcription
1 DESIGNING THE PAGE Layout composition, the grid and typography FOUNDATIONS OF DIGITAL DESIGN Prof. Eva Machauf
2 THE GRID The grid is the foundation of all design. Creating and working with grids is a skill and an art that is fundamental to the design process. Some layouts feel right while others feel awkward. Grids create a structure that allows the designer to effectively use the principles of design. They establish rhythm and relationship on the page.
3 THE GRID An effective grid will:! Maintain hierarchy of elements! Create order and interest! Vary size, shape, position and placement
4 THE GRID 2 columns 3 columns! Can be simple or complex! Is consistent across pages, although a cover or front page can differ.! Affects both vertical and horizontal divisions! Integrates white space! May be used together with the Rule of Thirds and the Golden Ratio 4 columns The grid is not always clearly evident in the final work. Look at designs that you admire, see if you can find the grid.
5 THE GRID Josef Müller-Brockmann s Grid Systems in Graphic Design, 1968 The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice. Josef Müller-Brockmann
6 The Grid in Print To say a grid is limiting is to say that language is limiting, or typography is limiting. Ellen Lupton The Grid on the Web
7 Layout and Proportion: The Golden Section What is it?! The golden ratio describes a ratio, 1 to 1.618, which is thought to be especially aesthetically pleasing.! It is usually shown as a single large rectangle formed by a square and another rectangle. You can repeat keep dividing each rectangle formed infinitely and perfectly within each section.! Mathematical equivalent: in the Fibonacci Sequence, each subsequent number is the sum of the previous two: 1, 1, 2, 3, 5, 8, 13, 21, 55, 89,144, etc.
8 Layout and Proportion: The Golden Section The golden section is a ratio which is useful in designing the page layout. It s use creates natural looking, organic compositions that are pleasing to the eye. It is also known as the divine proportion. In nature, in art, in architecture and design, the use of this mathematical proportion has been around for a long time.
9 The Golden Ratio in Page Design This ratio can be used to divide the page.
10 Layout: The Rule of Thirds! This rule of composition can be applied to every form of design, from drawing to photography to graphic design.! It s based on the principle that we favor balance and movement in design and in art. What is it?! If you divide your page into 9 equal parts, a grid of three columns and three rows, placing important compositional elements on the intersections or power points creates a sense of balance and movement and results in a more interesting, active and cohesive composition.
11 Layout: The Rule of Thirds A better sense of forward motion A better sense of balance A better sense of space
12 Other Composition Techniques The grid is a powerful tool when combined with design principles and methods: unity and variety, hierarchy and emphasis, balance and flow as created through contrast, repetition, alignment, and proximity. Also useful are the concepts of figure/ground, closure. Alexey Brodovich Mikey Hekkenberg David Carson Rachel LaDine
13 The Parts of the Magazine Spread 1. Title 2. Attribution (Writer s name) 3. Body text 4. Image(s) 5. Captions 6. Pull quotes 7. Columns 8. Gutter 9. Page number 10. Running header/footer
14 Body text refers to the majority of text in a composition. Its job is to be steady so that other things like wayfinding signals and eye-catching headings can stand out. Body text is most successful when it is unobtrusive, yet its tone can inspire the expressive qualities of other elements and the composition as a whole. Tim Brown, typekit.com
15 Readability/Legibility Readability is how easy it is to read words, phrases, blocks of copy such as a book, a web page or an article. Legibility is a measure of how easy it is to distinguish one letter from another in a particular typeface.
16 Review: Leading, Kerning, Tracking, Baseline Shift Baseline Shift allows characters to be raised or lowered relative to the baseline. Tracking is often used to get a better rag and to remove excess hyphenation, widows (a word or line that is forced to start its own column or page) and orphans (a single word at the bottom of a paragraph)
17 Separating Paragraphs
18 Creating Hierarchy To create hierarchy and variety, vary the weight, size and style.
19 Combining Type Styles Use two, no more than than three typefaces in a document. Avoid choosing typefaces from the same categories, like two serifs, sans serifs, scripts or slabs. Combine a serif and a sans serif for contrast. Don t mix moods: Get two fonts in the same general mood, or get one with some personality and another with a neutral personality. Combine typefaces from different categories that have similar proportions. with similar x-heights and glyph widths. For example, look at the letter O in upper and lower case. Round letter O s and taller oval O s don t play well together. Assign distinct roles to each font (headline, subhead, caption, body text). Use a significant difference in point size and/or weight to create more contrast between typefaces.
20
Grid. Skeletal framework to organize information making it clear and optimally accessible
Grid Skeletal framework to organize information making it clear and optimally accessible Space When typographic elements introduced in space > divisions Letterform: centered=motionless; off-center > velocity;
More informationCOPY/PASTE: Allows any item within a document to be copied and pasted within the same document or within compatible software applications.
You will need to understand basic terms and techniques used in DTP, as well as file types used within DTP and their advantages and disadvantages. This is separate from Elements and Principles of DTP which
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 informationPAGE LAYOUT IN GRAPHIC DESIGN Where do you start when you want to create an attractive and effective design?
PAGE LAYOUT IN GRAPHIC DESIGN Where do you start when you want to create an attractive and effective design? Aims & Outcomes for this week: Aims: To understand the three main page layout conventions used
More informationUnit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2
Unit 4 Multimedia Element: Text 2017-18 Semester 2 Unit Outline In this unit, we will learn Fonts Typography Serif, Sans Serif, Decorative Monospaced vs. Proportional Style Size Spacing Color Alignment
More informationDesign Principles. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of
Design Principles Advanced Higher Graphic Presentation Professional Graphic Presentations by kind permission of Design Principles:- Balance Balance in Composition Three different types of balance :- *
More informationThe International Typographic Style
The International Typographic Style Ernst Keller was one of the pioneers of Swiss design. His work used symbolic imagery, simplified geometric forms and vibrant contrasting color. Poster for the Rietberg
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 informationDIGITAL FILE PREPARATION (INDESIGN) (567)
DESCRIPTION Digital File Preparation InDesign is designed to provide students with theory and experiences relative to the electronic prepress area of the printing industry. Topics include type, page layout,
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 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 informationSTONELAW HIGH GRAPHIC
GRAPHIC COMMUNICATION Technical Education THE A to Z of DTP Your knowledge of desktop publishing terminology will be expanded as you progress within the subject THE A to Z of DTP ALIGNMENT positions of
More informationproj 5 A/B kerning & introduction to the grid
art 2413 typography fall 14 proj 5 A/B kerning & introduction to the grid problem objectives Many people assume a computer will create perfectly balanced spacing between letters, words, and lines. Such
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 informationASSIGNMENT 5. TYPE & IMAGE POSTER LAYOUT, TYPE, IMAGE, and the use of GRID in single page layout and design.
ASSIGNMENT 5 TYPE & IMAGE POSTER LAYOUT, TYPE, IMAGE, and the use of GRID in single page layout and design. LAYOUT DEFINED 2 Organization of image, type, and other design elements to emphasize or reinforce,
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 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 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 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 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 informationWEB PAGE ARCHITECTURE
The goals of webpage architecture: 1. Bring order to many types of information: text, images, links, navigation. 2. Create movement through the page. 3. Provide centers of visual interest that serve as
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 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 informationMasthead Byline Font Orientation. White space Contrast Placement Body. Alignment Caption Drop capital Alley
Appendix A Sample Word Wall Terms Masthead Byline Font Orientation White space Contrast Placement Body Alignment Caption Drop capital Alley 1. Appendix B Word Wall Definitions Masthead Byline Alley Font
More informationPrinciples of Design. Alignment
Principles of Design Alignment Essential Question: How does alignment affect layout design? Can you imagine how difficult it would be to find your car in a crowded parking lot if everyone ignored the parking
More informationCartographic Principles: Map design
MSc GIS: GIS Algorithms and Data Structures Cartographic Principles: Map design Martin Dodge (m.dodge@ucl.ac.uk) With Changes by Dan Ryan http://www.casa.ucl.ac.uk/martin/msc_gis/ some (scientific) rules
More informationTypography One Project Two
Typography One Project Two Typographic Systems, Emphasis and Hierarchy An important design problem is to aid reader comprehension of information through carefully considered logic, structure and order.
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 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 informationFranklin Gothic. Seniors: Use larger text that is clear and legible. (Souvenir, Times, Garamond, Helvetica)
one TYPOGRAPHY LECTURE: Do s and Don t s in Typography Do Build a basic library first. Find out who your audience is. Use appropriate type sizes. Celebrate white space. Use correct alignment. Use correct
More informationUsing Text in Photoshop
Using Text in Photoshop So, we re going to take a break for a while from talking about photographs and how to manipulate them, and instead focus on some design elements! We re going to spend a while talking
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 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 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 informationH A-Z of DTP Features
A-Z of DTP Features H Alignment One of the principles of design, alignment refers to lining up the top, bottom, sides, or middle of text or graphic elements on a page. See also Text Alignment. Ascender
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 informationHow to use text. Adding a text frame
How to use text Because Adobe InDesign CS6 is a page layout tool, working with text is an important skill. With InDesign, you add all text (and all content) into frames. Frames are shapes (called paths)
More informationPLANNING. CAEL Networked Worlds WEEK 2
PLANNING CAEL5045 - Networked Worlds WEEK 2 WEEK 2 CHOOSING COLOURS CHOOSING FONTS COLLECTING CONTENT PLANNING STRUCTURE WIREFRAMES + MOCKUPS Every colour, including black and white, has implications for
More informationDIGITAL PRINT DESIGN (568 )
DESCRIPTION Create and produce digital print projects that communicates and promotes graphic communication. Develop knowledge and skills relative to the graphic design & printing industries. Includes:
More informationGood Publication Design
Good Publication Design The top ten tips for creating professional print documents How do I create a well-designed print publication? Good publication design is an art form. Attractively presenting written
More informationABOUT RESEARCH POSTERS
ABOUT RESEARCH POSTERS Research posters summarize information or research concisely and attractively to help publicize it and generate discussion. The poster is usually a mixture of a brief text mixed
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 informationWorking with grids are an inherent part of the craft of designing. FUNCTIONS OF A GRID
GRID SYSTEMS Working with grids are an inherent part of the craft of designing. FUNCTIONS OF A GRID Achieves unity amongst all of pieces of a design. Introduces systemic order to a space before anything
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 informationfrom The Elements of Typographic Style by Robert Bringhurst, page 171
from The Elements of Typographic Style by Robert Bringhurst, page 171 from The Elements of Typographic Style by Robert Bringhurst, page 148 h Dunt augue et, sum ad dolore do od estionse feum iure magna
More informationGRAPHIC COMMUNICATIONS Digital File Preparation InDesign USOE 7/21/08
GRAPHIC COMMUNICATIONS Digital File Preparation InDesign This course is designed to provide students with theory and hands on experiences relative to the electronic prepress area of the printing industry.
More informationDIGITAL BANNER ADVERTISING GUIDELINES
1 DIGITAL BANNER ADVERTISING GUIDELINES Version 1.0 March 2017 This document is subject to periodic revision. Please check www.leeds.ac.uk/comms to make sure you have the most recent version. Contents
More informationVisual Design. Gestalt Principles Creating Organization and Structure Typography. Visual Design 1
Visual Design Gestalt Principles Creating Organization and Structure Typography Visual Design 1 UI Visual Design Objectives 1. Information communication - Enforce desired relationships (and avoid undesired
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 information2/1/2016. Discuss website usability essentials Explain principles of design Critique a website in terms of usability and design
Due Tuesday, Feb. 9 upload to Blackboard Locate five HTML (not Flash) websites you believe exhibit good web design, usability and accessibility principles. Each website s critique is worth 10 points (50
More informationName: Class: Teacher:..
Name: Class: Teacher:.. Introduction Desktop publishing (DTP) is the process of designing newspapers, magazines, books, leaflets, booklets and reports on a computer. The industry that produces these items
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 informationCrimes Against Typography. Shela Vang 13 images Collaborative Partner: Daha Lee 12 images
13 images Collaborative Partner: Daha Lee 12 images Table of Contents 1 Alignment 3 Dashes 4 Hierarchy 5 Kerning 6 Line Spacing 7 Scale 8 Tracking 9 Widow 10 Thumbnail Images alignment alignment Poorly
More informationVisual Design and Imaging Alignment
Visual Design and Imaging Alignment This document contains information about four Career-Technical Articulation Numbers (CTANs) for the Visual Design and Imaging Alignment Career-Technical Assurance Guide
More information1. Message. I am Speculative Layout intensifies the message and the identity of the sender
1. Message 1.1. Layout intensifies the message and the identity of the sender A printed product, for instance a poster, newspaper, magazine or a VDU transmits information, firstly, through the content
More informationTYPE. Design Process
TYPE Design Process 01 Vocabulary 02 Classification 03 Six Classic Typefaces 04 Readability 05 Ten Type Commandments 06 Inspiration 07 Assignment 01 Vocabulary 02 Classification 03 Six Classic Typefaces
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 informationVisual Design. Gestalt Principles Creating Organization and Structure Typography. UI Visual Design Objectives
Gestalt Principles Creating Organization and Structure Typography 1 UI Objectives 1. Information communication - Enforce desired relationships (and avoid undesired relationships) 2. Aesthetics - well designed,
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 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 informationWEB TYPOGRAPHY FOR WEB DEVELOPERS. Matej Latin Lead UX/UI Designer at Autotrader.co.uk
WEB TYPOGRAPHY FOR WEB DEVELOPERS Matej Latin Lead UX/UI Designer at Autotrader.co.uk 1 A MEANINGFUL WEB TYPOGRAPHY STARTER KIT 2 Most people think typography is about fonts. Most designers think typography
More informationTypography Controlling Visual Hierarchy Introduction to Grid Theory Design Consistency
Typography Controlling Visual Hierarchy Introduction to Grid Theory Design Consistency ART-2413 Fall 2017 Typography Controlling Visual Hierarchy Introduction to Grid Theory Design Consistency ART-2413
More informationMultimedia 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 informationLogos. North Dallas Shared Ministries
Brand Guidelines Logos The NDSM logo stands at the center of the NDSM brand. For this reason it must be reproduced and applied with consistency in all of our brand communications. It is essential that
More informationProject Justification
Project Justification This unit of instruction is based on typography and the creative use of letterforms to visually communicate a message through images rather than just the printed word. Type manipulation
More informationMagazine Layout Design. and Adobe InDesign basics
Magazine Layout Design and Adobe InDesign basics Click on Document on the right side of the pink and black box in the center of your screen. To create a document If this box does not pop open, go to the
More information> creative résumé. > specifications: save as: Resume_Lastname.ai dimensions: 8.5" x 11" or 11" x 8.5" mode: CMYK
> creative résumé > objective(s): Students will create an eye-popping, visually impacting résumé using current trends in graphics, color and typography. > curricular focus: This lesson emphasizes the graphic
More informationSETTING UP A. chapter
1-4283-1960-3_03_Rev2.qxd 5/18/07 8:24 PM Page 1 chapter 3 SETTING UP A DOCUMENT 1. Create a new document. 2. Create master pages. 3. Apply master pages to document pages. 4. Place text and thread text.
More informationPrinciples of Professional Communication 1!! Familiar icons & symbols what do they represent?! Familiar signs!
Principles of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words! Familiar icons & symbols what do they represent?! Principles of Professional Communication
More informationGRIDS. what are they? why do we need them? how do we use them? helpful tips
GRIDS what are they? why do we need them? how do we use them? helpful tips Using a grid permits a designer to lay out enormous amounts of information in substantially less time because many of the design
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 informationPAGE ARCHITECTURE Architecture Coherent: Meaningful: Functional:
PAGE ARCHITECTURE Architecture deals with form and space. Typographic elements must be organized in ways that are: Coherent: The page and the entire document must hang together make sense as a whole. Meaningful:
More informationGraphic Design (Including Yearbook and Newspaper)
Graphic Design (Including Yearbook and Newspaper) Classes provide photographic instruction plus emphasizing hands-on graphic design industry skills. Using imac computers with digital SLR and bridge cameras,
More informationWeb Design, 5 th Edition
Planning a Successful Website: Part 2 Web Design, 5 th Edition Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step : Specify the s navigation
More informationThe Ohio State University, Paul Nini, Instructor
Typeface Poster: Shaina Meyers (undergraduate) The Ohio State University, Paul Nini, Instructor I always have students prepare a written rationale statement for their projects, along with a process document
More informationDTP Theory Notes. Arbroath Academy - Technology Department - National 5 Graphic Communication
DTP Theory Notes What is Desktop Publishing? Desktop Publishing (DTP) is the process of using software to create different publications, e.g, magazines, brochures, posters, booklets,newspapers. Who makes
More informationGRAPHIC STANDARDS MANUAL
GRAPHIC STANDARDS MANUAL INTRODUCTION AND GENERAL STANDARDS The purpose of this Graphic Standards Manual is to set forth guidelines that will assist in applying the Active Aerogels Logo to all communications.
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 informationA guide to using the graphic elements of the OLE brand.
A guide to using the graphic elements of the OLE brand. 01 1.Introduction / 1.1 Contents 02 1. INTRODUCTION 1. Introduction to OLE 1.1 Contents 1.2 Who We Are 2. Logo and Marks 2.1 Logo Specifications
More informationIdentity Guidelines 2018
Identity Guidelines 2018 Table of Contents The Signature Clear Space Minimum Size Color Formats Signature Misuses Color Palette Primary Color Palette Secondary Color Palette Support Typography: Sans Serif
More informationPRESENTATION BOARD LAYOUT
NEW YORK CITY COLLEGE OF TECHNOLOGY THE CITY UNIVERSITY OF NEW YORK ARCHITECTURAL TECHNOLOGY DEPARTMENT written by annie boccella spring 2010 1. BEFORE YOU BEGIN... Organize yourself. What is your argument
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 informationFundamental of Digital Media Design
Fundamental of Digital Media Design Chapter 5 Principle of Design by Noraniza Samat Faculty of Computer Systems & Software Engineering noraniza@ump.edu.my OER Fundamental of Digital Media Design by Noraniza
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 informationGOING IN STYLE (#3): ON TYPOGRAPHY, PART 2
GOING IN STYLE (#3): ON TYPOGRAPHY, PART 2 Typography is the visual component of the written word. (Matthew Butterick, Typography for Lawyers: Essential Tools for Polished & Persuasive Documents (2nd ed.
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 informationIn this lesson: Line height, type size and line width are the three aspects of shaping a perfect paragraph. Lesson 2
In this lesson: Line height, type size and line width are the three aspects of shaping a perfect paragraph. Lesson 2 The reader should be able to read the message of a text easily and comfortably. This
More informationDesign Principles. The Four Basic Principles That Underlie Good Page Design
Design Principles The Four Basic Principles That Underlie Good Page Design Some of the information presented in this video will appear on quizzes and exams. Please be sure to pay attention to key points
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 informationInDesign. your. Resumé. a how-to guide for creating a professional resumé using InDesign
InDesign your Resumé a how-to guide for creating a professional resumé using InDesign Table of Contents p4. Glossary p5. The Importance of Good Design p6. Setting up the Document p10. Creating a Grid p12.
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 informationLearning Microsoft Publisher 2013
A Correlation of Learning Microsoft Publisher 2013 To the for Desktop Publishing II A Correlation of, Resource Title: Publisher: Pearson ISBN (10 or 13 digit unique identifier is required): Student Edition
More informationWHAT IS BFA NEW MEDIA?
VISUAL & TYPE WEB & INTERACTIVE MOTION GRAPHICS DIGITAL IMAGING VIDEO DIGITAL PHOTO VECTOR DRAWING AUDIO To learn more and see three years of our best student work, please visit: webdesignnewmedia.com
More informationADDENDUM. PRINCIPLES OF DESIGN COURSE Topic YouTube link QR Code
ADDENDUM PRINCIPLES OF DESIGN COURSE Topic YouTube link QR Code Topic 1 Introduction to Graphic Design https://youtu.be/pacrrojlvui This video discussed on essential skills of a graphic design and its
More informationPrinciples of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words!
Principles of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words! Familiar icons & symbols what do they represent?! Principles of Professional Communication
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 informationSLO to ILO Alignment Reports
SLO to ILO Alignment Reports CAN - 00 - Institutional Learning Outcomes (ILOs) CAN ILO #1 - Critical Thinking - Select, evaluate, and use information to investigate a point of view, support a conclusion,
More informationEntry Level Assessment Blueprint Advertising and Design
Entry Level Assessment Blueprint Advertising and Design Test Code: 4119 / Version: 01 Specific Standards and Competencies Included in this Assessment: Computer Literacy Demonstrate knowledge of computer
More informationWelcome to TechComm Fundamentals Bootcamp, Session 6 THE SESSION WILL START IN A FEW MINUTES. MUTE YOUR PHONE, PLEASE!
Welcome to TechComm Fundamentals Bootcamp, Session 6 THE SESSION WILL START IN A FEW MINUTES. MUTE YOUR PHONE, PLEASE! If you do not have a mute button on your phone, use the green phone handset button
More information