Visually Pleasing Composition

Ms. Rishu Bhalla Lecturer,CSE Lecture no:15


  

Recapitulation Objective Topic to be covered Class Exercise Summarization


 

Interface Design Goals Screen Meaning and Purpose Organizing Screen Elements Clearly and Meaningfully Ordering of Screen Data and Content Screen Navigation and Flow

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.


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.


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 (Stability)

Create equal balance by providing an equal weight of screen elements left and right, top and bottom.

What is common in these images?


Create symmetry by replicating elements left and right of the screen centerline.

Compare the two images....

Regularity vs Irregularity


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?

Create predictability by being consistent and following conventional orders or arrangements.

Pick the odd one out?


Sequentiality can be achieved by alignment, spacing and grouping


Provide economy by using as few styles, display techniques, and colour as possible.


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.


Keep aesthetically pleasing proportions.

Which one looks more simple?


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?


Provides functional grouping, spatial grouping, even space controls, visual reinforce grouping, provides meaningful tiltles.

Class Exercise-What modifications

can be brought in this form?


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.

Sign up to vote on this title
UsefulNot useful