Objecve 102.01 15% - Digital Media...
Transcript of Objecve 102.01 15% - Digital Media...
![Page 1: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/1.jpg)
Objec&ve102.0115%Explaindesignconceptsusedtocreatedigitalgraphics.
![Page 2: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/2.jpg)
Part 1: Elements of Design q Colorq Lineq Shapeq Texture
![Page 3: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/3.jpg)
Color q Helpsiden&fyobjectsinadesign.q Createsvisualflowinadesign.q Communicatesfeelingsandmoodstotheaudience
orviewer.q Consistsofhue,satura&on,andbrightness.q WatchthisvideoonColorTheoryBasics
![Page 4: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/4.jpg)
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
![Page 5: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/5.jpg)
Color Scheme q Thepurposefulselec&onofcolorsforuseindesign.q Setsamood,aLractsaLen&on,ormakesa
statement.q Colorcanbeyourmostpowerfuldesignelementif
youlearntouseiteffec&vely.q Colorschemesusuallyarelimitedto2or3colors.
![Page 6: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/6.jpg)
Complementary Colors q Colorsacrossfromeachotheronthecolorwheel
workwelltogetherwhenusedinadesign
Example : Purple and Green
![Page 7: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/7.jpg)
Hue q Thenamegiventoacolor
☐ Withinapar&cularhue,avarietyofindividualcolorscanbecreatedbychangingsatura&onandbrightness
SelectHueoncolorbarusingsliders.
![Page 8: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/8.jpg)
Saturation q Theamountofhueusedinapar&cularcolor.
☐ Example:PURPLE
Less saturated with the purple hue. More saturated with the purple hue.
![Page 9: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/9.jpg)
Brightness q Howlightordarkacolorappears;addingblackor
whitechangesacolor’sbrightness.☐ Example:GREEN
Bright Green (white added to a green hue). Dark Green (black added to green hue).
![Page 10: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/10.jpg)
Lines q Givedirec&ontoadesign.q Createmovementinadesign.q Thicklinesshowimportance,thinlinesdemonstrate
quickmovement.
![Page 11: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/11.jpg)
Lines
VERTICALLINES-carryeyeupanddown-conveyafeelingofaweorchallengeDIAGONALLINES-slanted-addinteresttoadesign
HORIZONTALLINES-carryeyele^andright-conveyafeelingofcalm
orpeacefulnessCURVEDLINES-gentlybent-giveaso^,relaxedfeeltoadesign
![Page 12: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/12.jpg)
Shape q Theformofanobject.q Whenlinesencloseaspace.q Canbeusedtohelpiden&fyobjects:
☐ Example:circle=sun,oval=eggq Threebasicshapetypes:
![Page 13: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/13.jpg)
Texture q Combina&onofdots,lines,andcolorsusedcreate
theillusionofasurfaceappearance.q Addsdepthanddimensiontoadesign.
![Page 14: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/14.jpg)
Part 2: Principles of Design q Propor&onq Balanceq Rhythmq Emphasisq Unity/Harmony
![Page 15: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/15.jpg)
Proportion q Asizerela&onshipbetweencomponentsofa
design.q Propor&oncanbe:
☐ Betweenonecomponentofadesignandanothercomponent.OR
☐ Betweenacomponentandthedesignasawhole.
q Goodpropor&onaddsharmony,symmetry,orbalanceamongthepartsofadesign.
![Page 16: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/16.jpg)
Balance q Howdesignelementsarearrangedeither
horizontallyorver&callyonthecanvas.
q FORMALBALANCE☐ Alsoknownas
symmetricalbalance☐ Designisexactly
equalonbothsides
q INFORMALBALANCE☐ Alsoknownas
asymmetricalbalance☐ Bothsidesofthe
designarenotequal,butares&llbalanced
![Page 17: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/17.jpg)
Symmetrical Balance
HorizontalSymmetry
ApproximateHorizontalSymmetry
RadialSymmetry
![Page 18: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/18.jpg)
Asymmetrical Balance
![Page 19: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/19.jpg)
Rhythm q Crea&ngthefeelingofmovementinadesign.
☐ Generatedthroughtherepe&&onoflines,colors,shapes,andtextures.
![Page 20: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/20.jpg)
Emphasis q Centerofinterestinadesign.q Componentofthedesignthat
isno&cedfirstbytheaudience.
q Createsvisualfloworhierarchywhichcarriestheviewer’seyethroughthedesign.
q Usedifferencesinsize,color,andtype.
![Page 21: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/21.jpg)
Unity/Harmony q Whenallcomponentsofadesignlookasifthey
belongtogether.AchievedwhentheElementsandPrinciplesofDesignareusedeffec&vely.
q Alignmento^enimpactsunity/harmony.☐ Arrangingdesigncomponentsinanorganized
andvisuallyappealingmanner.q WhiteSpace
☐ Theabsenceoftextorgraphicsinadesign;visualbreathingroomfortheeye;helpsavoidover-crowdingandcreatesnaturalflow.
![Page 22: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/22.jpg)
Part 3 Digital Graphics q Anyimageordesigncreatedoreditedbya
computer.☐ Drawings☐ Logos☐ Photos☐ Adver&sing☐ BuLons☐ Icons☐ Diagrams☐ Charts
![Page 23: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/23.jpg)
Digital Graphics q BitmapGraphics
☐ Usesquarepixelsarrangedinagridthathaveassignedcolors.
☐ Loseclaritywhenviewedupcloseorzoomedin.
☐ AlsoreferredtoasRasterGraphics.
q VectorGraphics☐ Usemathema&cal
formulastodefinelines,points,curves,andotheraLributes.
☐ Donotloseclaritywhenviewedupcloseorzoomedin.
☐ Besttypeofgraphicforprin&nginlargescale.
![Page 24: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/24.jpg)
Resolution q DescribestheclarityofBitmapGraphics.q DeterminedanddefinedbythenumberofPixels
PerInch(PPI).
q LOWRESOLUTION☐ Blurryin
appearance☐ Rela&vely
smallfilesize
q HIGHRESOLUTION☐ Veryclearin
appearance☐ Rela&velylargefile
size
![Page 25: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/25.jpg)
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.
![Page 26: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/26.jpg)
Color Depth q Thenumberofdis&nctcolorsagraphiciscapableof
displaying.q Relatedtocolormode:
☐ Black&White☐ IndexedColor(256colors)☐ TrueColor(16.7millioncolors)
![Page 27: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/27.jpg)
Color Terms q ColorProfile
☐ Apre-determinedsubsetofspecificcolorsassignedtoanimage;presetfordeviceslikescanners,digitalcameras,monitors,andprinterssothatthecolorofanimageremainstruefromsourcetodes&na&on.
q ColorGamut☐ Therangeofcolorsthatisdefinedbythecolor
profile;whenworkingwithinagivencolorprofile,colorchoicesareselectedfromthegamut.
![Page 28: Objecve 102.01 15% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10201pptupdate.pdf · symmetrical balance ☐ Design is exactly equal on both sides q INFORMAL BALANCE](https://reader035.fdocuments.net/reader035/viewer/2022062608/6085406a73285d2e26541395/html5/thumbnails/28.jpg)
Color Terms q ColorLibraries
☐ Colorsystemmanufacturerscreatestandardizedcolorsforcommunica&ngcolorinforma&onacrossappsandprocesses,i.e.Pantone.
q Dithering☐ Ifapar&cularoutputdevice(monitor,webpage,
etc.)cannotdisplaycolorswithintheassignedcolorprofile,aprocesscalledditheringpeppersinpixelsofsimilarcolorstoreplacethecolorsthatcannotbedisplayed.