ELEMENTS AND PRINCIPLES OF DESIGN ELEMENTS OF ART

ELEMENTS AND PRINCIPLES OF DESIGN

ELEMENTS OF ART Basic visual symbols in the language of graphic design. (tools)

Element # 1 LINE A mark drawn with a pointed, moving tool. Line is one-dimensional What are the 5 types of line?

5 TYPES OF LINES Curve Vertical Diagonal Horizontal Zigzag

What types of lines are used in this picture? http: //carbonartwindsurf. com/var/plain_site/storage/images/media/images/flow/1496 -1 -eng-AU/flow. gif

What types of lines are used in this picture? http: //www. fireflowerart. com/Images/yell%20 flower. jpg

What types of lines are used in this picture? http: //www. google. com/imgres? imgurl=http: //pzrservices. typepad. com/. a/6 a 00 d 83451 ccbc 69 e 2010536 dad 1 db 970 b 400 wi&imgrefurl=http: //pzrservices. typepad. com/advertisingisgoodforyou/artinspired_advertising/&usg=__K 8 kbqhvsql 2 i 9 UI 7 g. Il. RY 2 Bx. Z 4 o=&h=396&w=400&sz=47&hl=en&start=81&zoom=1&tbnid=Aw. Yuw. Ti. S 8 O Dkt. M: &tbnh=166&tbnw=168&prev=/images%3 Fq%3 Dline%2 Bdesigns%2 Bin%2 Badvertising%26 hl%3 Den%26 gbv%3 D 2%26 biw%3 D 862%26 bih%3 D 500%26 addh%3 D 104%26 tbs%3 Disch: 1&itbs=1&iact=rc&dur= 180&ei=Wp. B 5 TLPNDomfn. Qeyrf. WXCw&oei=V 5 B 5 TOn 2 Hs. P 68 Aa. Eg. P 3 s. BQ&esq=2&page=13&ndsp=8&ved=1 t: 429, r: 4, s: 81&tx=123&ty=15

DIMENSION What does dimension mean?

DIMENSION Amount of space an object takes up in one direction. We will be discussing 1 -D 2 -D and 3 D Graphics

1 -Dimension One dimension only has length. Length Can you think of anything that has only one direction?

2 -Dimensions The two dimensions are height and width. Height Width http: //www. google. com/imgres? imgurl=http: //farm 5. static. flickr. com/4047/4359467973_fc 7 a 7 bc 56 f_o. png&imgrefurl=http: //www. biggu. com/2010/02/15/shopsavvys-free-qr-codeprogram/&usg=__v. ETf. YYs. LXXRLZu. DWWKp. WKq. Tf. RM=&h=672&w=548&sz=476&hl=en&start=21&zoom=1&tbnid=G 6 llu 4 OUh. Qh 5 j. M: &tbnh=161&tbnw=124&prev=/images%3 Fq%3 D 2%2 Bdimension%2 Bin%2 Badvertising%26 hl%3 Den%26 sa%3 DG%26 biw %3 D 862%26 bih%3 D 500%26 gbv%3 D 2%26 tbs%3 Disch: 10%2 C 1156&itbs=1&iact=hc&vpx=484&vpy=92&dur=228&hovh=249&hovw=203&tx=126&ty=168&ei=z. Zp 5 TJX 0 EKHen. Qf. Oov 2 c. Cw&oei=spp 5 TISf. DIP 48 Aa 0 s. NT 7 BQ&esq=4&page=4&ndsp=8&ved=1 t: 429, r: 2, s: 21&biw=862&bih=500

3 -Dimensions The three dimensions are height, width, and depth. Height De Width pt h

• http: //www. google. com/imgres? imgurl=http: //www. get-3 d. tv/de/get 3 D/images/get 3 D_eine_neue_dimension. jpg&imgrefurl=http: //www. get 3 d. tv/en/index. html&usg=__hl. LJl. Px. SVvot. M 03 Av. I_k. OAHE 580=&h=360&w=640&sz=31&hl=en&start=99&zoom=1&tbnid=b 7 B 3 h. Qgd. VWNESM: &tbnh=160&tbnw=287&prev=/images%3 Fq%3 Ddimension %2 Bin%2 Badvertising%26 hl%3 Den%26 biw%3 D 862%26 bih%3 D 500%26 gbv%3 D 2%26 tbs%3 Disch: 10%2 C 5779&itbs=1&iact=hc&vpx=526&vpy=130&dur=1505&hovh=168&hovw=300&tx=109&ty=74&ei =6 p. F 5 TJHv. Jo. WIn. Qe 1 rv. Wc. Cw&oei=GZF 5 TOq 8 No. T 68 Ab. Ljpn 6 BQ&esq=9&page=16&ndsp=6&ved=1 t: 429, r: 2, s: 99&biw=862&bih=500

Element # 2 SHAPE A 2 D area that is defined in some way.

What in the room is 2 -D? Do you know what the 4 basic shapes are?

There are 4 Basic Shapes that everything is drawn from. circle, square, rectangle, triangle.

Shapes can either be geometric or free-form FREE-FORM SHAPES are Irregular and uneven shapes often found in nature. Their outlines are curved, or angular, or both. • GEOMETRIC SHAPES are precise shapes that can be described using mathematical formulas.

Is this freeform or geometric? http: //patternsofreflection. com/

Is this freeform or geometric? fiveideasthatmatter. com

Is this freeform or geometric? thecoolhunter. net

Element # 3 FORM Objects having 3 dimensions Z X Y

What in the room Is 3 -D?

What in this picture is 3 -D? • http: //www. google. com/imgres? imgurl=http: //louderback. com/wp-content/uploads/2009/01/image. png&imgrefurl=http: //louderback. com/2009/web-videos-powerful-third-dimensiondepth/&usg=__0 Bphn. GCbwch 2 Y 24 Se 2 Fdhhd. NZAQ=&h=307&w=425&sz=85&hl=en&start=74&zoom=1&tbnid=Um. A 33 w 8 K 8 f. Oa. RM: &tbnh=160&tbnw=207&prev=/images%3 Fq%3 Ddimension%2 Bin%2 B advertising%26 hl%3 Den%26 biw%3 D 862%26 bih%3 D 500%26 gbv%3 D 2%26 tbs%3 Disch: 10%2 C 4238&itbs=1&ei=ep. F 5 TIGWFY 74 n. Ae 2 uu. XBAQ&biw=862&bih=500&iact=rc&dur=211&oei=GZF 5 TOq 8 No T 68 Ab. Ljpn 6 BQ&esq=2&page=12&ndsp=6&ved=1 t: 429, r: 2, s: 74&tx=97&ty=105

How would a 3 dimensional object be labeled on a mathematical grid?

http: //www. google. com/imgres? imgurl=http: //goanna. cs. rmit. edu. au/~treynold/web 3 d/images/cylinder. gif& imgrefurl=http: //goanna. cs. rmit. edu. au/~treynold/web 3 d-2010 LALL. html&usg=__VARJD 8 q. MOyq. Skqz. GDy 2 Ygm 0 t 77 o=&h=392&w=452&sz=39&hl=en&start=0&zo om=1&tbnid=q. S 5 Zpy. RB 9 v 4 j. NM: &tbnh=121&tbnw=140&prev=/images%3 Fq%3 Dcylinder%2 Bshape%2 Bin%2 Badvertising%26 hl%3 Den%26 biw%3 D 862%26 bih%3 D 500%26 gbv%3 D 2%26 tbs%3 Disch: 10%2 C 231&itbs=1&iact=hc&vpx=286&vpy=78&dur=3608&hovh=209&hovw=241&tx=148&ty=94&ei=16 B 5 T Ky. LCYLjn. Af. Iy. JCd. Cw&oei=N 6 B 5 TPLCH 8 O 88 gb. M 553 z. BQ&esq=80&page=1&ndsp=8&ved=1 t: 429, r: 5, s: 0&biw=862&bih=500

From the 4 Basic Shapes we make the 4 Basic Forms sphere, cube, cylinder, and cone

SPHERE/circle http: //www. google. com/imgres? imgurl=http: //www. fabulousinflatables. com/images/galleries/blimpsspheres/giraffe-sphere. jpg&imgrefurl=http: //www. fabulousinflatables. com/blimps-spheres. html&usg=__Gwcf 9 lj 7 HCeh 0_aq 9 y. A 8 EPCk. FQ=&h=500&w=381&sz=41&hl=en&start=10&zoom=1&tbnid=Lr 59 hp. Fo 5 gcl. VM: &tbnh=163&tbnw=121&prev=/images%3 Fq%3 Dsphere%2 Bin%2 Badvertising%26 hl%3 Den%26 biw%3 D 862%26 bih%3 D 500%26 gbv%3 D 2%26 tbs%3 Disch: 10%2 C 385&itbs=1&iact=hc&vpx=128&vpy= 90&dur=3140&hovh=257&hovw=196&tx=105&ty=143&ei=9 J 55 TNSPL 4 Gpngf. J 5 NXBAQ&oei=6 p 55 TJ Sr. Ms. KB 8 ga_8 p. Xn. BQ&esq=2&page=2&ndsp=8&ved=1 t: 429, r: 0, s: 10&biw=862&bih=500 CUBE/square http: //www. google. com/images? hl=en&biw=862&bih=500&gbv=2&tbs=isch%3 A 1&sa=1&q=cube+in+ad vertising&aq=f&aqi=&aql=&oq=&gs_rfai=

CYLINDER/rectangle http: //www. google. com/imgres? imgurl=http: //www. sz-wholesale. com/upload. Files/upimg 5%255 CPlasticwaterproof-cylinder_535405. jpg&imgrefurl=http: //www. sz-wholesale. com/Search. Result/linde/&usg=__tq 4 mq. LF 2 g. Gx. MMf. WQQw. Wgk. Qd. NOMo=&h=300&w=300&sz=12&hl=en&start= 9&zoom=1&tbnid=Al. Tg. AX 4 zvkkj. LM: &tbnh=123&tbnw=123&prev=/images%3 Fq%3 Dcylinder%2 Bin% 2 Badvertising%26 hl%3 Den%26 sa%3 DG%26 biw%3 D 862%26 bih%3 D 500%26 gbv%3 D 2%26 tbs%3 Disch: 1&itbs=1&iact=rc&dur=289&ei=S 6 F 5 TL_TL 9 D_n. Qebma. Gd. Cw&oei=QKF 5 TJ 7 GIs. T 68 Aa. X 5 tj 1 BQ&esq =2&page=2&ndsp=7&ved=1 t: 429, r: 3, s: 9&tx=84&ty=84 CONE/triangle http: //www. google. com/imgres? imgurl=http: //www. sz-wholesale. com/upload. Files/upimg 4/Traffic-Cone. Stress-Ball-40324. JPG&imgrefurl=http: //www. sz-wholesale. com/Search-Result/trafficcone/&usg=__5 RQ 689 gwhz. J 6 Jz 4 WWijp 0 m. Udtfw=&h=500&w=500&sz=17&hl=en&start=0&zoom=1&t bnid=n. Ouxu. Cfzb. BRnt. M: &tbnh=116&tbnw=116&prev=/images%3 Fq%3 Dcone%2 Bin%2 Badvertising%2 6 hl%3 Den%26 biw%3 D 862%26 bih%3 D 500%26 gbv%3 D 2%26 tbs%3 Disch: 1&itbs=1&iact=hc&vpx=478 &vpy=155&dur=33&hovh=225&hovw=225&tx=135&ty=153&ei=Ua. J 5 TNDv. B 4 yin. Qetx. O 2 c. Cw&oei=h 6 F 5 TILJH 4 L 98 Aa 3 m. Ii. IBg&esq=83&page=1&ndsp=9&ved=1 t: 429, r: 2, s: 0

Element # 4 SPACE Refers to the emptiness or area between, around, above, below, or within objects. Shapes and forms are defined by space around and within them. – Negative space – Empty spaces surrounding shapes and forms. (ground) – Positive space – Shapes or forms in 2 D and 3 D art.

Which is the negative space? What about the positive space?

Which is the negative space? What about the positive space?

Element # 5 COLOR An element of art that is derived from reflected light. If you have no light, will you have color?

blog. largeformatposters. com

Element # 6 VALUE Describes the lightness or darkness of an object. Value depends on how much light a surface reflects.

wellpromo. com

Element # 7 TEXTURE • Refers to how things feel, or look as if they might feel if touched.

PRINCIPLES OF DESIGN Rules that govern how artists organize the elements of Design.

RHYTHM Indicates movement by the repetition of elements.

rhythmandhuesdesignstudio. blogspot. com

MOVEMENT Deals with creating the illusion of action or physical change in position.

Google. com

BALANCE Is concerned with the equalizing visual forces, or elements, in a graphic design.

Three types of Balance

Symmetrical Balance Organizing parts of a design so that equal, or very similar, elements are placed on opposite sides of a central axis. [mirror images] Symmetrical = same

desktoppub. about. com

Asymmetrical Balance Organizing parts of a design so that unlike objects have equal visual weight or eye attraction.

Radial Balance Radiates from a central point

PROPORTION Concerned with the size relationships of one part to another.

http: //www. google. com/imgres? imgurl=http: //3. bp. blogspot. com/_4 f. OOz 6 L 3_C 4/So. KYbn. Yo 6_I/AAAAAQw/9 can-g. TXPks/s 400/CARTOON%2 BCONSTRUCTION 01. JPG&imgrefurl=http: //bitnoidabam. blogspot. com/2009/08/learn-to-draw-cartoonconstruction. html&usg=__ykl. Z 3 kw 03407 i 2 QZSt 1269 swxn 4=&h=246&w=400&sz=33&hl=en&start=410&zoom=1&tbnid=Ngpx. Rdur 8 s. Nv. JM: &tbnh=130&tbnw=211&prev=/images%3 Fq%3 Dexagerated%2 Bproportio n%2 Bin%2 Badvertising%26 hl%3 Den%26 biw%3 D 862%26 bih%3 D 500%26 gbv%3 D 2%26 tbs%3 Disch: 10%2 C 23658&itbs=1&iact=hc&vpx=351&vpy=155&dur=2045&hovh=176&hovw=286&tx=161&ty=136&ei=Aq V 5 TPGh. Coy. Jn. Qe. F 2 r. Gd. Cw&oei=cq. R 5 TN 6 ILIT 68 Aa. Ikcn 6 BQ&esq=70&page=62&ndsp=6&ved=1 t: 429, r: 4, s: 410&biw=862&bih=500

Couch Puppies, James Lane

VARIETY Concerned with difference or contrast

http: //www. google. com/imgres? imgurl=http: //chaddowling. myfunevent. com/root/itempics/games/ARCHES~1. JPG&imgrefurl=http: //chaddowling. myfunevent. com/index. cgi%3 Fcat%3 D%252 FI%2520 Want%2520 to%2 520 RENT%2520 Games%252 FTents%252 C%2520 Tables%2520 and%2520 Chairs%26 rm%3 Dlistitems&usg=__Di. Ul. Ja. BCACXl. K 8 H 4 Xcfq. CWb 6 m. QQ=&h=713&w=504&sz=314&hl=en&start=252&zoom=1&tbnid=z Ne. GHex. G 2 AZ_i. M: &tbnh=159&tbnw=112&prev=/images%3 Fq%3 Dvariety%2 Bin%2 Badvertising%26 hl%3 Den%26 biw%3 D 862%26 bih%3 D 500%26 gbv%3 D 2%26 tbs%3 Disch: 1&itbs=1&iact=rc&dur=99&ei=a 6 Z 5 TJ Cu. DNC 2 ngempomd. Cw&oei=k 6 V 5 TOSKPIH 88 Ab. R 8_j 6 BQ&esq=25&page=38&ndsp=7&ved=1 t: 429, r: 5, s: 252&tx=75&ty=101

That Lived-In Look, James Lane

Androgyny, James Lane

EMPHASIS Makes one part of a work dominant over the other parts. What do you see first?

What did you see first? Why? http: //www. google. com/imgres? imgurl=http: //creativecurio. com/wp-content/uploads/2008/09/emphasis-getglass. jpg&imgrefurl=http: //creativecurio. com/2008/09/enhance-your-designs-with-the-principle-ofemphasis/&usg=__q. Td. Q_5 CILBYls 7 h. Ym. Dne 4 g 6 F 9 v. M=&h=372&w=572&sz=25&hl=en&start=0&zoom=1&tbnid=OQw. DFICox. U 9_M: &tbnh=111&tbnw=158&prev=/images%3 Fq%3 Demphesis%2 Bin%2 Badvertising%26 hl%3 Den%26 biw%3 D 862%26 bih%3 D 500%26 gbv%3 D 2%26 tbs %3 Disch: 1&itbs=1&iact=hc&vpx=313&vpy=209&dur=1889&hovh=181&hovw=279&tx=177&ty=121&ei=9 q. Z 5 TMql. NYP 58 Aa. Mv 7 zm. BQ&oei=9 q. Z 5 TMql. NYP 5 8 Aa. Mv 7 zm. BQ&esq=1&page=1&ndsp=10&ved=1 t: 429, r: 2, s: 0

What did you see first? Why? http: //www. google. com/imgres? imgurl=http: //www. hri. org/emphasis/adverti. gif&imgrefurl=http: //www. hri. org/emphasis/adverti. html&usg=__X 3 V 1 Ut. Nk. Mmm. Uai. F 4 Nrj. Sj. T 0 L 5 r. I=&h=313&w=473&sz=26&hl=en&star t=163&zoom=1&tbnid=_GZKb. ZZ 0 xzrm. RM: &tbnh=159&tbnw=264&prev=/images%3 Fq%3 Demphesis%2 Bin%2 Badvertising%26 hl%3 Den%26 biw%3 D 862%26 bih%3 D 500%26 gbv%3 D 2%26 tbs%3 Disch: 10%2 C 839 3&itbs=1&iact=hc&vpx=549&vpy=205&dur=749&hovh=183&hovw=276&tx=200&ty=120&oei=9 q. Z 5 TMql. NYP 58 Aa. Mv 7 zm. BQ&esq=27&page=23&ndsp=6&ved=1 t: 429, r: 2, s: 163&biw=862&bih=500

UNITY The quality of wholeness or oneness that is achieved through the effective use of the elements and principles of art.

What ties the parts together? What are the similarities? What is the location of the similarities? http: //www. google. com/imgres? imgurl=http: //4. bp. blogspot. com/_o. YWWBxu. A 2 MU/S 9 jaq. Sh. Egc. I/AAAAe. Ig/2 r. D 4 Ly 5 T_io/s 1600/Unity%2 BBooks%2 BAuckland%2 B 21 st%2 Bbirthday%2 Bcolour. jpg&imgrefur l=http: //beattiesbookblogspot. com/2010_04_01_archive. html&usg=__Gon. Oh. Wgg. NTNmtk 3_4 s. H 2 iudy. Miw=&h=1196&w=1000&sz=236&hl=en&start=72&zoom=1&tbnid=Nnn. GPIr. TBb. VIM: &tbnh=165&tbnw=138&prev=/images%3 Fq%3 Dunity%2 Bin%2 Badvertising%26 hl%3 Den%26 biw%3 D 862%26 bih%3 D 500%26 gbv%3 D 2%26 tbs%3 Disch: 10%2 C 3929&itbs=1&ei=Wqh 5 TKd 20 KKd. B 6 Hi 7 Zw. L&i act=hc&vpx=435&vpy=222&dur=83&hovh=182&hovw=153&tx=104&ty=75&oei=Iah 5 TLXl. Fo. T 48 Aax 65 Ho. BQ&esq=15&page=11&ndsp=6&ved=1 t: 429, r: 4, s: 72&biw=862&bih=500

What ties the parts together? What are the similarities? What is the location of the similarities? http: //www. google. com/imgres? imgurl=http: //i 667. photobucket. com/albums/vv 33/badthings 2/unity. jpg&imgrefurl=http: //www. myspace. com/myscenecity&usg=__13 n. KRfg. ESqi. Zb 3 Dmm. Wf. R 7 Odrrk=&h=500&w=500&sz=51&hl=en&start=90&zoom=1&tbnid=SYda 7 z. Ni 99_W 1 M: &tbnh=158&tbnw=158&prev=/images%3 Fq%3 Dunity%2 Bin%2 Badvertising%26 hl%3 Den%26 biw%3 D 862%26 bih%3 D 5 00%26 gbv%3 D 2%26 tbs%3 Disch: 10%2 C 5085&itbs=1&iact=hc&vpx=139&vpy=194&dur=114&hovh=225&hovw=225&tx=83&ty=141&ei=Aql 5 TIz. THcj_n. Qe. S 9 MH 3 AQ&oei=Iah 5 TLXl. Fo. T 48 Aax 65 Ho. BQ&esq=8& page=14&ndsp=6&ved=1 t: 429, r: 3, s: 90&biw=862&bih=500

stuff 4 restaurants. com

tuskagency. com