WIXLIB

Basic Design PrinciplesCAHNRS Office Hours May 18, 2016

OverviewToday we’ll. Discuss 4 basic design principles See examples of each principle Look at WSU’s branding standardsCAHNRS COMMUNICATIONSBasic Design Principles

SourcesThe Non-Designer’s Design BookBy, Robin Williams6 Principles of DesignBy, j6 DesignCAHNRS COMMUNICATIONSBasic Design Principles

Good DesignCAHNRS COMMUNICATIONSBasic Design PrinciplesImage from The non-designer's design book by Robin Williams, page 12

Remember CAHNRS COMMUNICATIONSBasic Design Principles

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 actionone shape to SIZE – Size is the relationship of 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).CAHNRS COMMUNICATIONSanother.Basic Design Principles

AlignmentDesign PrincipleAlignment best practices Everything should have a visualconnection with something else Choose a hard line and stickwith it throughout all materials Typically, left, right, or centeralignmentCAHNRS COMMUNICATIONSBasic Design Principles

AlignmentDesign PrincipleEmail: cahnrs.wsu.eduWashington State University555 Hulbert Hall, P.O. Box 555555Pullman, WA 99164-6242Phone: 509-335-5555Washington State UniversityCAHNRS Communications555 Hulbert HallP.O. Box 555555Pullman, WA 99164-6242Phone: 509-335-5555Email: cahnrs.wsu.eduCAHNRS COMMUNICATIONSWashington State UniversityCAHNRS Communications555 Hulbert HallP.O. Box 555555Pullman, WA 99164-6242Phone: 509-335-5555Email: cahnrs.wsu.eduWashington State UniversityCAHNRS Communications555 Hulbert HallP.O. Box 555555Pullman, WA 99164-6242Phone: 509-335-5555Email: cahnrs.wsu.eduBasic Design Principles

AlignmentDesign PrincipleCAHNRS COMMUNICATIONSImage from -know/Basic Design Principles

ContrastDesign PrincipleWays to create contrast through different elements Color: Changes in hue, value, and intensity Tone/Value: Darker or lighter shades of color Size/Shape: Size ofCAHNRS COMMUNICATIONStext, images, and objectsBasic Design Principles

ContrastDesign PrincipleCAHNRS COMMUNICATIONSBasic Design Principles

ContrastDesign PrincipleWays 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 DirectionCAHNRS COMMUNICATIONSBasic Design Principles

ProximityGrouping like items togetherCAHNRS COMMUNICATIONSBasic Design Principles

ProximityDesign PrincipleHow do things relate to each other?Can text, images, or shapes be moved together tomake 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 registerCAHNRS Communications presentsJune’s Virtual Office HoursWednesday, June 15, 201610:00 a.m. - 11:00 a.m.Click here to registerCAHNRS COMMUNICATIONSBasic Design Principles

ProximityDesign PrincipleCAHNRS COMMUNICATIONSBasic Design Principles

RepetitionDesign PrincipleRepeat 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!CAHNRS COMMUNICATIONSBasic Design Principles

RepetitionDesign PrincipleCAHNRS COMMUNICATIONSBasic Design Principles

RepetitionDesign PrincipleCAHNRS COMMUNICATIONSBasic Design Principles

RepetitionDesign PrincipleREPETITION – Repeat visual elements of the design throughoutthe 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!CAHNRS COMMUNICATIONSBasic Design Principles

WSU BrandingColor Palette Specshttp://brand.wsu.eduCAHNRS COMMUNICATIONSBasic Design Principles

It’s all about C.R.A.P.ContrastRepetitionAlignmentProximityCAHNRS COMMUNICATIONSBasic Design Principles

It’s all about C.R.A.P.ContrastRepetitionAlignmentProximityCAHNRS COMMUNICATIONSBasic Design Principles

It’s all about C.R.A.P.CAHNRS COMMUNICATIONSBasic Design Principles

CAHNRS COMMUNICATIONSWinner 2014 Innovation by Design - Graphic Design AwardsBasic Design Principles

Final Thoughts Make sure you are staying within WSUbranding standards on WSU-related projects Ask for feedback from others You can break rules, if done deliberately withgood reason Need inspiration? Search google images forideas, but be mindful of copyright infringementCAHNRS COMMUNICATIONSBasic Design Principles

Questions?CAHNRS COMMUNICATIONS?Decluttering Your Website

Winner 2014 Innovation by Design - Graphic Design Awards. CAHNRS COMMUNICATIONS Basic Design Principles Make sure you are staying within WSU branding standards on WSU-related projec