Visually Pleasing Composition

Ms. Rishu Bhalla

Lecturer,CSE
Lecture no:15
Contents
 Recapitulation
 Objective
 Topic to be covered
 Class Exercise
 Summarization
Recapitulation
 Interface Design Goals
 Screen Meaning and Purpose
 Organizing Screen Elements Clearly and
Meaningfully
 Ordering of Screen Data and Content
 Screen Navigation and Flow
Objective

To study the qualities

of Visually Pleasing Composition
in order to understand the principles
of good screen design as a designer
in a more effective manner.
 Introduction
 A visually pleasing composition draws attention
subliminally, conveying a positive message clearly and
quickly.

 A lack of visually pleasing composition is disorienting,

obscures the intent and meaning, slows one down and
confuses one.

 A design communicates to the user nonverbally but

quite powerfully.
Cont.....
 The qualities that helps a design make
visually pleasing includes Balance, Symmetry,
Regularity, Predictability, Sequentiality,
Economy, Unity, Proportion, Simplicity and
Grouping.
What does the two images
suggest?
Balance

Instability Balance (Stability)

 Create equal
balance by providing
an equal weight of
screen elements left
and right, top and
bottom.
What is common in these
images?
Symmetry
 Create symmetry by
replicating elements
left and right of the
screen centerline.
Compare the two images....
Regularity vs Irregularity
 Regularity
 Create regularity by
establishing standard
and consistently
spaced vertical and
horizontal alignment
points.
 Use similar element
sizes, shapes, colors,
and spacing.
Can you Interpret this graph?
How predictable is this graph?
 Predictability
Create predictability
by being consistent
and following
conventional orders
or arrangements.
Pick the odd one out?
Sequentiality
 Sequentiality can be
achieved by
alignment, spacing
and grouping
Economy
 Provide economy by using as few styles,
display techniques, and colour as possible.
Unity
 Create unity by
using similar
sizes, shapes,
or colours for
related
information
 Leaving less
space between
elements of a
screen than the
space left at the
margins.
Proportions
 Keep aesthetically pleasing proportions.
Which one looks more simple?
 Simplicity
 Optimize the
number of elements
on a screen ,within
limits of clarity.
 Minimize the
alignment points,
especially horizontal
or columnar.
Which phenomena is
represented here?
Grouping
Grouping
Provides functional grouping, spatial
grouping, even space controls, visual
reinforce grouping, provides meaningful
tiltles.
Class Exercise-What modifications
can be brought in this form?
Summarization
 Visually pleasing composition by the designer
motivates, attracts and directs the user to use that
particular design.

 The qualities for a visually pleasing composition

includes Balance, Symmetry, Regularity,
Predictability, Sequentiality, Economy, Unity,
Proportion, Simplicity and Grouping.