26
Principles of Organiza1on Claudia Jacques de Moraes Cardoso 2D Design – Art 112

Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

  • Upload
    others

  • View
    7

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

PrinciplesofOrganiza1on

ClaudiaJacquesdeMoraesCardoso2DDesign–Art112

Page 2: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

StructureofArtin2DDesign§  Components of Art - Analyzed by the Degree of Representation

§  Subject Matter§  Content§  Context§  Form

§  Elements of Design§  Line§  Shape & Space§  Value§  Texture§  Color§  (Type)

§  Principles of Organization§  Balance§  Emphasis & Focal Point§  Rhythm§  Scale & Proportion§  Unity

Page 3: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

PrinciplesofOrganiza1on

Ocvirk,S1nson,Wigg,Bone&Cayton

▪ BALANCE▪ MOVEMENT▪ VARIETY▪ HARMONY▪ DOMINANCE▪ PROPORTION▪  ECONOMY

MaryStewart▪ BALANCE▪ RHYTHM▪ UNITY&VARIETY▪  EMPHASIS▪  SCALE&PROPORTION

Lauer&Pentak▪ BALANCE▪ RHYTHM▪ UNITY▪  SCALE&PROPORTION▪  EMPHASIS&FOCALPOINT

DifferentArtTheoristsusedifferentnomenclaturetodescribethePrinciplesofOrganizaCon

Page 4: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

PrinciplesofOrganiza1on

OCVIRK,STINSON,WIGG,BONE&CAYTON

▪ BALANCE▪ MOVEMENT▪ VARIETY▪ HARMONY▪ DOMINANCE▪ PROPORTION▪  ECONOMY

MARYSTEWART▪ BALANCE▪ RHYTHM▪ UNITY&VARIETY▪  EMPHASIS▪  SCALE&PROPORTION

LAUER&PENTAK▪ BALANCE▪ RHYTHM▪ UNITY▪  EMPHASIS&FOCALPOINT

▪  SCALE&PROPORTION

Despitethenomenclaturedifferences,intheendtheydescribethesamekindofrules.InthiscoursewewillbefollowingDesignBasics,Lauer&Pentak

Page 5: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

PrinciplesofOrganiza1on

▪ UNITY▪  EMPHASIS&FOCALPOINT▪  SCALE&PROPORTION▪ BALANCE▪ RHYTHM

Page 6: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

UnityPrinciplesofOrganiza1on

Page 7: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

•  Harmony•  VisualUnity•  Gestalt•  Proximity•  RepeCCon•  ConCnuaCon

•  Grid•  VariedRepeCCon•  EmphasisonUnity•  EmphasisonVariety•  Chaos&Control•  FiguraCon&NonobjecCve

DesignBasicsApproachtoUnity

Page 8: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

Unity

hYp://vi.sualize.us/gestalt_ley_de_portrait_cerramiento_elementos_dinamicos_picture_smHN.html

Page 9: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

Unity=Harmony

VisuallyrelatesvariouspartsofthecomposiConbygivingthemallsomecommonelements:color,texture,value,etc.

ExcessHarmonycancreatethefeelingofboredomandmonotonythatiswhyweneedVariety.

Intherightamount,HarmonyisanecessaryingredientofUnity.

PrinciplesofOrganiza1on

Page 10: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

Unitycreatesanintegratedimageinwhichalltheelementsareworkingtogethertosupportthedesignasawhole.Aunifieddesignisgreaterthanthesumofitsparts;thedesignisseenasawholefirst,beforetheindividualelementsareno1ced.Unitycanbecomparedtoharmony,integrityorwholeness.

PrinciplesofOrganiza1on

hYp://nwrain.net/~tersiisky/design/unity.html

Page 11: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

CRAPinUnity

• ConCnuaCon• RepeCCon•  Alignment

•  Proximity

Unity

CRAP• Contrast• RepeCCon• Alignment• Proximity

Page 12: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

ConCnuaConmeansthatsomething(aline,anedge,acurve,adirecCon)conCnuesfromoneelementtoanother.

Theviewer’seyewillfollowtheconCnuinglineoredgesmoothlyfromoneelementtootherandthemindwillgrouptheelementsbecauseofthisconnecCon.ImpliedlinesareoneexampleofconCnuaCon.

CRAP-U

hYp://nwrain.net/~tersiisky/design/unity.html

Page 13: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

RepeCConisbasedongroupingbysimilarity;elementsthataresimilarvisuallyareperceivedtoberelated.

Anyelementcanberepeated-line,shape,color,valueortexture-aswellotherthingssuchasdirecCon,angleorsize.

RepeCConhelpsunifyadesignbycreaCngsimilarelementsandisoneofthemosteffecCvewaystounifyadesign.

CRAP-U

hYp://nwrain.net/~tersiisky/design/unity.html

Page 14: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

Alignmentconsistsofarrangingelementssothattheiredgesarelinedup.

Thecommonalignmentallowstheeyetogroupthoseelementstogether.

Agridisocenusedtocreateunitythroughalignment,notjustinasingledesignbutalsobetweenrelateddesigns(thepagesofamagazineorbook,forexample).

CRAP-U

hYp://nwrain.net/~tersiisky/design/unity.html

Page 15: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

Proximity,isbasedongroupingbycloseness;thecloserelementsaretoeachother,themorelikelywewillseethemasagroup.

Proximityisoneoftheeasiestwaystoachieveunity.

CRAP-U

hYp://nwrain.net/~tersiisky/design/unity.html

Page 16: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

NothingiscompeCngforaYenConinthecomposiCon.

Themessageiseasilyunderstandable.

Theartworklookscompleteandorganized.

WhenUnityisAchieved...

GildeMontes@hYps://www.youtube.com/watch?v=xt3IGCCXJcI

Page 17: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

UnityisbasedontheGestalttheoryofvisualpercep1on,whichstatesthattheeyeoftheviewerseeksagestaltorunifiedwhole.Thismeansthattheviewerisactuallylookingforaconnec1onbetweentheelements,forsomesortoforganiza1on,forunityinthedesign.

PrinciplesofOrganiza1on

hYp://nwrain.net/~tersiisky/design/unity.html

Page 18: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

•  Psychologytermwhichmeans”shape”or“form”.

•  Theoryofvisualpercep1ondevelopedbyGermanpsychologistsMaxWertheimer,KurtKomaandWolfgangKohlerinthe1920s.

•  Describehowpeopletendtoorganizevisualelementsintogroupsorunifiedwholesundercertainprinciplesorlaws:

Unity&Gestalt

Page 19: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

Agestaltiscreatedbecausethemindsimplifiesandorganizesinforma1on.Itdoesthisbygroupingelementstogethertocreatenewwholes.Understandinghowthemindgroupselementshelpsusunderstandhowunitycanbeachieved.

Unity&Gestalt

hYp://nwrain.net/~tersiisky/design/unity.html

Page 20: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

Closure–VisualGroupingexplainswhyincompletefiguresareperceivedascompleteorwhole.CommonFatedescribeshowobjectsmovingtogetherareperceivedasbelongingtogether.

GestaltLaws

Page 21: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

ConCnuitystatesthatobjectsalignedalongalineorcurveareperceivedasbelongingtogether,andwewillperceivethesimplest,smoothpath,ratherthanacomplexpath.Figure/GroundreferstotherelaConshipbetweenposiCveelementsandnegaCvespace.Theideaisthattheeyewillseparatewholefiguresfromtheirbackgroundinordertounderstandwhat’sbeingseen.It’soneofthefirstthingspeoplewilldowhenlookingatanycomposiCon.

GestaltLaws

Page 22: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

PragnanzdescribeshowweorganizeourpercepConsintothesimplestpossibleexperience.AlsosomeCmescalledtheLawofGoodFigure,ortheLawofSimplicity.ProximitystatesthatobjectsnearoneanotherinspaceorCmeareperceivedasbeingagroup,andbelongingtogether.

GestaltLaws

Page 23: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

SimilaritystatesthatobjectswithsimilarcharacterisCcs,suchasform,color,size,andbrightness,areperceivedasbelongingtogether.Symmetryexplainsourtendencytoperceivesymmetricobjectsasfiguresonabackground.

GestaltLaws

Page 24: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

hYp://www.youtube.com/watch?v=LlzuJqZ797U&list=PLS0vVQ7B3Oz5OANszM1CDXnMJzxBkn0Vx

Lynda.com,InteracConDesignFundamentalswithDavidHogue

MoreonGestalt

Page 25: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

Overview:Unity

•  Harmony•  VisualUnity•  “CRAP-U”•  ConCnuaCon•  RepeCCon•  Alignment•  Proximity•  Gestalt

Page 26: Principles of Organizaon - SUNYWCC 2D DESIGNsunywcc2ddesign.com/2d/principles_unity.pdfare working together to support the design as a whole. A unified design is greater than the

StructureofArtin2DDesign§  Components of Art - Analyzed by the Degree of Representation

§  Subject Matter§  Content§  Context§  Form

§  Elements of Design§  Line§  Shape & Space§  Value§  Texture§  Color§  (Type)

§  Principles of Organization§  Balance§  Emphasis & Focal Point§  Rhythm§  Scale & Proportion§  Unity