Computer Graphics and Layout

• are visual representations of data made on a computer and is displayed on a computer screen or monitor.

  
  

  Computer Graphics
• They can be anything on computers such as photographs, drawings, or movies that do not involve sound.

  Computer Graphics
• The arrangement of graphic elements on a page. Effective graphics and layout contribute to the efficiency of website.

  Layout
• What are the principles of Graphics and Layout?

  Balance, Movement, Unity and Harmony, Repetition, Alignment, Hierarchy, Proximity, Contrast, and Emphasis
• What is "BMUHRAHPCE"


  Balance, Movement, Unity and Harmony, Repetition, Alignment, Hierarchy, Proximity, Contrast, and Emphasis
• It describes the placement of elements of equal weight on the page.

  Balance
• What are the three types of Balance?

  Asymmetric, Symmetric, and Radial
• It describes the flow of elements on the page. Visual elements guide the viewers’ eyes around the page.

  Movement
• the sense of oneness of the elements that create balance and harmony.

  Unity and Harmony
• It describes the consistent and balanced repetition of a

  design or element.

  Repetition
• It refers to the proper placement of an element of

  the design.

  Alignment
• It refers to proper arrangement of the details such as text, characters, numbers and symbols.

  Hierarchy
• It describes the organization and relationship of the elements included in the design.

  Proximity
• it is the combination of the opposing characteristics of an element like color, size, thickness, and others. It allows emphasis on key elements.

  Contrast
• An area in the design that catches viewer’s attention. The

  area may appear different in size, color, texture or shape

  Emphasis
• it describes how humans typically see objects by grouping similar elements together and recognising the overall shape/pattern before seeing individual components and details.

  Gestalt Web Design
• This is a natural psychological response in order to seek order amongst chaotic stimuli.

  Gestalt Web Design
• “OBJECTS OR SHAPES THAT ARE CLOSE TO ONE ANOTHER APPEAR TO FORM GROUPS”.

  Proximity
• THINGS WHICH SHARE VISUAL CHARACTERISTICS SUCH AS SHAPE, SIZE, COLOUR, TEXTURE, OR VALUE WILL BE SEEN AS BELONGING TOGETHER IN THE VIEWER’S MIND.

  Similarity
• OCCURS WHEN THE EYE IS COMPELLED TO MOVE ALONG A

  PATH, LINE OR OBJECT – PREFERRING TO SEE A SINGLE, CONTINUOUS FIGURE INSTEAD OF SEPARATE LINES.

  Continuation
• STATES THAT THE VIEWER SHOULD NOT BE GIVEN THE IMPRESSION THAT SOMETHING IS OUT OF BALANCE, MISSING, OR WRONG.

  Symmetry
• OBJECT IS INCOMPLETE OR A SPACE IS NOT FULLY ENCLOSED. PREFERRING WHOLENESS, PEOPLE AUTOMATICALLY FILL IN ANY GAPS IN ORDER TO PERCEIVE A COMPLETE IMAGE.

  Closure
• you must begin learning the basic principles of graphics and layout before creating your own graphic design which you can integrate on theonline environment

  Layout
• Gestalt design follows the concept that the whole is greater than the sum of the parts.

  Gestalt design