Elements and Principles Design
|
|
- Elaine Thompson
- 5 years ago
- Views:
Transcription
1 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 based upon practical details. Ask yourself: what visual impact do I want to convey to the viewer and how is this best accomplished? The following elements and principles of design will help you to produce effective design. They are to be considered as guidelines there are always exceptions to these guidelines. As a consumer, you have read publications or viewed websites that are well designed and badly designed leading to a positive or unpleasant experience. As a designer you must think carefully about the project at hand and use the techniques appropriate for clear and concise communication. Your own experiences as a consumer provides some experience as a guide. Format The method of distribution and needs of your target audience drive the size and shape of your project. Will the piece be mailed and therefore require a standard shape to fit existing envelopes or mailing tubes? Does the item have to be inserted into a three ring binder or fit into a folder? Is this project one which must translate well into another medium such as the Internet or? These are only a few practical considerations that must be decided upon before work begins. Size Standard sizes are always the most practical and economical to use, but occasionally, an unusual size attracts more attention and creates more of an impression. The value gained from a non-standard size or shape must be weighed against the issue of budget. Size is used to attract attention and to organize information. It is customary to organize information from largest to smallest and from most important to least important. Advertisements are often laid out in this manner. Type size is critical also, an aging population requires well designed type that is of a generous size for reading easily. When I am working on a problem, I never think about beauty. I only think about how to solve the problem. But when I have finished, if the solution is not beautiful, I know it is wrong. Find Out More Buckminster Fuller Peterson, Bryan L. Using Design Basics to Get Creative Results. Cincinnati, OH: North Light Books, Key factors to keep in mind when considering a design elements: do they convey the intended mood? do they organize the content? do they support the design concept? are you able to establish a grid? do they contribute to the design? will the layout hold up over time? will the audience understand? Student Notes 2006 Linda Coe 1
2 The Design Elements The four primary design elements are: line, type, shape and texture. Each of these elements is important to design. Coupled with the basic principles of design, layouts may be created that are structured and effective. Line Any mark connecting two points is a line. The line is one of the simplest elements. They may create a mood or provide for greater comprehension of the published piece. Lines may be vertical, horizontal, diagonal, or, they might traverse a dynamic zig zag or travel a curvilinear path. Multiple lines force us to notice the spaces in between them, building a rhythm as strong as the lines themselves. Lines may be used: to suggest emotion to create pattern or rhythm as an outline or to define a shape to create charts and graphs. Use lines only for a particular purpose or advantage, too many lines are distracting and confusing. Type Using typography well is critical to your success as a designer. It is a subject rich in history and more powerful today than ever. It may be read or understood in several ways at once: it can be read as pure text, it can be seen to form a shape on a page, and when used in an expressive manner, it can be used as a graphic in it s own right. Typography has personality it can be quiet and formal or bold and powerful. It takes skill to use and combine typestyles well, but the effect of good typography can not be underestimated. Study as much as you can about typography, it is often the only design element in a publication. When used badly, type can make a document or website unreadable prohibiting the viewer from understanding the intended message. Type may be used: Delicate Power TALL Student Notes 2006 Linda Coe 2
3 to create a shape. There are many different typefaces available today, each face or family of faces conveys a particular mood and is useful for a particular kind of design project. Type without any consideration for size, design, style or placement offers no visual cues for reading and interpreting a document; it has no personality to provide a hint as to it s purpose. In the following weeks you will learn more about how to use type properly. Shape Shape may be created with illustration, photography, fields of colour or even typography. It is defined as an element that is used to give or determine form. Shape is the element that gives a design cohesiveness. Shapes may be geometric, natural or organic, or abstract forms. It may be used by itself or with line and type to help carry your concept. A flag, for example, is often made up solely of shapes. Photographs, illustrations and text blocks can form shapes. Blocks of colour provide shape. Shape can be used: to break up copy into smaller blocks to place one text block inside of another (eg sidebars) DIM ENS ION Become aware of the elements and principles of design in use in the print and new media design you encounter every day. Texture Like shape, texture plays an important role in defining a mood and creating structure. It may be present in the entire piece or just used to fill a particular shape or area. Often used to reinforce an idea, texture is defined as an object s visual or tactile surface characteristics/appearance. We tend to take texture for granted as we interact with it every day. Life would be dull if texture did not provide some contrast in our lives! Consider a yard with no grass, a beach without sand, a cat with no fur. Texture can be used: to fill a shape Student Notes 2006 Linda Coe 3
4 The Design Principles Four primary principles make up the backbone or structure of design: balance, contrast, unity and value and colour. By applying these principles to the element of line, type, shape and texture, the designer uses judgement and creativity to solve a design problem. Balance We are most comfortable when we stand with both feet firmly planted on the ground. Standing on one leg takes more concentration, and if we lean too far in one direction or another we are in fear of falling over we have lost our balance. Imbalance conveys unease and feelings of tension. When the items on the page are evenly balanced (symmetrical), the layout appears calm, reassuring and formal. Some design is purposely unsymmetrical creating tension, movement, liveliness. Balance sets up a powerful mood for the viewer. But keep in mind that imbalance can strengthen the impact of your design. Balance can be used: to strengthen an idea Contrast Thoughtful use of contrast in a layout gives interest to the work and prevents it from appearing static. It is often used to create informational hierarchy. It is impossible to not have contrast in some form. Contrast involves opposites: black and white, thick and thin, large and small. Any mark on a page is a contrast to the otherwise blank page. Balance can be used: to strengthen an idea Student Notes 2006 Linda Coe 4
5 Unity Unity of design is created through the assembly of the graphic elements and helps communicate the message to the viewer it is frequently developed through the use of the grid. Any multiple (and similar) facets in design can provide unity: a series of images, logos, text blocks or other graphic details. Unity can be used: to strengthen an idea Value and Colour Value and colour also define the mood and personality of the piece. It is often the most immediate and potent principles of design. Value is inherent in any design or composition it is the relative lightness or darkness of any graphic element. Value is a powerful aspect of composition. A large, bold headline could be composed of a light colour or light grey, allowing a smaller graphic device in a deeper value to project forward in the layout. Dark elements on a dark ground and light elements on a light ground have little contrast, destroying the purpose of the design because it is difficult to read. Value can be used: to create movement and direction to strengthen an idea When you understand the principle of value, add the dimension of colour. This detail has far reaching results, particularly from an emotional point of view. Colour as a design tool is highly subjective. However, studies show that we all perceive colour slightly differently and attach emotional characteristics to each hue. Colour is more prominent than value, they strongly contribute to the mood and personality of design projects. Design and fashion trends shift over time. Read more about colour and mood in your Pantone colour book. Key factors to keep in mind when considering a design principles: do they convey the intended mood? do they organize the content? do they support the design concept? are you able to establish a grid? do they contribute to the design? will the layout hold up over time? will the audience understand? Student Notes 2006 Linda Coe 5
6 The Gestalt Theories During the second decade of the twentieth century, a specific theory of psychology arose that is relevant to design today. In Germany, Gestalt psychologists concerned themselves with how people saw and interpreted information. Their major objective was to explain why the world looks the way it does to ordinary people how the visual world shapes our perception. An early discovery was that it is how things are organized that provides information, not just the things themselves. Perception relies primarily on the relationship of all the parts forming a whole. This is called form qualities. In the real world we deal with real things: chairs, buildings, landscapes. If we reduce a building down to its components: roof tiles, concrete blocks, window frames, etc, it is no longer a building, it is a pile of rubble. The extensive research that was done has become useful to designers because it relates directly with design components and how they come together to form a whole project. Gestalt Theories Gestalt Principles: perception is an active process viewers organize what they see into figure/ground relationships how viewers group elements depends on the visual properties of the elements how people group elements depends on strong continuation how elements look depend on the surroundings strong elements appear stable the viewer tends to translate 2D into 3D. A well designed layout is viewed as a unified whole; all parts of the layout fitting together cohesively. Note the following: Grouping: we have a tendency to group things together when we look at them. We can only process a limited amount of information at one time (six or seven items). Proximity: we have a tendency to group things together that are close to one another. Similarity: we have a tendency to group things together that are similar in form, size, colour and location. Continuity: our brain makes connections to shapes, lines and other elements that form harmonious relationships, forming one entire image. Closure: the eye has the ability to complete or close an object if we view it in an unfinished state. Find Out More Itten, Johannes. Design and Form. New York: Van Nostrand Reinhold Company, Itten, Johannes. The Elements of Colour. New York: Van Nostrand Reinhold Company, Student Notes 2006 Linda Coe 6
7 Develop your skill with the elements and principles of design by manipulating dots or squares in a simple grid. What feeling is conveyed when black dots appear on a white field? Does the mood change when white dots are laid out on a black background? What happens when the dots are separated? What mood is created? How might you introduce unity to the layout? What does contrast bring to the layout? Using a simple grid of dots or squares, convey different moods by arranging them in different ways: anxiety harmony loneliness order Student Notes 2006 Linda Coe 7
8 Syntax and Communication To understand graphic design one must learn the language of syntax and communication. The connecting of words and sentences on a page is called typographic syntax. The parts of a page letter, word, line, column and margin are transformed into a cohesive layout through the principles of design. A good designer understands the relationship between form and meaning and uses imagination to bring the content to life for the reader/viewer. Generally, letters connect with one another to form words, but sometimes become a large, dynamic shape interacting with the surrounding space. In this manner they become signs creating a form to void relationship. A word may express an idea, an object or an event. The forms and counterforms within individual letterforms are also found in words. Slight nuances and rhythms occur and can be adjusted by letter and word spacing giving overall clarity to the copy. Even colour on a page can only be achieved through diligent optical letterspacing mechanical spacing does not account for the differences in the forms of the characters. When words are combined to form sentences and text blocks they become significant design components. In its simplest form, a line of type is made up of one style in one size following a horizontal path. But imagine the possibilities! A small change in in point size, weight or line length can impact the layout significantly. the connections made between all design considerations must be distinct to the reader. Various alignments of copy are possible flush left, flush right, or centered each with its own design characteristics. The degree of unity can be affected through subtle adjustments to punctuation as well as letter and word spacing. other spacing considerations arise: interword spacing, interline spacing and line to page relationships and the added features of columns, gutters and margins. The negative spaces on the page (sometimes called white space) are an essential part of the design. They add function and beauty. Columns of type take on different aspects through changes in three specific characteristics: the proportion of column height to width, texture (the tactile appearance of the type style), and tone (the lightness and darkness of the type). By manipulating these variables, pages are balanced and made dynamic and hierarchy is ordered. When the elements on a page are arranged in a graduated series from the most important to the least important it is said to follow a visual hierarchy. A designer must take into account the relative importance of each element in the message, the nature of the reader, the environment in which it will be read and the need for the message to be cohesive. A designer must take into account the relative importance of each element in the message, the nature of the reader, the environment in which it will be read and the need for the message to be cohesive. Student Notes 2006 Linda Coe 8
9 To study visual hierarchy is to study the various parts and their relationship to one another. When they have similar characteristics they have equal visual hierarchy, but when they are in contrast to one another, their differences form a logical order for the reader to follow. Size, weight, colour and spatial interval create contrasts. Harmony unifies design, contrast creates liveliness and emphasis. As well, extreme scale contrasts can create a counterpoint relationship while similarities in the typestyles (vertical and horizontal strokes, for example) become typographic counterparts. Hierarchy is a balance between the use of harmony to unify design and the need for contrast to add life to a design. Sometimes typographic elements are assigned questioning and answering forms. One form dominates and questions and the lesser form answers. All typographic arrangements are governed by visual punctuation. These may take the form of pictorial elements, spaces or rules) creating contrasts and hierarchy. The combinations of type and other elements function as message carriers and as rhythmic visual structure. Student Notes 2006 Linda Coe 9
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 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 informationDesign 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 informationGrid. 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 informationBRAND & 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 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 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 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 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 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 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 informationGraphic logo Title page
Graphic logo Title page Table of Contents Name: Graphic logo Title page... 1 Table of Contents... 1 Make an Image for Yourself!... 3 Situation:... 3 Problem/Challenge:... 3 Resources:... 3 Rough Due Dates:...
More informationDESIGN & BRAND GUIDELINES
VINGA DESIGN & BRAND GUIDELINES CREATING MEMORIES The Design Guidelines These guidelines describe the visual and verbal elements that represent Vinga s corporate identitiy. This includes our name, logo
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 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 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 informationVisual Design. Simplicity, Gestalt Principles, Organization/Structure
Visual Design Simplicity, Gestalt Principles, Organization/Structure Many examples are from Universal Principles of Design, Lidwell, Holden, and Butler Why discuss visual design? You need to present the
More informationCRAP (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 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 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 informationStructure of Text. Creating Memory Aids through Typography
Structure of Text Creating Memory Aids through Typography Edward Rushton MFA Donald Armel PhD Legibility Readability Definitions Legibility Legibility is dependent on the design of the typeface, the letterforms
More information4. 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 informationcorporate identity guidelines
Seilevel Corporate Identity Guidelines Introduction 1 Preferred Signature and Components Logo Space and Minimum Size Signature Variations Color Palette Typography Signature Misuse 2 3 4 5 6 7 corporate
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 informationVIVO Identity Guidelines
VIVO Identity Guidelines May 2010 Version 1.0 00 Contents 01 02 03 04 05 06 Introduction About VIVO VIVO Identity Elements Space Size Color System (web and print) Identity Colors Primary Color Palette
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 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 informationLOGO USE GUIDELINES BRAND GUIDELINES PUBLISHED ON FEBRUARY 17,
LOGO USE GUIDELINES BRAND GUIDELINES PUBLISHED ON FEBRUARY 17, 2014 1 LOGO USE GUIDELINES LOGO USAGE GUIDELINES 13 LOGO USAGE GUIDELINES The Gardner-Webb logo is the centerpiece of the University's visual
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 informationPrinciples of Visual Design
Principles of Visual Design Lucia Terrenghi Page 1 Talk about rules in design No fixed rules Just guidelines, principles Where do they come from? How can I apply them? Page 2 Outline Origins of the principles
More informationA Crash Course in Typography: Principles for Combining Typefaces - noupe
A Crash Course in Typography: Principles for Combining Typefaces Cameron Chapman When combining typefaces, there are a couple of important principles you ll need to keep in mind, namely contrast and mood.
More informationWhat are the elements of website design?
Contents What is a website?...1 Why does design matter?...1 What are the elements of website design?...1 What guidelines can help direct the design?...2 What physical objects are most similar to a web
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 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 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 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 informationPublisher 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 informationPublisher 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 informationJABRA CORPORATION GRAPHIC STANDARDS MANUAL
JABRA CORPORATION GRAPHIC STANDARDS MANUAL A simple reference guide for how to use the JABRA Corporation logo in real-world communications applications. INTRODUCTION Corporate image is a valuable asset,
More informationStep 10 Visualisation Carlos Moura
Step 10 Visualisation Carlos Moura COIN 2017-15th JRC Annual Training on Composite Indicators & Scoreboards 06-08/11/2017, Ispra (IT) Effective communication through visualization Why investing on visual
More informationIntroduction to Digital Communications
Directions: Fill in the blanks. Defining Digital Communication Segment 1. Digital Communication Is the ability to create and a message using different technological devices, including: radio television
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 informationPresented 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 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 informationOrganizing Information and Creating Hierarchy. Cookie Caloia
Organizing Information and Creating Hierarchy Cookie Caloia Visual Hierarchy, theoretically The concept of visual hierarchy is based in Gestalt psychological theory, that proposes that the human brain
More informationBRAND GUIDELINES JANUARY 15,
BRAND GUIDELINES JANUARY 15, 2015 1 THIS IS WORLDCARE Trusted, reassuring, knowledgeable and globally connected. To us, a brand is more than just a name, logo or tagline. It is a shared set of values and
More informationBRAND BOOK BRANDING DOCUMENT
BRAND BOOK BRANDING VERSION 1.0 DOCUMENT / 2018 Brand Manual OTM Capital (OTM Ventures Inc) WE LOVE OUR BRAND. BE MINDFUL WHEN APPLYING IT. ABOUT THIS GUIDE This brand book is a guide that streamlines
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 informationLifeChurch.tv Brand Standards Manual Version 1.0
LifeChurch.tv 2007-2010 Brand Standards Manual Version 1.0 Welcome These guidelines are a starting point YouVersion engages people into relationships with God as they discover the relevance the Bible has
More informationVISUAL IDENTITY GUIDE 2017
01 VISUAL IDENTITY GUIDE 2017 TABLE OF CONTENTS THE LOGO 03 MINIMUM SIZE / SPACE 05 INCORRECT USAGE 06 COLOR PALETTES 07 GRAPHIC ELEMENTS 08 TYPOGRAPHY 09 03 THE LOGO Primary Logo The bold, clean look
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 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 informationGraphical Screen Design
1 Graphical Screen Design Grids are an essential tool for graphical design Important graphical design concepts include visual consistency visual relationships visual organization legibility and readability
More informationSTYLE GUIDE UPDATED AUGUST 2017
STYLE GUIDE UPDATED AUGUST 2017 GENERAL GUIDELINES Purpose of the guide.... 3 Brenau University logo usage guidelines.... 4 Typography guidelines.... 12 Color palette and usage guidelines.... 13 Stationery
More informationDigital Workshop Center Introduction to Design Fundamentals
Digital Workshop Center Introduction to Design Fundamentals RELATED CLASSES CONSULTING SERVICES Introduction to Design Fundamentals Digital Workshop Center.com 1 About Digital Workshop Center SKILLS, not
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 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 informationWCSD Graphic Standards and Logo Use Guide
SM WCSD Graphic Standards and Logo Use Guide WCSD Logo WCSD logo with slogan SM The WCSD logo should be used on all school district signage and every District-generated publication, website or webpage,
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 informationEnterprise Graphic Design
Enterprise Graphic Design Courses Overview Color Theory Fundamentals of Design Visualization The Principles of Web Graphic Design Photography Consolidated (Photo Composition) Web Design with Adobe Photoshop
More informationVISUAL 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 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 informationA Graphic Standards Guide for Southlake Regional Health Centre
Connecting with the Southlake Brand A Graphic Standards Guide for Southlake Regional Health Centre 1.0 A Special Message from the President and CEO 2.0 Logo Overview 2.1 Logo Variations (Standard) 2.2
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 informationVISUAL IDENTITY AND STANDARDS MANUAL JULY 2008
VISUAL IDENTITY AND STANDARDS MANUAL JULY 2008 TABLE OF CONTENTS 1 2 PAUL SMITH'S COLLEGE VISUAL IDENTITY AND STANDARDS AN OVERVIEW USING THIS MANUAL GRAPHIC IDENTITY SYSTEM COMPONENTS THE LOGO THE COLORS
More informationDesign 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 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 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 informationA Step-by-step guide to creating a Professional PowerPoint Presentation
Quick introduction to Microsoft PowerPoint A Step-by-step guide to creating a Professional PowerPoint Presentation Created by Cruse Control creative services Tel +44 (0) 1923 842 295 training@crusecontrol.com
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 informationOur Look Book. BRAND GUIDELINES VERSION 1.0
Our Look Book. BRAND GUIDELINES VERSION 1.0 SIMPLICITY IS THE ULTIMATE FORM OF SOPHISTICATION. Leonardo da Vinci 2 BRAND GUIDELINES THIS IS A GUIDE TO THE BASIC ELEMENTS THAT MAKE UP OUR BRAND. IT WILL
More informationUNIVERSITY HOUSING COMMU- NICATION GUIDE TO DESIGN
UNIVERSITY HOUSING COMMU- NICATION GUIDE TO DESIGN INTRODUCTION Hello and welcome to the University Housing Communication Guide to Design! In this book, you will find various guides to help you enhance
More informationBrand-identity Guidelines
Brand-identity Guidelines Kids and Tech Contents: Date: 1.0 2.0 2.1 3.0 4.0 5.0 Introduction (page 1) The Logo Design (page 3) The Logo Usage (page 6) Color Scheme (page 13) Typography (page 16) Contact
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 informationTable 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 informationThird Party Identity Guidelines
Third Party Identity Guidelines Introduction Introduction This document has been developed to provide anyone using The Wolfson Foundation logotype with clear guidelines on how the brand identity can be
More informationGraphic Standards Guide JACOB PARENT PHOTOGRAPHY
Graphic Standards Guide Contents 3 4 5 6 7 8 9 10 11 12 13 Introduction Color Values Fonts Used Logo Arrangements and Guidlines Proper Usage Improper Usage Staging Minimum Size Business Card Apparel Links
More informationbrandguidelines v 1.0
brandguidelines v 1.0 welcome As members, volunteers, staff and partners, each of us plays a key role in expressing our brand. By strongly communicating our brand identity the way we look, what we say
More informationGraphic 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 informationToday s Hall of Fame and Shame is a comparison of two generations of Google Advanced Search. This is the old interface.
1 Today s Hall of Fame and Shame is a comparison of two generations of Google Advanced Search. This is the old interface. 2 And this is the new interface. (If you can t read the image, go to http://www.google.com/advanced_search.)
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 informationIntroduction. A smart home system for everyone. Representation
Introduction A smart home system for everyone Animus Home gives you the Animus Heart, a smart home gateway that connects your smart devices wirelessly. It allows you to control your smart devices at home
More informationJune InSight Graphical User Interface Design Guidelines
June 2001 InSight Graphical User Interface Design Guidelines Index 1.0 Introduction 1 1.1 - Dimension Information 1 2.0 General Guidelines 1 2.1 - The Display Grid 1 3.0 - Color 2 3.1 - Primary Colors
More information