Objec&ve102.0115%Explaindesignconceptsusedtocreatedigitalgraphics.

Part 1: Elements of Design q  Colorq  Lineq  Shapeq  Texture

Color q  Helpsiden&fyobjectsinadesign.q  Createsvisualflowinadesign.q  Communicatesfeelingsandmoodstotheaudience

orviewer.q  Consistsofhue,satura&on,andbrightness.q  WatchthisvideoonColorTheoryBasics

Color q  Par&cularcolorsinadesigncancommunicate

certainmoodsandfeelingstotheaudience

RED - excitement, anger, danger, love

BLUE - calm, sadness, serenity

YELLOW - cowardice, sympathy cheerfulness

ORANGE - liveliness, energy warmth

PURPLE - royalty, dignity mystery

BLACK - mourning, despair sophistication

WHITE - innocence, purity, faith

GREEN - envy, luck, peacefulness

Color Scheme q  Thepurposefulselec&onofcolorsforuseindesign.q  Setsamood,aLractsaLen&on,ormakesa

statement.q  Colorcanbeyourmostpowerfuldesignelementif

youlearntouseiteffec&vely.q  Colorschemesusuallyarelimitedto2or3colors.

Complementary Colors q  Colorsacrossfromeachotheronthecolorwheel

workwelltogetherwhenusedinadesign

Example : Purple and Green

Hue q  Thenamegiventoacolor

☐  Withinapar&cularhue,avarietyofindividualcolorscanbecreatedbychangingsatura&onandbrightness

SelectHueoncolorbarusingsliders.

Saturation q  Theamountofhueusedinapar&cularcolor.

☐  Example:PURPLE

Less saturated with the purple hue. More saturated with the purple hue.

Brightness q  Howlightordarkacolorappears;addingblackor

whitechangesacolor’sbrightness.☐  Example:GREEN

Bright Green (white added to a green hue). Dark Green (black added to green hue).

Lines q  Givedirec&ontoadesign.q  Createmovementinadesign.q  Thicklinesshowimportance,thinlinesdemonstrate

quickmovement.

Lines

VERTICALLINES-carryeyeupanddown-conveyafeelingofaweorchallengeDIAGONALLINES-slanted-addinteresttoadesign

HORIZONTALLINES-carryeyele^andright-conveyafeelingofcalm

orpeacefulnessCURVEDLINES-gentlybent-giveaso^,relaxedfeeltoadesign

Shape q  Theformofanobject.q  Whenlinesencloseaspace.q  Canbeusedtohelpiden&fyobjects:

☐  Example:circle=sun,oval=eggq  Threebasicshapetypes:

Texture q  Combina&onofdots,lines,andcolorsusedcreate

theillusionofasurfaceappearance.q  Addsdepthanddimensiontoadesign.

Part 2: Principles of Design q  Propor&onq  Balanceq  Rhythmq  Emphasisq  Unity/Harmony

Proportion q  Asizerela&onshipbetweencomponentsofa

design.q  Propor&oncanbe:

☐  Betweenonecomponentofadesignandanothercomponent.OR

☐  Betweenacomponentandthedesignasawhole.

q  Goodpropor&onaddsharmony,symmetry,orbalanceamongthepartsofadesign.

Balance q  Howdesignelementsarearrangedeither

horizontallyorver&callyonthecanvas.

q  FORMALBALANCE☐  Alsoknownas

symmetricalbalance☐  Designisexactly

equalonbothsides

q  INFORMALBALANCE☐  Alsoknownas

asymmetricalbalance☐  Bothsidesofthe

designarenotequal,butares&llbalanced

Symmetrical Balance

HorizontalSymmetry

ApproximateHorizontalSymmetry

RadialSymmetry

Asymmetrical Balance

Rhythm q  Crea&ngthefeelingofmovementinadesign.

☐  Generatedthroughtherepe&&onoflines,colors,shapes,andtextures.

Emphasis q  Centerofinterestinadesign.q  Componentofthedesignthat

isno&cedfirstbytheaudience.

q  Createsvisualfloworhierarchywhichcarriestheviewer’seyethroughthedesign.

q  Usedifferencesinsize,color,andtype.

Unity/Harmony q  Whenallcomponentsofadesignlookasifthey

belongtogether.AchievedwhentheElementsandPrinciplesofDesignareusedeffec&vely.

q  Alignmento^enimpactsunity/harmony.☐  Arrangingdesigncomponentsinanorganized

andvisuallyappealingmanner.q  WhiteSpace

☐  Theabsenceoftextorgraphicsinadesign;visualbreathingroomfortheeye;helpsavoidover-crowdingandcreatesnaturalflow.

Part 3 Digital Graphics q  Anyimageordesigncreatedoreditedbya

computer.☐  Drawings☐  Logos☐  Photos☐  Adver&sing☐  BuLons☐  Icons☐  Diagrams☐  Charts

Digital Graphics q  BitmapGraphics

☐  Usesquarepixelsarrangedinagridthathaveassignedcolors.

☐  Loseclaritywhenviewedupcloseorzoomedin.

☐  AlsoreferredtoasRasterGraphics.

q  VectorGraphics☐  Usemathema&cal

formulastodefinelines,points,curves,andotheraLributes.

☐  Donotloseclaritywhenviewedupcloseorzoomedin.

☐  Besttypeofgraphicforprin&nginlargescale.

Resolution q  DescribestheclarityofBitmapGraphics.q  DeterminedanddefinedbythenumberofPixels

PerInch(PPI).

q  LOWRESOLUTION☐  Blurryin

appearance☐  Rela&vely

smallfilesize

q  HIGHRESOLUTION☐  Veryclearin

appearance☐  Rela&velylargefile

size

Color Modes of Digital Graphics q  Black&White-usesonlytrueblackandtruewhite.q  Grayscale-usestrueblack,truewhite,andall

shadesofgrayinbetween.q  TrueColor-allpossiblecolorcombina&ons.q  RGB(Red,Green,Blue)-op&mizedforviewingona

screen.q  CMYK(Cyan,Yellow,Magenta,Black)-op&mizedfor

prin&ngpurposes.

Color Depth q  Thenumberofdis&nctcolorsagraphiciscapableof

displaying.q  Relatedtocolormode:

☐  Black&White☐  IndexedColor(256colors)☐  TrueColor(16.7millioncolors)

Color Terms q  ColorProfile

☐  Apre-determinedsubsetofspecificcolorsassignedtoanimage;presetfordeviceslikescanners,digitalcameras,monitors,andprinterssothatthecolorofanimageremainstruefromsourcetodes&na&on.

q  ColorGamut☐  Therangeofcolorsthatisdefinedbythecolor

profile;whenworkingwithinagivencolorprofile,colorchoicesareselectedfromthegamut.

Color Terms q  ColorLibraries

☐  Colorsystemmanufacturerscreatestandardizedcolorsforcommunica&ngcolorinforma&onacrossappsandprocesses,i.e.Pantone.

q  Dithering☐  Ifapar&cularoutputdevice(monitor,webpage,

etc.)cannotdisplaycolorswithintheassignedcolorprofile,aprocesscalledditheringpeppersinpixelsofsimilarcolorstoreplacethecolorsthatcannotbedisplayed.