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.
