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.