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

Similar documents
Part 1 The Elements of Design. Lines

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

STONELAW HIGH GRAPHIC

ABOUT RESEARCH POSTERS

Good Publication Design

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

Preview from Notesale.co.uk Page 2 of 61

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

Principles of Design. Alignment

Designing Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor

C L A S S 2 T Y P O G R A P H Y. FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m.

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

Typographic hierarchy: How to prioritize information

Presented by Dr. Mariah Judd February 15, 2013

The 12 most common newsletter design mistakes

POWERPOINT Build a Presentation to Remember

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters

Publisher 2007 Creating Flyers and Brochures

Publisher 2007 Creating Flyers and Brochures

WEB PAGE ARCHITECTURE

Developed by: Beth Gibbs

Graphic Design Starter Pack

Elements and Principles Design

TABLE OF CONTENTS TABLE OF CONTENTS... 1 INTRODUCTION... 3 BREAK... 4 DEFINITIONS... 4 STEP BY STEP- SECTION BREAK... 6 PAGE NUMBERS...

Graphic Communication

A Step-by-step guide to creating a Professional PowerPoint Presentation

Guidelines to Creating a PowerPoint Presentation. Things you should and should not do!

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

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

PAGE LAYOUT IN GRAPHIC DESIGN Where do you start when you want to create an attractive and effective design?

Adding Art to Office Documents

Microsoft Excel 2000 Charts

Prezi Quick Guide: Make a Prezi in minutes

Essentials for Text and Graphic Layout

INDEX UNIT 4 PPT SLIDES

Layout of a Desktop Publishing Document

Lecture 2 Map design. Dr. Zhang Spring, 2017

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

Fundamental of Digital Media Design

Instructions for Presenting & Preparing PowerPoint Presentations

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

Principles of Design. Proximity & Alignment

Color Issues for Accessible Game Development

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

WORD Creating Objects: Tables, Charts and More

Name: Class: Teacher:..

communication design and the web John Zimmerman HCI Institute and the School of Design, Carnegie Mellon University 17 November 2010

Technical Introduction

Intermediate Microsoft Office 2016: Word

Stress-Free Success Using Microsoft WORD 2004

RIPE NCC Brand Guidelines Communications Department

Lesson 22 Enhancing Presentations with Multimedia Effects

Conrad Freeman Unit 6

LOGO USE GUIDELINES BRAND GUIDELINES PUBLISHED ON FEBRUARY 17,

Format and Layout 8/31/2012. Using Visuals to Inform and Persuade

Microsoft Word 2010 Certification Test Review

Design Elements and Principles. Applied Informa6on Technology Stage 2 and 3

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

TOOLKIT for Making Written Material Clear and Effective. SECTION 2: Detailed guidelines for writing and design

Chapter 5. Inserting Objects. Highlights

Creating a Basic Chart in Excel 2007

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

Chapter 6 Rational Numbers and Proportional Reasoning

Exploring Microsoft Office Word 2007

Wissenschaftliche Poster-Präsentation

CREATING A POWERPOINT PRESENTATION BASIC INSTRUCTIONS

Using Image Content Correctly

IGCSE ICT Section 16 Presentation Authoring

Teaching Digital Design. Applied Informa6on Technology Stage 2 and 3

Part II: Creating Visio Drawings

Creating Page Layouts 25 min

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

Digital Media, UX-UI Design > Website Principles

Create and edit word processing. Pages.

Paragraph Formatting 4

Ooma & Ooma Telo Style Guide

laurengregory laurengregorydesign.com

DOING MORE WITH WORD: MICROSOFT OFFICE 2013

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

Typesetting Tips. Put your best type forward.

DOING MORE WITH WORD: MICROSOFT OFFICE 2010

Geography 281 Map Making with GIS Project Three: Viewing Data Spatially

MSITA POWERPOINT 2010 REVIEW

Principles of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words!

Corporate Logo. However,

BRAND USE GUIDELINES November 2016

The insertion point will appear inside the text box. This is where you can begin typing.

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3

Labels and Envelopes in Word 2013

MS Word 2007: Graphics. Lesson Notes Author: Pamela Schmidt. The Drawing Tools Format Ribbon appears when the object is selected.

PLANNING. CAEL Networked Worlds WEEK 2

Structure of Text. Creating Memory Aids through Typography

Design Development Documentation

Graphic Style Guide 2015

DESIGN ELEMENTS. Line Shape/Form Color Light Texture

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

Page Layout Design min

Corporate Branding Guidelines

DOING MORE WITH WORD: MICROSOFT OFFICE 2007

How to make your neighbourhood newsletter look good

Transcription:

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 columns of text. Create a texture. Create movement. Define shape. Call attention to a word. Connect pieces of information. Frame an image or a word

Design Element:- Line Line patterns project an image: - Uniform vertical black and white lines - Static. Orderly. Uneven spacing of uniform lines creates the impression of movement. Dynamic.Orderly. Make the lines into curves and you get controlled movement Dynamic. Orderly flow

Design Element:- Line Line Types:- Variety of thickness. Variety of patterns. Use Lines to: - Add a border to a graphic or table. Place above and/or below headlines. the top and/or bottom of pages to define the shape of the page or to separate header and footer text. Separate columns of text.

Design Element:- Line Lines can be used to : - Organise information. Highlight or stress words. Connect pieces of information. Outline a photo or set it off from other elements. Create a grid. (A grid is the underlying structure of a page.) Create a chart or graph. Create a pattern or rhythm by drawing many lines. Direct the reader s eye or create a sense of motion. (Create a sense of action by using a diagonal line.) Suggest an emotion.

Design Element:- Shape Shape used to give or determine form. Shapes also communicate ideas. Unusual shapes attract attention. The three different type of shapes geometric, natural and abstract.

Design Element:- Shape Use shape in your piece to: Frame a photograph using irregular shapes. Symbolize an idea. Connect pieces of information. Make body text more interesting.

Design Element:- Shape Use shape in your piece to: Highlight information using a box with a shade of a colour. Imply letterforms by using a circle to represent the letter O. Tie together all the elements on a layout.

Design Element:- Shape Use shape to suggest: - The square denotes honesty and stability. Squares are familiar, trusted shapes. To symbolize infinity and protectiveness. Circles could also suggest something well-rounded or complete, protectiveness,and could also imply security. Triangles suggest action. They are dynamic. Triangles may convey either conflict or strength.

Design Element:- Texture Two types of Texture: - Tactile texture can be felt. E.g. different pieces of paper,straw, bark of a tree. Visual texture, is used to create the illusion of texture on a printed piece.

Design Element:- Texture To use texture in your piece: Use an image and relate it to its background. Use a paper stock that will enhance the piece s mood or personality. Create contrast for interest. Use appropriate imagery to provoke a particular emotion. Create a feeling of richness and depth. Add liveliness and activity.

Design Element:- Space Essential element in a layout. Space is defined as the distance area between or around elements. Creates a rest for the eye, and visually organizes what s on the page. The placement and the value of the shapes on the page creates spatial relationships and focal points, which are centers of interest.

Design Element:- Space How to use Space Use a small amount of space to create ties between elements. Form positive and negative shapes with the use of colour and shape. Give a layout depth by overlapping one element with another

Design Element:- Space How to use Space Use a lot of white/colour space around an element to highlight it. Use large margins to help make a layout easy to follow. Use unequal spacing between elements to make a page dynamic.

Design Element:- Space Too Much of a Good Thing Rivers" can develop vertically or diagonally through justified text. You can cure this by decreasing the type size or you can reset with a ragged right margin. Overly generous column spacing causes distracting vertical bands of white space.

Design Element:- Space Too Much of a Good Thing Trapping white space between portions of your layout can be confusing as it interrupts the flow of the copy and the graphics. GRAPHICS SUBHEADING GRAPHICS 4 U A solution to this is to increase the size of display type, enlarge the illustration or recompose the design. Trapped White Space SUBHEADING GRAPHICS 2 U

Design Element:- Space Too Much Text Always provide sufficient breathing room around columns of text. Claustrophobic pages result when text, rules, graphics and other elements crowd each other and the edges of the page. Squeezing text into boxes or wrapping too tightly around illustrations can produce crowded pages. A VERY TIGHT FIT COMFORTABLE FIT

Design Element:- Size Size is how big or small something is. In design, size can be determined by function:- What the printed size of your piece will be. size can be used to attract:- You can contrast large and small elements or make a image larger and crop it in an interesting way. size can be used to organize:- Make the most important element the largest and the least important element the smaller.

Design Element:- Size Make the most important element the largest. Bring elements forward or make elements recede on the page. Give the reader a sense of scale of a photograph by using a related image.

Design Element:- Size To make all elements easy to see by using larger type or pictures. Contrast two elements to add interest by adding a small amount of type to large image. Make elements fit together properly in a piece by keeping repeating elements such as headlines, subheadlines and body copy the same size.

Design Element:- Value Value is the darkness or lightness of something. Value helps to give shape and texture. Pastel shades used to express a caring environment. Value expresses the theme or mood of a graphic presentation. Value also helps to create movement and direction. Value Spectrum

Design Element:- Value Use Value by:- Using light values to create a subtle look to your piece. Making one element light and the rest dark. Making one element dark to make it recede into the page s background. Contrasting black against white.

Design Element:- Value Value can be used to: Lead the eye across a page, such as running a dark to light graded area in a background. Create a pattern. Give the illusion of volume and depth by adding shading to an area. Create an image of lightness or darkness. Make a layout dramatic with large areas of dark or light shading. Emphasize an element. Make objects appear to be in front of or behind each other.

Design Element:- Colour Colour is the ultimate tool for creating the mood of your graphic presentation. Colour can help to identify an important element. Good use of colours can bring a graphic presentation to life. Bad use of colour can destroy an otherwise excellent piece Good use of Blue leading the eye to the main headline.

Design Element:- Colour Colours fall into three general categories: Warm:-(exciting): Red, Pink, Yellow, Gold, Orange. Cool:- (calming): Blue, Green, Turquoise, Silver. Neutral:- (unifying): Brown, Beige, Ivory, Gray, Black, White

Design Element:- Colour Warm exciting colours used. Cool calming colours used Neutral unifying colours used.

Design Element:- Colour Colour can be used to: Highlight important elements such as headlines and subheads. Attract the eye. Signal the reader where to look first. Create an image or a mood. Tie a layout together. - Organize. Group elements together or isolate them. Provoke emotion.

Design Element:- Mass Mass equals size. There are two kinds of Mass; there is physical size and visual size. The graphic presentation has a physical mass. Each element within the design (graphics, photos, lines, text blocks) have their own visual mass relative to the whole piece

Design Element:- Mass Main graphic forms the largest mass - the other elements of less mass therefore less important. The white space has the greatest mass on this page. Graphic forms a smaller mass on this page. The body text is the greater mass.

Design Elements In Action http://www.stocklayouts.com