ASSIGNMENT 5. TYPE & IMAGE POSTER LAYOUT, TYPE, IMAGE, and the use of GRID in single page layout and design.

Size: px
Start display at page:

Download "ASSIGNMENT 5. TYPE & IMAGE POSTER LAYOUT, TYPE, IMAGE, and the use of GRID in single page layout and design."

Transcription

1 ASSIGNMENT 5 TYPE & IMAGE POSTER LAYOUT, TYPE, IMAGE, and the use of GRID in single page layout and design.

2 LAYOUT DEFINED 2 Organization of image, type, and other design elements to emphasize or reinforce, the content of a design piece.

3 LAYOUT DEFINED 3 Capture our attention - visually Communicate content quickly and easily so the reader understands your message Organizes detailed information to allow acess.

4 JUST TYPE 4

5 TYPE AND SHAPE 5

6 TYPE & IMAGE RELATIONSHIP 6

7 TYPE & IMAGE RELATIONSHIP 7

8 TYPE & IMAGE RELATIONSHIP If It Fails... 8

9 BASIC LAYOUT ELEMENTS DISPLAY OR HEADLINE TYPE 9 Type which directly supports and quickly communicates the content of the design.

10 BASIC LAYOUT ELEMENTS SUBHEADS 10 Provide context or identify more specifically the content of the design.

11 BASIC LAYOUT ELEMENTS BODY TEXT 11 More specific and detailed information about the subject. It is also an integral part of the visual qualities of a layout. It has form (shape) texture value

12 BASIC LAYOUT ELEMENTS IMAGE 12 Directly support concept or content of the layout. Can be graphic, an illustration or photography.

13 BASIC LAYOUT ELEMENTS OTHER ELEMENTS - Single Page Layouts 13 Drop or initial cap Margins Space between columns (alley) Shape Bleed Rules Gutter Text wrap

14 GRID IN LAYOUT Unity and organization in design layout can be accomplished by 14 Color scheme Repetition Structure - grid Other...

15 GRID simple grid 15

16 GRID complex grid 16

17 GRID 2 unequal columns 17

18 GRID - SENSE OF GRID ISSUES OF ALIGNMENT 18

19 DESIGN WITH A GRID On-line and in Print 19

20 IMAGE IN DESIGN 20 KINDS OF IMAGES REPRESENT CONTENT - Representational Image - Conceptual Image AS A COMPOSITIONAL DEVICE - Scale - Location - Shape - Color or Value TYPE ON IMAGE

21 HIERARCHY 21 LAYOUT image- kinds of image Photograph Graphic Illustration

22 HIERARCHY 22 LAYOUT image - representational CONTENT COMPOSITION - representational - scale/location/shape - conceptual - color or value

23 HIERARCHY 23 LAYOUT image - conceptual CONTENT COMPOSITION - representational - scale/location/shape - conceptual - color or value

24 HIERARCHY 24 LAYOUT image SINGLE IMAGE CONTENT COMPOSITION - representational - scale/location/shape - conceptual - color or value

25 HIERARCHY 25 LAYOUT image - MULTIPLE IMAGES CONTENT COMPOSITION - representational - scale/location/shape - conceptual - color or value

26 HIERARCHY 26 LAYOUT image JUXTAPOSITION CONTENT COMPOSITION - representational - scale/location/shape - conceptual - color or value

27 HIERARCHY 27 LAYOUT image - location CONTENT COMPOSITION - representational - scale/location/shape - conceptual - color or value Top Side Bottom

28 HIERARCHY 28 LAYOUT image - location CONTENT COMPOSITION - representational - scale/location/shape - conceptual - color or value Most of composition As background

29 HIERARCHY 29 LAYOUT image SPACE CONTENT COMPOSITION - representational - scale/location/shape - conceptual - color or value Flat Space

30 HIERARCHY 30 LAYOUT image SPACE CONTENT COMPOSITION - representational - scale/location/shape - conceptual - color or value Overlaping

31 HIERARCHY 31 LAYOUT image - type on LOCATION COLOR WEIGHT IN A SHAPE VALUE 2 ZONES Simple area within image

32 HIERARCHY 32 LAYOUT image - type on LOCATION COLOR WEIGHT IN A SHAPE VALUE 2 ZONES Large scale outline type

33 HIERARCHY 33 LAYOUT image - type on LOCATION COLOR WEIGHT IN A SHAPE VALUE 2 ZONES Simple heavy font Strong value contrast

34 HIERARCHY 34 LAYOUT image - type on LOCATION COLOR WEIGHT IN A SHAPE VALUE 2 ZONES Type in a shape

35 HIERARCHY 35 LAYOUT image - type on LOCATION COLOR WEIGHT IN A SHAPE VALUE 2 ZONES Change type value or contrast as background changes

36 HIERARCHY 36 LAYOUT image - type on LOCATION COLOR WEIGHT IN A SHAPE VALUE 2 ZONES (DON T DO)

37 HIERARCHY 37 LAYOUT image - type on LOCATION COLOR WEIGHT IN A SHAPE VALUE 2 ZONES (DON T DO)

Design 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 Advanced Higher Graphic Presentation Professional Graphic Presentations by kind permission of Design Principles:- Balance Balance in Composition Three different types of balance :- *

More information

Layout of a Desktop Publishing Document

Layout of a Desktop Publishing Document Layout of a Desktop Publishing Document 1.03A Demonstrate desktop publishing. Margin Guides Margin guides are lines that indicate the space between the edge of the page and the document contents Margin

More information

CRAP (Contrast, Repetition, Alignment, and Proximity) Graphic Design Principles

CRAP (Contrast, Repetition, Alignment, and Proximity) Graphic Design Principles CRAP (Contrast, Repetition, Alignment, and Proximity) Graphic Design Principles Once upon a time in a far away place called Media world There were five royal hero s across the land. So let us take a wonderful

More information

PAGE 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? 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 information

Grid. Skeletal framework to organize information making it clear and optimally accessible

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 information

GRID-BASED PAGE LAYOUT AND DESIGN

GRID-BASED PAGE LAYOUT AND DESIGN IDD 370 TYPOGRAPHY II GRID-BASED PAGE LAYOUT AND DESIGN ASSIGNMENT 2 Spring 2013 DESCRIPTION Grid-based layouts, type & image relationships, and working with process color. ASSIGNMENT 1. Using InDesign,

More information

Design Principles. The Four Basic Principles That Underlie Good Page Design

Design 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 information

Principles of Design. Proximity & Alignment

Principles of Design. Proximity & Alignment Principles of Design Proximity & Alignment The Purpose of Web Design The Purpose of Web Design 1. Create a clear visual hierarchy of contrast, so you can see at a glance what is important and what is

More information

STONELAW HIGH GRAPHIC

STONELAW 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 information

Design Elements. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of

Design Elements. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of Design Elements Advanced Higher Graphic Presentation Professional Graphic Presentations by kind permission of Lines can Design Element:- Line Convey a mood or an emotion. Organise the design. Establish

More information

Web Site Design Principles. Principles of Web Design, Third Edition

Web Site Design Principles. Principles of Web Design, Third Edition Web Site Design Principles Principles of Web Design, Third Edition Design for the Computer Medium Craft the look and feel Make your design portable Design for low bandwidth Plan for clear presentation

More information

DTP Theory Notes. Arbroath Academy - Technology Department - National 5 Graphic Communication

DTP 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 information

Part 1 The Elements of Design. Lines

Part 1 The Elements of Design. Lines Part 1 The Elements of Design There are seven elements of graphic design that are the starting point of your design ideas: Line, Shape, Texture, Space, Size, Value and Color. Each of these elements is

More information

COPY/PASTE: Allows any item within a document to be copied and pasted within the same document or within compatible software applications.

COPY/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 information

DESIGNING THE PAGE FOUNDATIONS OF DIGITAL DESIGN. Layout composition, the grid and typography. Prof. Eva Machauf

DESIGNING 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 information

WEB PAGE ARCHITECTURE

WEB 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 information

laurengregory laurengregorydesign.com

laurengregory laurengregorydesign.com THSPA November 25, 2013 Topic: Basic Design Tips and Photoshop Helps 1. Layout Page layout is one of the most important graphic design disciplines. laurengregory lauren@briererows.com laurengregorydesign.com

More information

Working with grids are an inherent part of the craft of designing. FUNCTIONS OF A GRID

Working 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 information

Objectives. Appreciate what alignment is and how it improves design. Introduce the use of grids in page design.

Objectives. Appreciate what alignment is and how it improves design. Introduce the use of grids in page design. Alignment Objectives Appreciate what alignment is and how it improves design. Introduce the use of grids in page design. Gain a working vocabulary of typical visual elements used in newsletter and magazine

More information

Principles of Design. Alignment

Principles 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 information

Graphic Communication DTP. Knowledge, understanding, recognition and interpretation of generic desktop publishing terms and techniques.

Graphic Communication DTP. Knowledge, understanding, recognition and interpretation of generic desktop publishing terms and techniques. Graphic Communication DTP Knowledge, understanding, recognition and interpretation of generic desktop publishing terms and techniques Higher Theory Terminology Handles The small rectangles, or other icons,

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é. > 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 information

Knightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing

Knightswood 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 information

DIGITAL FILE PREPARATION (INDESIGN) (567)

DIGITAL 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 information

Graphic Design (Including Yearbook and Newspaper)

Graphic 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 information

VISUAL HIERARCHY Explain: Elements are arranged in order of importance in the designs. Such things as size, weight and contrast are used to create a

VISUAL HIERARCHY Explain: Elements are arranged in order of importance in the designs. Such things as size, weight and contrast are used to create a VISUAL HIERARCHY Explain: Elements are arranged in order of importance in the designs. Such things as size, weight and contrast are used to create a hierarchical structure. Visual hierarchy naturally creates

More information

IN DESIGN. A review of the overview

IN DESIGN. A review of the overview IN DESIGN A review of the overview InDesign Review GETTING STARTED: Start by clicking the InDesign icon in your dock. Wait for InDesign to load. Click on Create New Document If resuming work, find your

More information

C. Proportional D. Tracking 8.Jill is creating a flyer advertising an FBLA fundraiser. Which typeface category is appropriate? A. Ornamental/Decorativ

C. Proportional D. Tracking 8.Jill is creating a flyer advertising an FBLA fundraiser. Which typeface category is appropriate? A. Ornamental/Decorativ 1.Sarah is designing invitations for the school's prom. Which typeface is appropriate? A. Ornamental/Decorative B. San Serif C. Script D. Serif 2.Clifton is adding the main heading to the school newspaper.

More information

2/1/2016. Discuss website usability essentials Explain principles of design Critique a website in terms of usability and design

2/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 information

Publisher 2007 Creating Flyers and Brochures

Publisher 2007 Creating Flyers and Brochures MS Publisher 2007 User Guide Publisher 2007 Creating Flyers and Brochures THE NATURE OF DESKTOP PUBLISHING - INTRODUCTION Publisher is a desktop publishing program. You can create publications that

More information

Publisher 2007 Creating Flyers and Brochures

Publisher 2007 Creating Flyers and Brochures MS Publisher 2007 User Guide Publisher 2007 Creating Flyers and Brochures THE NATURE OF DESKTOP PUBLISHING - INTRODUCTION Publisher is a desktop publishing program. You can create publications that use

More information

Multimedia Design Principles

Multimedia 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 information

BRAND & LOGO GUIDELINES SOCKET MOBILE. - Logos - Social Media - Web

BRAND & LOGO GUIDELINES SOCKET MOBILE. - Logos - Social Media - Web BRAND & LOGO GUIDELINES - Logos - Social Media - Web SIMPLICITY IS THE ULTIMATE FORM OF SOPHISTICATION. 2 BRAND GUIDELINES THIS IS A GUIDE TO THE BASIC ELEMENTS THAT MAKE UP OUR BRAND. IT WILL LET YOU

More information

Page Layout Design min

Page Layout Design min 1 of 8 09/11/2011 19:26 Home > Design Tips > Page Layout Design Page Layout Design 15-25 min In this tutorial, we ll explore the design phase of document creation. With the grid as our layout guide, we

More information

Typesetting Tips. Put your best type forward.

Typesetting 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 information

Graphic Communication

Graphic Communication Advanced Higher Graphic Communication Graphic Presentation Design Principles Design Principles This section discusses principles and how they can help you. The principles of design will determine how you

More information

Fundamental of Digital Media Design

Fundamental 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 information

Visual Design and Imaging Alignment

Visual 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 information

Perceptive Document Composition

Perceptive Document Composition Perceptive Document Composition Supported Word Features PDC Version: 6.0 Written by: Product Documentation, R&D Date: August 2014 2014 Perceptive Software. All rights reserved Perceptive Software is a

More information

Elements and Principles Design

Elements and Principles Design Elements and Principles Design Design Considerations Excellence in visual communication is founded on experience, cleverness, innate ability and precise execution. The designer begins with a good concept

More information

BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER

BRAND 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 information

Masthead Byline Font Orientation. White space Contrast Placement Body. Alignment Caption Drop capital Alley

Masthead 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 information

Designing 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 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 information

ABOUT RESEARCH POSTERS

ABOUT 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 information

PowerPoint. Tutorial 1 Creating a Presentation. Tutorial 2 Applying and Modifying Text and Graphic Objects

PowerPoint. Tutorial 1 Creating a Presentation. Tutorial 2 Applying and Modifying Text and Graphic Objects PowerPoint Tutorial 1 Creating a Presentation Tutorial 2 Applying and Modifying Text and Graphic Objects Tutorial 3 Adding Special Effects to a Presentation COMPREHENSIVE PowerPoint Tutorial 1 Creating

More information

Design Elements and Principles. Tutorial Questions

Design Elements and Principles. Tutorial Questions Product Design Elements and Principles The following pages each contain a professionally produced advertising layout for various products. Use your knowledge of design elements and principles to answer

More information

OUTLINE. Advanced Technical Communication & Writing Skills. What is technical communication? Technical communication skills

OUTLINE. 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 information

Designerly Presentations: An Annotated Guide

Designerly Presentations: An Annotated Guide Designerly Presentations: An Annotated Guide Everything students need to be able to do for this course s projects can be successfully done in Microsoft Word and some simple image processing software all

More information

Principles of Professional Communication 1!! Familiar icons & symbols what do they represent?! Familiar signs!

Principles 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 information

Reference Services Division Presents. Microsoft Word 2

Reference Services Division Presents. Microsoft Word 2 Reference Services Division Presents Microsoft Word 2 This handout covers the latest Microsoft Word 2010. This handout includes instructions for the tasks we will be covering in class. Basic Tasks Review

More information

Principles 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! 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 information

TOOLKIT 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 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 information

Design that Enhances Readability

Design that Enhances Readability Working to ensure that all Americans get enrolled and stay enrolled in our nation s health care system Design that Enhances Readability By Eva Anderson Nicole Donnelly Joan Winchester Penny Lane MAXIMUS

More information

Wissenschaftliche Poster-Präsentation

Wissenschaftliche Poster-Präsentation Wissenschaftliche Poster-Präsentation Assoc. Prof. Mathias Lux This work is licensed under a Creative Commons Attribution 4.0 International License. DIY Flipchart. What can a scientific poster achieve?

More information

Web Site Design Principles

Web Site Design Principles Web Site Design Principles Objectives: Understand the Web design environment Design for multiple screen resolutions Craft the look and feel of the site Create a unified site design Design for the user

More information

PAGE ARCHITECTURE Architecture Coherent: Meaningful: Functional:

PAGE 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 information

Slide 1. Slide 2. Slide 3. Consistency. Consistency

Slide 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

GRAPHIC COMMUNICATIONS Digital File Preparation InDesign USOE 7/21/08

GRAPHIC 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 information

Presented by Dr. Mariah Judd February 15, 2013

Presented by Dr. Mariah Judd February 15, 2013 Presented by Dr. Mariah Judd juddm@iupui.edu February 15, 2013 » What are the first things you notice? Color Pictures Title Figures Section titles Bullets.text » Brain storm ideas for what you want your

More information

Table of contents. TOOLKIT for Making Written Material Clear and Effective

Table of contents. TOOLKIT for Making Written Material Clear and Effective TOOLKIT for Making Written Material Clear and Effective Table of contents U.S. Department of Health & Human Services Centers for Medicare & Medicaid Services Table of contents Overview of the Toolkit The

More information

Typography/ Layout and Design

Typography/ 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 information

Planning Your Learning Object

Planning Your Learning Object Planning Your Learning Object Working Title Elevator Speech (What will it do? 3 sentences or less!) Educational Objective Purpose: Why do this project? Learners: Who will use this learning object? Outcomes:

More information

COURSE SYLLABUS. Course Title: Typography & Design I. Date submitted: Department: Art. Curriculum: Graphic Design

COURSE SYLLABUS. Course Title: Typography & Design I. Date submitted: Department: Art. Curriculum: Graphic Design COURSE SYLLABUS Course Title: Typography & Design I Department: Art Curriculum: Graphic Design Date submitted: Spring 2014 (AAC: 14-23) Course Descriptors: Make certain that the course descriptors are

More information

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS CAN YOU ALL HEAR ME? LESSON 8 Graphic Design for Web ELEMENTS LINE SHAPE (FORM) COLOUR TEXTURE MASS (SIZE) SPACE PRINCIPLES ALIGNMENT BALANCE CONTRAST

More information

Typographic. Alphabet. Book. Interactive PDF of typographic rules & terms YOU NEED TO KNOW. Home. Table of Contents

Typographic. 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 information

H A-Z of DTP Features

H 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 information

File Preparation. For best results, please follow the guidelines below.

File Preparation. For best results, please follow the guidelines below. File Preparation For best results, please follow the guidelines below. ACCEPTED DESIGN APPLICATIONS We accept the following application formats: Adobe Photoshop, Adobe Illustrator, Adobe InDesign, Microsoft

More information

TYPE& IMAGE GRID-BASED POSTER DESIGN & LAYOUT

TYPE& IMAGE GRID-BASED POSTER DESIGN & LAYOUT TYPE& IMAGE GRID-BASED POSTER DESIGN & LAYOUT 5 GRA 201 TYPOGRAPHY & DESIGN 1 Fall 2017 DESCRIPTION Grid-based poster design and layout, the type and image (photographic) relationship, and use of process

More information

G r a p h i c D e s i g n

G r a p h i c D e s i g n 9 1 3 7 G r a p h i c D e s i g n a n d L a y o u t 30S/30E/30M A Graphic Design Course 9 1 3 7 : G r a p h i c D e s i g n a n d L a y o u t 3 0 S / 3 0 E / 3 0 M Course Description Students will expand

More information

GRIDS. 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 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 information

Workshop with ROCKWOOL editors. Helle Jensen, Senior ux consultant

Workshop with ROCKWOOL editors. Helle Jensen, Senior ux consultant Workshop with ROCKWOOL editors Helle Jensen, Senior ux consultant Agenda 1. Intro to UX and customer journeys 2. Intro to web content 3. Intro to blocks in EpiServer 4. Content guidelines 5. Exercise:

More information

The theme is the main idea around which the yearbook is based.

The theme is the main idea around which the yearbook is based. The theme is the main idea around which the yearbook is based. 1 To achieve the highest impact, the theme should meet the following criteria: --In addition to having a distinctive visual look, there should

More information

Repetition is not just naturally consistent; it comes from intentional effort to unify all parts of a design.

Repetition is not just naturally consistent; it comes from intentional effort to unify all parts of a design. 1 REPETITION Introduction The Principle of Repetition states, "Repeat some aspect of the design throughout the entire piece." The repetitive element may be a bold font, a thick rule (line), a certain bullet,

More information

Graphic Style Guide 2015

Graphic Style Guide 2015 SIENA Graphic Style Guide 2015 INTRODUCTION Each member of the Siena community has a unique role to play in the College s brand story. A compelling, memorable and differentiating brand for Siena begins

More information

Develop great research posters using Microsoft PowerPoint

Develop great research posters using Microsoft PowerPoint www.qps.qut.edu.au Develop great research posters using Microsoft PowerPoint A step-by-step guide QUT PRINTING SERVICES A step-by-step guide This step-by-step guide will assist you to understand the purpose

More information

Shaw Academy Lifetime Membership. Winner will be announced at the end of the lesson

Shaw Academy Lifetime Membership. Winner will be announced at the end of the lesson Shaw Academy Lifetime Membership Winner will be announced at the end of the lesson FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS CAN YOU ALL HEAR ME? LESSON 8 Graphic Design for Web ELEMENTS LINE

More information

Print Media > Newsletters

Print 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 information

Typography One Project Two

Typography 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 information

RIPE NCC Brand Guidelines Communications Department

RIPE NCC Brand Guidelines Communications Department 1 2015 Brand Guidelines 2 We serve our members by delivering a high quality registry and supporting the core Internet infrastructure. Connecting people within and beyond the technical community through

More information

4. You should provide direct links to the areas of your site that you feel are most in demand.

4. You should provide direct links to the areas of your site that you feel are most in demand. Chapter 2: Web Site Design Principles TRUE/FALSE 1. Almost every Web site has at least one flaw. T PTS: 1 REF: 49 2. Not only should you plan for a deliberate look and feel for your Web site, but you must

More information

The Small Screens, Big Dreams: A Detail Oriented Approach to BlackBerry Application User Interface Design

The Small Screens, Big Dreams: A Detail Oriented Approach to BlackBerry Application User Interface Design The Small Screens, Big Dreams: A Detail Oriented Approach to BlackBerry Application User Interface Design Brian Zubert, Sr. Application Development Consultant February 16, 20101 2 Schedule Principles of

More information

Perceptive Document Composition

Perceptive Document Composition Perceptive Document Composition Supported Word Features Version: 6.2.0 Written by: Product Knowledge, R&D Date: December 2017 Copyright 2008-2017 Hyland Software, Inc. and its affiliates. Table of Contents

More information

DIGITAL PRINT DESIGN (568 )

DIGITAL 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 information

BETTER LOOKING S

BETTER LOOKING  S BETTER LOOKING EMAILS First impressions matter. So if you want a positive response to your email campaign you need to make a positive first impression. Here are some simple design strategies to help you

More information

Fast Company Homepage This ad is very distracting and grabs the viewer attention more than the logo and navigation. It could cause the user to overloo

Fast Company Homepage This ad is very distracting and grabs the viewer attention more than the logo and navigation. It could cause the user to overloo Competitive Review Fast Company Homepage Doing well: It has a bold and modern feel that appeals to the internet audience. Doing poorly: The layout is confusing as to which elements match up and it's unclear

More information

Faculty Development Seminar Series Constructing Posters in PowerPoint 2003 Using a Template

Faculty Development Seminar Series Constructing Posters in PowerPoint 2003 Using a Template 2008-2009 Faculty Development Seminar Series Constructing Posters in PowerPoint 2003 Using a Template Office of Medical Education Research and Development Michigan State University College of Human Medicine

More information

BRAND & STYLE GUIDELINES

BRAND & STYLE GUIDELINES BRAND & STYLE GUIDELINES OCTOBER 2018 VERSION 1.0 CREATING BRAND IDENTITY This guide is developed to help establish our new brand identity and ensure we communicate a consistent message to our audience.

More information

Word Tutorial 3. Creating a Multiple- Page Report COMPREHENSIVE

Word Tutorial 3. Creating a Multiple- Page Report COMPREHENSIVE Word Tutorial 3 Creating a Multiple- Page Report COMPREHENSIVE Objectives Format headings with Quick Styles Insert a manual page break Create and edit a table Sort rows in a table Modify a table s structure

More information

Cartographic Principles: Map design

Cartographic 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 information

GRAPHIC COMMUNICATIONS TECHNOLOGY 10

GRAPHIC COMMUNICATIONS TECHNOLOGY 10 GRAPHIC COMMUNICATIONS TECHNOLOGY 10 Description This course introduces students to many careers associated with graphic communications. Areas which will be explored are desktop publishing, scanning, page

More information

Formal Reports. Rhonda L. McCaffery, PhD E W18

Formal Reports. Rhonda L. McCaffery, PhD E W18 Formal Reports Rhonda L. McCaffery, PhD E100-250 W18 Formal Reports longer than memos, formal reports are often analytical, and contain several formal features: cover pages tables of contents headings

More information

11 Database Management

11 Database Management 1. Database softwares 1. MS Access 2. Libreoffice base/ Openoffice base 3. MySQL (Most popular web app) 11 Database Management 2. Database and Web Development For a website, texts saved in database. multimedia

More information

Table of Contents The University of Akron These materials were developed and are owned by The University of Akron. All rights reserved.

Table of Contents The University of Akron These materials were developed and are owned by The University of Akron. All rights reserved. Table of Contents COURSE OVERVIEW... 2 CONVENTIONS USED IN THIS MANUAL... 3 LESSON 1: SYMBOLS... 4 INSERTING SYMBOLS... 4 USING AUTOCORRECT TO INSERT SYMBOLS... 5 TURN ON AUTOCORRECT... 5 LESSON 2: SPECIAL

More information

Developed by: Beth Gibbs

Developed 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 information

Guide to Editing Map Legends

Guide to Editing Map Legends Guide to Editing Map Legends Map legends explain map symbols and are crucial to the communication of a map s message. Effective legends are created with careful consideration of labels and text, classes,

More information

PRESENTATION BOARD LAYOUT

PRESENTATION 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 information

Name: Class: Teacher:..

Name: 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 information

HIERARCHICAL ORGANIZATION

HIERARCHICAL ORGANIZATION A clearly defined home page Navigation links to major site sections HIERARCHICAL ORGANIZATION Often used for commercial and corporate websites 1 Repetition DESIGN PRINCIPLES Repeat visual elements throughout

More information

Unit 3. Design and the User Interface. Introduction to Multimedia Semester 1

Unit 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 information

Creating Accessible Documents

Creating 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 information