Basic Design Principles - Washington State University · CAHNRS COMMUNICATIONS Basic Design Principles Good Design ... Texture can be rough, smooth, soft hard, etc. COLOR – Color

Basic Design PrinciplesCAHNRS Office Hours | May 18, 2016

CAHNRS COMMUNICATIONS Basic Design Principles

Overview

Today we’ll...

● Discuss 4 basic design principles

● See examples of each principle

● Look at WSU’s branding standards


Sources

The Non-Designer’s Design BookBy, Robin Williams

6 Principles of DesignBy, j6 Design

http://www.amazon.com/Non-Designers-Design-Book-4th/dp/0133966151

http://www.amazon.com/Non-Designers-Design-Book-4th/dp/0133966151

http://www.j6design.com.au/6-principles-of-design/

http://www.j6design.com.au/6-principles-of-design/


Good Design

Image from The non-designer's design book by Robin Williams, page 12

http://holliscatalog.harvard.edu/?itemid=%7Clibrary/m/aleph%7C011557261


Remember “C.R.A.P.”

ContrastRepetitionAlignmentProximity


Elements of Design

● LINES – Connecting ‘A’ to ‘B’ points

● SHAPE – Geometric shapes create positive and negative space

● DIRECTION – All lines have direction (horizontal, vertical, or oblique).

○ Horizontal suggests calmness, stability and tranquillity.

○ Vertical gives a feeling of balance, formality and alertness.

○ Oblique suggests movement and action

● SIZE – Size is the relationship of one shape to another.

● TEXTURE – Texture can be rough, smooth, soft hard, etc.

● COLOR – Color has three main characteristics: hue or its name (red, green, blue, etc.), value (how light or dark it is), and intensity (how bright or dull it is).


AlignmentDesign Principle

Alignment best practices● Everything should have a visual

connection with something else

● Choose a hard line and stick with it throughout all materials

● Typically, left, right, or center alignment



Washington State UniversityCAHNRS Communications555 Hulbert HallP.O. Box 555555Pullman, WA 99164-6242Phone: 509-335-5555Email: cahnrs.wsu.edu

Washington State UniversityCAHNRS Communications

555 Hulbert HallP.O. Box 555555

Pullman, WA 99164-6242Phone: 509-335-5555Email: cahnrs.wsu.edu

Washington State UniversityCAHNRS Communications

555 Hulbert HallP.O. Box 555555

Pullman, WA 99164-6242Phone: 509-335-5555

Email: cahnrs.wsu.edu

Email: cahnrs.wsu.edu

Washington State University555 Hulbert Hall, P.O. Box 555555Pullman, WA 99164-6242

Phone: 509-335-5555



Image from http://www.abrightideaonline.com/news/top-10-graphic-design-terms-even-non-designerscreatives-should-know/


ContrastDesign Principle

Ways to create contrast through different elements

● Color: Changes in hue, value, and intensity

● Tone/Value: Darker or lighter shades of color

● Size/Shape: Size of text, images, and objects





Ways to create contrast through elements

● Color: Changes in hue, value, and intensity

● Tone/Value: Darker or lighter shades of color

● Size/Shape: Size of text, images, objects

● Direction


ProximityGrouping like items together


ProximityDesign Principle

How do things relate to each other?

Can text, images, or shapes be moved together to make more sense on the page?

CAHNRS Communications presentsJune’s Virtual Office HoursWednesday, June 15, 201610:00 a.m. - 11:00 a.m.Click here to register

CAHNRS Communications presents

June’s Virtual Office Hours

Wednesday, June 15, 201610:00 a.m. - 11:00 a.m.

Click here to register


ProximityDesign Principle


RepetitionDesign Principle

Repeat visual elements of the design throughout the design.

For example:

● Use the same heading hierarchy and font throughout

● Use the same alignment throughout the project

● Use the same colors

● Use the same logos or images

● BRANDING!







REPETITION – Repeat visual elements of the design throughout the piece.

For example:

● Using the same heading hierarchy throughout

● Using the same alignment throughout the project

● Using the same colors

● Using the same logos or images

● BRANDING!


WSU BrandingColor Palette Specs

http://brand.wsu.edu




It’s all about C.R.A.P.







CAHNRS COMMUNICATIONS Basic Design PrinciplesWinner 2014 Innovation by Design - Graphic Design Awards

http://www.fastcodesign.com/3037085/innovation-by-design/announcing-the-winners-of-the-2014-innovation-by-design-awards

http://www.fastcodesign.com/3037085/innovation-by-design/announcing-the-winners-of-the-2014-innovation-by-design-awards


● Make sure you are staying within WSU branding standards on WSU-related projects

● Ask for feedback from others

● You can break rules, if done deliberately with good reason

● Need inspiration? Search google images for ideas, but be mindful of copyright infringement

Final Thoughts

CAHNRS COMMUNICATIONS

Questions?

Decluttering Your Website

?

Basic Design Principles - Washington State University · CAHNRS COMMUNICATIONS Basic Design Principles Good Design ... Texture can be rough, smooth, soft hard, etc. COLOR – Color

Documents