design basics

36
Design Basics From the Small Business Growth Strategies Series Presented by

Upload: acuity-scheduling

Post on 09-Dec-2014

290 views

Category:

Technology


1 download

DESCRIPTION

This is the 9th installment of the Small Business Growth Strategies series presented by Acuity Scheduling, an online scheduling platform that helps thousands of small businesses save time and money.

TRANSCRIPT

Page 1: Design Basics

Design Basics

From the Small Business Growth Strategies Series

Presented by

Page 2: Design Basics

“Everything is design. Everything!”

- Paul Rand

Page 3: Design Basics

Design can be the difference between a thriving and

failing business.

Page 4: Design Basics

Questions to Ask

Page 5: Design Basics

Who are we speaking to?

Page 6: Design Basics

What are we trying to communicate?

Page 7: Design Basics

How do we want our audience to experience what we’re

presenting?

Page 8: Design Basics

Elements of Design

Page 9: Design Basics

Balance

In design, balance refers to the equal distribution of visual weight. Proper balance results in an aesthetically pleasing design.

Page 10: Design Basics

Symmetrical Balance

!

Page 11: Design Basics

Asymmetrical Balance

!

Page 12: Design Basics

Rule of Thirds

With two pairs of imaginary lines, the rule of thirds divides pages into thirds vertically and horizontally, resulting in three rows, three columns, nine sections and four

intersections.

Page 13: Design Basics

Rule of Thirds

The most important elements of a photograph or image should placed near

one or more of the four intersections highlighted below.

Page 14: Design Basics

Rule of Thirds

!

Page 15: Design Basics

Visual Center of a Page

The center of a page and the visual center of a page are not the same thing. The visual center of a page happens to be slightly above and to the

right of the actual center of the page.

Page 16: Design Basics

Visual Center of a Page

!

Page 17: Design Basics

White Space

Also referred to as negative space, white space is the portion of a page that is left

unmarked. White space is actually a bit of a misnomer since the space does not

necessarily need to be white.

Page 18: Design Basics

White Space

White space can be used for a variety of reasons. It can be used to create a more elegant design, remove clutter or focus

attention on a specific spot.

Page 19: Design Basics

Google Uses White Space

!

Page 20: Design Basics

Contrast

Contrast is the use of different colors, sizes, fonts and other visual elements to demand and

keep attention. Contrast allows designers to create a visual hierarchy of importance.

Page 21: Design Basics

Color Contrast

Color is not only the most popular way to demonstrate contrast, but arguably the most

powerful. The three most common ways to use colors together are in a complementary,

analogous or triad fashion.

Page 22: Design Basics

Complementary Colors

Opposite each other on the color wheel and create the strongest contrast. When mixed

together in the right proportions, they produce either black or white. Blue and yellow, for

example, are complementary colors

Page 23: Design Basics

Analogous Colors

Adjacent each other on the color wheel. Warm colors could be used next to other warm

colors, or cool colors next to other cool colors. For example, red, orange and yellow are

analogous colors.

Page 24: Design Basics

Triad Colors

Equally spaced apart on the color wheel and can be used together to create a theme.

!

Page 25: Design Basics

Designers for Hire

Page 26: Design Basics

99 Designs

List what you need and how much you’re willing to pay and let designers compete for

your business.

Page 27: Design Basics

Fiverr

Find a broad range of services, including design services, starting at $5 and pay a

freelancer for what you need.

Page 28: Design Basics

Design Software

Page 29: Design Basics

Photoshop The most popular image editing software in existence. Manipulate images in a variety of

ways, from simple formatting options to balancing colors and tones.

Biggest downside: it’s expensive

Page 30: Design Basics

GIMP Open-source piece of image editing software.

Stands for the GNU Image Manipulation Program. In recent years many experts have said

there’s no longer much of a downside to the Photoshop alternative.

Biggest upside: it’s free

Page 31: Design Basics

Design-Friendly Website Builders

Page 32: Design Basics
Page 33: Design Basics
Page 34: Design Basics

  Like Paul Rand said, design is everything, and it’s everywhere. We encourage you to look for

the design elements we covered in everyday life, use what works best for your business and play around with some of the tools we mentioned.

Conclusion

Page 35: Design Basics

“We  hope  you  found  this  informa2on  useful.  If  there  are  any  other  topics  

you’d  like  to  see  us  cover,  please  let  us  know.  And  if  taking  this  approach  helps  your  small  business  succeed,  we’d  love  to  hear  about  it.  You  can  reach  us  at  [email protected]!” Acuity Scheduling

@AcuitySchedulin

Page 36: Design Basics

Acuity Scheduling is an online scheduling platform that saves thousands of small businesses time by allowing their customers to book appointments online, on their own time,

at any time, from anywhere in the world. For more information about services and pricing, visit

AcuityScheduling.com.

About Acuity Scheduling