Lesson 3 design elements and principle
-
Upload
holy-rosary-catholic-school -
Category
Art & Photos
-
view
38 -
download
0
Transcript of Lesson 3 design elements and principle
![Page 1: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/1.jpg)
Design Standard
![Page 2: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/2.jpg)
No such thing as standard game design
Variety of design concepts makes gaming more exciting
Creates interactive fiction adventure
![Page 3: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/3.jpg)
Six Different Documents at Various Stages of Creative process
Design Outline Preliminary
Design Final design Design Specs Graphic Bible Interactive
Screenplay
![Page 4: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/4.jpg)
Design Principles
![Page 5: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/5.jpg)
USER INTERFACE (UI) The manner through which a
user interacts with the system
The users wanted the developers to build applications that meet their need and are easy to use
![Page 6: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/6.jpg)
Fundamentals of UI
![Page 7: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/7.jpg)
The Structure Principle
The Simplicity Principle
The Visibility Principle
The Feedback Principle
The Tolerance Principle
The Reuse Principle
![Page 8: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/8.jpg)
Design Elements
![Page 9: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/9.jpg)
LineRepresents a path, either
visible or implied,
between two points. It can be straight,
curved, horizontal,
vertical, zigzag or diagonal
![Page 10: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/10.jpg)
FormAny three-
dimensional object, which is due in part to light and dark areas
![Page 11: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/11.jpg)
ColorIts adds
beauty to your design.It has an
effect on emotion or
mood. It can be
Analogous or Complementary
![Page 12: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/12.jpg)
SpaceThere are two
types of space: the positive and
negative.
Positive- Refers to the space
occupied by the subject matter
Negative- refers to the space around and between the
subject matter
![Page 13: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/13.jpg)
TextureRefers to the
surface quality : smooth or
coarse, soft or hard
![Page 14: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/14.jpg)
ShapesResult of
closed lines or implied
boundaries because of color or texture.
![Page 15: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/15.jpg)
ValueRefers to the
range of lightness and
darkness in the image. Also
called tone, this gives objects
depth and perception
![Page 16: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/16.jpg)
Design Principles
![Page 17: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/17.jpg)
Relates all the parts with one
anotherSymmetrical –Mirror image
balanceAsymetrical-
occurs when items on one side are balanced with
different items on the other side
Balance
![Page 18: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/18.jpg)
ContrastThe use of differing or
opposite elements
such as large and small, light and
dark, rough and smooth
to add variety
![Page 19: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/19.jpg)
Dominance (Focal Point)
Refers to the center of visual
interest to which the
eye is naturally
drawn
![Page 20: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/20.jpg)
RhythmRefers to the repetition of a particular shape or the combination of related
color values
![Page 21: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/21.jpg)
Proportion (or Scale)
Involves the relationship
between sizes of the elements in
the design
![Page 22: Lesson 3 design elements and principle](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a3cdff1a28ab98588b5d13/html5/thumbnails/22.jpg)
Harmony
Gives a sense of
unity among all
components