Basics of Graphic Design

Slides:



Advertisements
Similar presentations
Design Principles By: Jonathan Gross. CONTRAST IT’S WHAT MAKES A READER LOOK AT THE PAGE IN THE FIRST PLACE BECAUSE IT GETS THE READERS ATTENTION. WHEN.
Advertisements

Business Card Design.
Design Principles for the Electronic Portfolio. contrast To establish a hierarchy of importance or to focus a reader’s attention, make some things look.
contrast, repetition, alignment, proximity
Unity Gestalt Space Dominance Hierarchy Balance Color Part.
Graphic Design Principles
Good and Bad Design. Contrast Contrast with color Contrast with images Contrast with fonts Contrast with size Contrast is one of the best ways to add.
Basic Principles of Design How to make your websites and video graphics look more professional.
The four basic principles of design
The Four Principles of Design
Principles of Design CRAP or PARC.
1 Technical Communication A Reader-Centred Approach First Canadian Edition Paul V. Anderson Kerry Surman
The Non-Designer’s Design Book
Six Principles of Good Design
This lesson has been adapted from “AIOT Graphic Design Lesson 7: Proximity, Alignment, Repetition, and Contrast” The original lesson and many other graphic.
Many years ago, an American nightclub had a fire in which over 400 people died due to a simple design flaw. What was it and how were regulations changed.
The Non-Designer’s Design Book Design and Typographic Principles for the Visual Novice By Robin Williams.
Return to Game. Design Principles Jeopardy ! Welcome to……
Design Principles Web Design. Design Principles  Contrast  Repetition  Alignment  Proximity.
Creating visually attractive and appealing publications.
Design Principles… Repetition
Interface Design.
Introduction to Web Page Design. General Design Tips.
Non-designer’s design principles Dr. Shuyan Wang.
MARKETING 40S Four Basic Principles C.R.A.P. (Contrast, Repetition, Alignment, Proximity)
Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,
Four Principles of Design Dr. Allene Cooper. I gratefully acknowledge the ideas and words of Robin Williams which I’ve used liberally in this presentation.
Elements of Design Presentation designed by Dr. James Lenze Model: Williams R. (2004), The Non-Designer’s Design Book, Second Edition, Peachpit Press What.
The basic Principles of Design The following is a brief overview of the principles of design. Although they are discussed separately, they are really interconnected.
0707 IAT 102 Graphic Design Design Basics Design Tools.
Building Your Web Page. Build Your Web Page Orfordville Public Library held at: Parkview High School Tue. April 8 Tue. April 15 Tue. April 22.
Design in Business Principle of Repetition Principle of Contrast.
Desktop Publishing CRAP.
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
4 Basic Principles of Design. Proximity When several items are in close proximity to each other, they become one visual unit rather than several separate.
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
Visual Rhetoric and the Common Core Amy Jo Southworth Bay Shore High School
Design Principles Contrast Repetition Alignment Proximity Font Rules &
Design Principles and Font Rules Katie Zilisch Contrast Repetition Alignment Proximity Font Quiz.
Web Design Basics What is a good web site from a design standpoint?
C.R.A.P. (OR C.A.R.P.) FORMULA The Non-Designer’s Design Book.
Design Principles Definitions. Balance The equal distribution of the visual weight of elements on a page in order to achieve a pleasing and clear layout.
Elements of Design ( Note: To hide or display these lecture comments, go to VIEW and click COMMENTS) These are principles that work not only in business.
DTP Desktop Publishing.
Graphic Design—The Law of C.R.A.P.
Design basics for web, print, powerpoint, doodling on napkins, and more by Lisa Blankenship, rev
CARP Four Principles of Design
The Principles of Graphic Design
Alternative Story Forms
The Principles of Graphic Design
Document Design is CRAP
Chapter 1 Introduction Content is king, but typography is the crown and design is the throne. Typography and design both help content maximize its.
Design in Business Principle of Repetition Principle of Contrast.
Design Principles and Why We Need Them…
Advanced Design PRINCIPLES 2.01 Investigate typefaces and fonts.
Design Principles 8-Dec-18.
The good, the bad, & the ugly…
Designing Reader-Centered Pages and Documents
Introducing: CRAP TECH MENTORING
Design Principles 5-Apr-19.
Interface Design Interface Design
Design Principles Review.
Guilford County SciVis V104.01
Unity.
Design Principles.
Six Principles of Good Design
The four basic principles of design
Adapted from The Non-Designers Design Book
Principles of Design Contrast Repetition Alignment Proximity
The four basic principles of design
Presentation transcript:

Basics of Graphic Design

The Graphic Design Process Graphic Design is the process of creating the appearance of a publication in an attractive, logical manner. When done successfully, it attracts attention, adds value to a message, enhances readership and readability, simplifies, organizes, provide selective emphasis, and creates unity.

Color Theory Energy, Passion, Power, Excitement, Anger, Hunger Happy, Confident, Creative, Adventurous Playful, Satisfying, Optimistic, Hopeful Healthy, Renewing, Content, Harmonious Honesty, Integrity, Trustworthiness Regal, Mystic, Beautiful, Inspirational Easiness, Passivity, Earthiness Finality, Transitional Color Innocence, Purity

Color Continued… In layouts it can convey moods, create images, attract attention, and identify objects. When selecting colors for a publication, think about what you want the color to do and what is appropriate for your purpose. Color can be used to: Highlight important elements such as headlines and sub lines Attract the eye Signal the reader where to look first Create and image or a mood Tie a layout together Organize Group elements together or isolate them Provoke emotion

DESIGN ELEMENTS CONTRAST REPETITION ALIGNMENT PROXIMITY

Contrast Is what pulls you in… It draws your eyes to the page. It allows you to move around the page and find things. Contrast must be strong Contrast creates a hierarchy of information Contrast allows you to skim more easily to pick out needed information

Contrast Examples

Contrast Examples

Contrast Examples

Repetition Is a conscious effort and willingness to unite, join, fuse the entire page together. There is a need to repeat all elements consistently. If there are multiple pages then each page should have a similar “look and feel” Repetition is also referred to as “Consistency” Repetition will: Allow for consistency and continuity Unifies all parts of a design and multiple pages Help organize information Help guide the reader through the page(s)

Repetition Examples 5 on the clock 5 on the tape measure (which becomes part of the page title "5 things i do every day") the list of five things the 5 lines above and 5 lines below the number 5 on the list the 5 fingers of the hand

Alignment Is how things are lined up on a page with each other. It is always best to pick one alignment and to stay with it. It is not a wise idea to mix alignments. Hints for better alignment: Move text away from left edge Keep text out of the right edge, easier to see text and word. Use the same alignment throughout the entire document. Do not place anything on the page arbitrarily Do not center align everything. Center aligning should be done consciously, not because you cannot think of anything else to do.

Alignment Examples

Alignment Examples

Proximity Refers to the relationship that items develop when they are close together. Two items that are close appear to have a belonging to each other. Related items get grouped together. Elements become visually disconnected from each other if they are apart. Do not orphan items/objects. Proximity helps: Increase organization Create visual connections Define a beginning and ending

Proximity Examples