Solutions
Pricing
Log in
Teams
Get started
Log in
Get started
Design Principles: Part 1
JR
by
Jennifer Riggio
·
11 views
·
Updated Feb 7, 2021
Share
Embed
Create your own
Audio Transcript
Auto-generated
00:01 - 00:01
Hello, everyone.
00:01 - 00:04
Today we're going to be discussing the design principles, principles
00:05 - 00:11
of design, etcetera, the essential elements of a good design.
00:12 - 00:12
Our hierarchy.
00:14 - 00:26
I flow simplicity, consistency, appropriateness, proximity, contrast, focal point, white
00:26 - 00:34
space balance, unity, alignment, repetition and typography.
00:38 - 00:41
Hierarchy is the tool that you use to prioritize your
00:41 - 00:45
content. It helps you to guide the meaning of your
00:45 - 00:49
message. It guides the reader through the message that you're
00:49 - 00:51
ascending in an organized fashion.
00:52 - 00:56
It needs to be understandable, and it is okay for
00:56 - 00:57
it to be obvious.
00:59 - 01:00
The focal point.
01:01 - 01:03
Every design needs to have a focal point.
01:04 - 01:07
The element that you choose has to have a strong
01:07 - 01:11
visual interest and be appropriate for your material and your
01:11 - 01:18
audience. Photos or graphics are visually appealing, but dynamic fonts
01:18 - 01:20
and letters work equally as well.
01:21 - 01:24
Your focal point should attract and draw your reader in
01:25 - 01:27
be the element with the strongest visual interest.
01:29 - 01:33
Be the element that you build your layout around, appear
01:34 - 01:34
on your page.
01:34 - 01:40
On Lee, one time is emphasized by size, color layout,
01:41 - 01:47
contrast, placement, isolation or movement, and it can be a
01:47 - 01:51
photo logo graphic or letters.
01:54 - 01:55
I flow.
01:56 - 01:58
This is how you visually guide your reader through the
01:59 - 02:00
hierarchy of your document.
02:01 - 02:04
You start with your focal point and then direct them
02:04 - 02:07
where to go and what to read, using the size
02:08 - 02:09
and placement of your elements.
02:10 - 02:13
The focal point attracts viewers, and I flow leads wth
02:13 - 02:15
Um, you use.
02:15 - 02:19
I flow to guide viewers through your content, use direction
02:20 - 02:22
and placement to encourage I flow.
02:23 - 02:26
Graphics, bullets and rules can help lead the I.
02:29 - 02:30
What elements encourage.
02:31 - 02:33
I flower a strong focal point.
02:34 - 02:39
Simplicity. Graphic elements that move your eye along sighs, relationships
02:40 - 02:41
and visually interesting whitespace.
02:43 - 02:47
What design elements in pair I flow clutter or a
02:47 - 02:48
lack of white space.
02:49 - 02:50
Too many focal points.
02:51 - 02:53
Too much text or too many graphics that are the
02:53 - 02:57
same size and similar spacing between all elements.
03:00 - 03:03
White space or negative space is a very important design
03:04 - 03:06
element To see white space in a document.
03:07 - 03:10
You can hold it at arm's length and squint your
03:10 - 03:13
eyes and look at it or you can hold it
03:13 - 03:13
upside down.
03:14 - 03:16
You should see shapes and not details.
03:17 - 03:20
If nothing is jumping out at you, you don't have
03:20 - 03:21
enough white space.
03:23 - 03:26
Use whitespace toe accent your focal point and add to
03:26 - 03:30
the logical grouping of content and overall artistic effect.
03:31 - 03:34
Two. Little white space makes very crowded and unappealing page.
03:36 - 03:39
Too much white space overwhelms the focal point and breaks
03:39 - 03:41
apart relationships between design elements.
03:44 - 03:48
Examples for creating good white space left a line type.
03:48 - 03:51
The right ragged edge invites white space into the page
03:52 - 03:53
space between paragraphs.
03:54 - 03:57
You can use this instead of inventing in some cases
03:59 - 04:03
breathing room between design elements and flow white space that
04:04 - 04:07
flows into or around the design rather than being trapped.
04:10 - 04:13
Simplicity. If you want to clean and professional design, keep
04:14 - 04:14
it simple.
04:14 - 04:16
Students. Well, it seems so simple.
04:17 - 04:21
It's difficult to achieve keeping your design simple and Uncluttered.
04:22 - 04:23
Let's your content shine through.
04:24 - 04:26
That doesn't mean you should neglect your design.
04:27 - 04:30
If an element does not help the content or the
04:30 - 04:35
real or the reader, delete it Balance.
04:37 - 04:39
How do you feel when you see a crooked picture
04:39 - 04:39
on the wall?
04:40 - 04:43
Remember, a lack of balance can irritate or impair communication.
04:45 - 04:47
How do you achieve balance in a design?
04:49 - 04:51
Create two forces of equal strength that pull in opposite
04:52 - 04:57
directions. Use multiple forces pulling in different directions so their
04:57 - 04:58
strengths offset one another.
05:00 - 05:02
The goal of balance is not to achieve a state
05:02 - 05:05
of rest, but a state of equal tension.
05:08 - 05:10
Third, two different ways of handling balance.
05:11 - 05:18
Symmetrical and asymmetrical Symmetry is achieved by repeating shapes conveying
05:19 - 05:21
a quiet sense of order, stability and tradition.
05:24 - 05:26
To avoid static, boring, symmetrical designs.
05:27 - 05:30
You can introduce contrast through value, texture and shape.
05:32 - 05:34
A symmetry gives you a greater sense of movement and
05:34 - 05:38
change. Stay on the verge of imbalance for a thrilling,
05:38 - 05:39
visually exciting design.
05:45 - 05:49
Consistency. The key to a unified and understandable design is
05:49 - 05:53
consistency. You want to apply consistency to your layout.
05:54 - 05:55
Text, paragraph formatting.
05:57 - 05:58
Icahn's lines rules, etcetera.
06:00 - 06:03
Each page or peace should look like it belongs to
06:03 - 06:04
the entire document or marketing piece.
06:06 - 06:07
What elements create inconsistency?
06:09 - 06:14
Too many colors, too many graphics, inconsistent placement of important
06:14 - 06:19
elements, inconsistent textiles, colors, spacing and lack of proximity.
06:22 - 06:27
What elements create consistency, Page layout, navigation scheme and location
06:28 - 06:36
colors heading text size, France, paragraph spacing, repetition of design
06:36 - 06:42
elements and proximity, visual unity or one of the gestalt
06:43 - 06:47
principles. Without unity, your design will be distracting and chaotic.
06:48 - 06:50
With unity, your design will look and feel complete.
06:52 - 06:53
Honestly, ask yourself.
06:54 - 06:56
Does my design come together as a whole.
06:58 - 07:00
Unity rides on the coattails of consistency.
07:01 - 07:04
Check and double check your text formatting and spacing between
07:05 - 07:09
elements. Ask yourself if you can strengthen or add repetitive
07:09 - 07:12
elements patiently examine the design.
07:13 - 07:16
Sometimes minor tweaks will elevate your design, even further.
07:19 - 07:22
Appropriateness. I can't emphasize this one enough.
07:22 - 07:26
I mean, they're all important, but your design should also
07:26 - 07:27
be appropriate for your audience.
07:28 - 07:29
Who is reading your material?
07:30 - 07:34
Consider age, income, education, culture and location.
07:36 - 07:36
Your topic.
07:37 - 07:39
What are you talking about and what are you trying
07:39 - 07:39
to say?
07:41 - 07:44
Purpose. What is the design intended to dio?
07:45 - 07:46
Are you trying to sell a product?
07:47 - 07:53
Convey information or entertain format, paper size and type budget
07:53 - 07:54
printing process.
07:54 - 07:57
Amount of copy the graphics, et cetera.
07:58 - 08:01
Evaluate your design for appropriateness on a frequent basis.
08:02 - 08:06
Don't leave it for the end alignment.
08:07 - 08:11
Proper alignment refers to the defining, defining invisible visual lines
08:12 - 08:16
and aligning design elements along them horizontally and vertically.
08:17 - 08:20
You don't want to just scatter your elements arbitrarily all
08:20 - 08:22
over the page, or you lose the visual connection of
08:23 - 08:23
your elements.
08:24 - 08:26
Choose an alignment and use it throughout.
08:27 - 08:29
Left or right creates a strong edge and more interesting
08:30 - 08:31
white or negative space.
08:33 - 08:35
If you're laying out a lot of copy, justified text
08:36 - 08:37
is preferred for columns of text.
08:39 - 08:41
Novices tend to use center alignments, which can be boring
08:44 - 08:45
in general.
08:46 - 08:49
Line up items along a strong edge on the page.
08:50 - 08:51
Choose one alignment and use it throughout.
08:53 - 08:54
Remember vertical alignment.
08:54 - 09:01
In addition to horizontal alignment, proximity proximity is necessary to
09:01 - 09:05
establish logical relationships between design elements and communicate those relationships
09:06 - 09:12
visually. Group related elements group related items and create visual
09:12 - 09:14
separation between unrelated items.
09:15 - 09:19
Proximity is essential for organizing information and reducing clutter.
09:21 - 09:24
The organization and content of your page should be instantly
09:24 - 09:31
obvious for your viewer repetition by repeating certain visual elements
09:32 - 09:33
of the design throughout your piece.
09:35 - 09:39
You not only create consistency and improve organization, but you
09:39 - 09:45
strengthen the unity repeat type styles, colors, shapes, textures, spatial
09:45 - 09:49
relationships, line thickness, sizes, etcetera.
09:50 - 09:52
You don't wanna overdo it, though, because too much of
09:52 - 09:53
anything becomes obnoxious.
09:55 - 09:56
What elements enhance repetition?
09:57 - 10:02
Color graphics, icons, backgrounds, typefaces and sizes.
10:03 - 10:07
Placement. An image treatment contrast.
10:09 - 10:10
Contrast is the key to a dynamic design.
10:11 - 10:15
It creates visual interest and enhances the organization and hierarchy
10:16 - 10:16
of your content.
10:18 - 10:21
contrast involves making two or more elements very different.
10:21 - 10:22
Heading and text.
10:24 - 10:29
Um, different aspects of your design maximize the contrast, go
10:29 - 10:30
big or go home, so to speak.
10:31 - 10:34
At the same time, you want to use contrast selectively.
10:35 - 10:38
You want to enhance your contrast content, but not arbitrarily
10:42 - 10:44
typography. What is typography?
10:46 - 10:48
It's the science and art of communicating through type.
10:49 - 10:52
It's part science because there are rules about how to
10:52 - 10:54
format and handle type to enhance readability.
10:55 - 10:58
It's part art because the type is a powerful communicator
10:58 - 11:01
of mood and meeting every font has a mood and
11:02 - 11:09
personality. Some general typographical rules to follow use punctuation properly.
11:11 - 11:14
Only one space after a period use the proper dash.
11:15 - 11:17
There are three smart quotes, et cetera.
11:18 - 11:21
Avoid widows, which are words with less than seven characters
11:22 - 11:24
in the last line of a paragraph, and orphans, which
11:25 - 11:27
is the sentence airline by itself at the top of
11:27 - 11:27
a column.
11:29 - 11:31
When mixing type, avoid using more than three fonts on
11:32 - 11:32
a page.
11:33 - 11:37
For good contrast, use a different font for headlines and
11:37 - 11:39
body type, and don't use ones that are similar.
11:40 - 11:43
Use the sand Sarah Farm for the headline and a
11:43 - 11:43
Sarah for the body type.
11:45 - 11:46
Use proper spacing.
11:47 - 11:49
Watch your letting, which is the space between lines and
11:50 - 11:52
tracking, which is the space between letters and words.
11:55 - 11:57
Use punctuate up that slides in there twice.
11:57 - 11:58
Sorry about that.
11:59 - 12:00
Make sure your type is legible.
12:01 - 12:03
Easy to distinguish the individual letters.
12:04 - 12:06
Make sure type has good readability.
12:07 - 12:09
Easy for the reader to scan over paragraphs of type
12:10 - 12:11
guidelines. For good readability.
12:12 - 12:15
Avoid all caps and never, ever use all caps with
12:15 - 12:16
a script font.
12:17 - 12:18
Use a reasonable point size.
12:19 - 12:21
Reasonable will vary with the purpose.
12:23 - 12:25
Don't use a line length that is too short or
12:25 - 12:25
too long.
12:27 - 12:28
Create even word and letter spacing.
12:30 - 12:32
Think about your background, including the type of paper.
12:34 - 12:38
Provide ample letting, but not too much, letting select the
12:38 - 12:42
most readable alignment for this situation and choose typefaces.
12:43 - 12:47
Clearly. Lastly, proof read.
12:47 - 12:49
You cannot over proof read.
12:50 - 12:51
Get someone else to proof.
12:51 - 12:52
Read it for you.
12:52 - 12:54
Walk away from it and then go back to it.
12:55 - 12:56
Use spell.
12:56 - 12:59
Check half of the errors I see.
12:59 - 13:02
An assignments could have been resolved by using spell shock.
13:03 - 13:06
Finally, once you learn all the rules and understand them,
13:07 - 13:09
one of the golden rules of graphic design is that
13:09 - 13:12
it's okay to break the rules sometimes, but you have
13:13 - 13:15
to know the rules before you can break the rules.
See full transcript