Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

What is Graphic Design?

No description
by

Eric Wilson

on 29 September 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of What is Graphic Design?

Graphic Design
What is Graphic Design?
Image-based
design

symbols, logos
& logotypes
type-based
design
*
This typeface is called "intro" and is available on webdesigner depot's webite
The information you would see in a book or a magazine is called
body copy
, or
running text
Typography
vertical line spacing is called
leading
and can be used for a single letter or an entire line of copy
Tracking
is adjusting the spaces between letters evenly in a word, while
kerning
is altering the placement of one letter
choosing your
typefaces
Step 1 - 393:
consider your audience
good body copy
bad body copy
sans-serif headline
serif body copy
sans-serif headline
sans-serif body copy
Serif:
Garamond
Palatino
Fairfield
Caslon
Lyon text
Sans serif:
Helvetica
FB scala sans
News Gothic
Frutiger
Univers
Putting it together
Software Tools:
mac:
Art text 2 lite
Hexel
Templates center
PicLab
Inkscape
GIMP
Quark
DrawPlus
pc:
GIMP
Quark
DrawPlus
Inkscape
Color
R
G
B
- computer monitors emit colors as
red, green, and blue light
- additive color
- limited spectrum of visible colors
red, green, blue:
- additive color

C
M
Y
K
- Cyan (blue), Magenta, Yellow, Key (black)
- reflective, subtractive color
- color on your monitor may not match print
- digital art must be converted to CMYK for print

- Cyan, Magenta, Yellow, Key
- subtractive color
Color Theory:
(1) Primary colors:
- red, yellow, blue

(2) Secondary colors:
- green, orange, purple

(3) Tertiary colors:
- tints, and shades, of
these colors
1
1
1
2
2
2
3
3
3
3
3
Tints: adding white to a pure hue
Shades: adding black to a pure hue
Tones: adding gray to a pure hue
Complimentary color schemes
- colors that oppose each
other on the color wheel
- high contrast
- don't use in large doses
- good if you want
something to stand out
-
never
use for text
Analogous color schemes
- colors that are next to
each other on CW
- often found in nature
- pleasing to the eye
- make sure you use
enough contrast with this
color scheme
Split-Complementary
- Variation to the
complementary color scheme
- Use the "analogous" scheme
with one the complements
- Strong visual contrast
- Less tension than traditional
complementary colors
*
w h i t e s p a c e
Horror Vacui: fear of empty space
- also referred as "negative space"

- attracts and "guides" the eye

- improves readability

- gives focus, and emphasis


Attributes of White Space
Active White Space:
- Space intentionally left
blank for a better structure
and layout.

- gives emphasis to
the content area.
Visual Weight
white space can greatly alter the visual weight of a composition
Other determinants of
visual weight

- size
- shape
- color
- texture
- form & space
- location / position
Visual weight
: the perceived
weight of a visual element
Creating your Artwork
Raster + Vector
-
Raster
images are made of pixels

-
Pixels
are single points, or the smallest single element
in a display device

-
Vector
images are mathematical calculations from one
point to another to form geometric shapes
Using Raster Correctly
Making sure your raster image is
ready for print:
Where do you see raster being used?:
- Common file formats: .jpg, .jpeg, .gif, .png, .tif, and .pdf

- Common raster programs: painting or photo-editing software like photoshop, or GIMP

- Common raster images: photographs, or illustrations with soft-blend gradients
- PPI = Pixels per inch

- Usually printers require images with 300PPI

- 5 inch wide image at 300PPI = 1500 pixels


PPI For the web

- Really doesn't matter, but 72DPI is the default
Vector Graphics
Free alternative to Adobe Illustrator:
- Inkscape
Typical Vector File formats:
- .ai, .eps, .pdf
Vector = no pixel issues
- but, you should still print images in raster
Vector graphics are great for:
- logos and type design
Web 2.0 tools
web 2.0:
change from static web pages to dynamic, user-generated content, and the growth of social media
Features of Web 2.0 in graphic design:
- beautiful gradients

- large, highly legible font choices

- a great number of ways to stay connected

- subtle details

- interactiveness
design.tutsplus.com
2.0 templates:

- dreamtemplate.com

- wordpress.org/themes/
Where to share your design
tumblr

behance

instagram

dribble
Find endless typefaces from: dafont.com, fontsquirrel.com, or fontspace.com
Inspiration
Thank you!
Have a design block?
- check out niice.com for inspiration
Full transcript