Design Principles Web Design. Design Principles Contrast Repetition Alignment Proximity.
Design principles
description
Transcript of Design principles
![Page 1: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/1.jpg)
Design Principles By: Rebecca Van Nelson
![Page 2: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/2.jpg)
BalanceAlthough the rocks in this image are not all
exactly the same size and weight, balance is still created by placing it correctly.
![Page 3: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/3.jpg)
Rope walking is a form of balance as well. Being able to balance your body on a thin rope takes practice and harmony and this creates balance in the body.
![Page 4: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/4.jpg)
The stillness of the water makes the reflection of the girl perfectly clear, creating
a perfect balance.
![Page 5: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/5.jpg)
RepetitionThis is an example of repetition in architecture. The arches are all exactly the same and looking at it from this perspective view carries your eye
right through. The same pattern is repeated.
![Page 6: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/6.jpg)
A peacocks feathers have a beautiful pattern that is repeated. So we can
find repetition in this as well as things like leaves and trees.
![Page 7: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/7.jpg)
There is repetition in the outfits and accessories of these Indonesian dancers. Making them look the same and also making the viewer see them as one.
![Page 8: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/8.jpg)
ProportionIn this image this girl appears to be miniature because of the oversized book and pencil. The first thing our mind tells us is that the girl is
unusually small.
![Page 9: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/9.jpg)
The ladybug is extremely small when put next to this plug. The same thing would happen if a human was put next
to the Eiffel tower.
![Page 10: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/10.jpg)
This little boy seems to be so much bigger than this ape. Proportion can be in the way the picture is taken or in this case the way it is edited.
![Page 11: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/11.jpg)
DominanceIn this painting red is the dominant colour. It makes
the picture pop and your eyes go to the red first because of its dominance over the other colours.
![Page 12: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/12.jpg)
The gold and silver bands appear smaller and less important because of
the dominance in the diamond.
![Page 13: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/13.jpg)
The blueberry is dominant amongst all the red berries, because it is different and stands
out the most.
![Page 14: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/14.jpg)
ContrastThe complete darkness in the background and the
moon as well as the lit up Eiffel tower creates contrast.
![Page 15: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/15.jpg)
The dark flowers and light backdrop makes the contrast in this image beautiful.
![Page 16: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/16.jpg)
This image looks like cut outs pasted on a light background. However it is only the use of colour and
design that creates that kind of contrast in this image.
![Page 17: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/17.jpg)
DirectionTaking your eyes from one point to the next through
movement. In this image the long legs create vertical lines and take your eyes up and down with each new
pattern and colour.
![Page 18: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/18.jpg)
The direction is in the colour scheme and pattern. It allows you to follow through till
the end.
![Page 19: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/19.jpg)
The direction is in the words. We read the English language from left to right. So our eyes are moving from one end to the other
over and over again.
![Page 20: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/20.jpg)
HarmonyBlending of colour and light in this image
creates harmony. Its easy and pleasant to look at.
![Page 21: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/21.jpg)
The beautiful integration of soft colours in this painting of Autumn creates harmony.
![Page 22: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/22.jpg)
Harmony in this collage of similar colours.
![Page 23: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/23.jpg)
VarietyIn this painting there is a variety of things happening. There is a man and a woman
dancing passionately in the front. In the back you’ll notice two men wearing safety gear
and carrying out something toxic.
![Page 24: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/24.jpg)
The variety in this photograph is the age old cathedral standing in between modern buildings.
![Page 25: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/25.jpg)
Here we have a variety of turquoise rings in one box.
![Page 26: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/26.jpg)
Symbolic meaningA cross has symbolic meaning to Christians. It represents the crucifixion of Jesus Christ. It also marks the top of a
church. It is also worn as a pendant, and put up at graveyards in remembrance of Loved ones passing on.
![Page 27: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/27.jpg)
A white dove represents peace and new beginnings.
![Page 28: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/28.jpg)
A castle/palace represents royalty and also fairy tales. There are real palaces where kings and queens reside and then we have castles at Disneyland symbolic to
the real world and fairy tales.
![Page 29: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/29.jpg)
Composition The placement or arrangement of visual
elements. In this image the design elements/ different shapes have been placed randomly.
![Page 30: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/30.jpg)
The composition of these rings are different to the normal shape and composition of a
ring.
![Page 31: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/31.jpg)
In this photograph composition is found in the glass balls which are a completely different element to the
dull buildings around it. However there is also a reflection of the buildings in the glass ball. Giving it a
certain effect.
![Page 32: Design principles](https://reader036.fdocuments.in/reader036/viewer/2022082511/547eb2a2b4af9fe16f8b4968/html5/thumbnails/32.jpg)
The composition of this image is amazing. It integrates a typewriter and a piano typing musical
notes. Very interesting.