‚ÄúDecomposition & Composition‚ÄĚ is awebsite that introduce some logical simple graphic principles and apply to users making a own graphic image for interesting composing graphic image users. The work is made by many different elements. If we plan to compose a logical image, we may depend on some visual experiences to create a topical subject. In the website, when users know some simple graphic principles, users can go into element stock which is a space can apply to their element choice. Users can depend on the different element categories and topic to compose their own work. There is also a graphic composing space which welcome to users can make some comments each other on the website.

-Target audiences
The target audiences are who like to understand basic graphic principles and interesting graphic composing.

This idea is inspired from Typographic and Digital Application. I am going to take Scirpting 2 and AE for build this website. Making the varied topical elements is a main part for this website. Therefore, I also plan to take two of industrial design classes that are industrial design process and introduction to digital 3D Modeling; one of fine art class that is composition for abstract art. Taking other majors class that the main goal is influenced from different fields and inspired making new elements.

Users can depend on this website to understand some simple graphic principles and can create the own work on the website directly. Even though the website will not apply to download elements and own work, users still can go into the website and enjoy composing a own work process and communicate with other users.

-Tech innovation
This website is a application website. It is not only show the simple graphic principles, but also is a space to apply users compose their images. There are also some innovational elements offering to users compose a topical image. Users also can post their work on the website and make some comments with other users from the community space. In the future, the website also may like a graphic platform, it may collect some good elements or good graphic design. People can depend on this website to display designs and attract customers to have a practical funcation.

Statement of interest
This project is process learning, improving, and composing visual design for my New Media career in AAU. I can take some major classes of professional knowledge and apply to the project. In the process, I feel that is practical and it is a chance I can rebuild which I have been learning in New Media field. I will find the ways to create new elements and these elements also like my visual design portfolios. I also want to practice becoming a New Media designer of goal that is making graphic design with program on internet practically.


Users can depend on the fundamentals contents to understand when we create a image what principles we should follow. Users can follow these principles to compose a logical image. Users also can look some logical image samples to understand more and easily.


The use of space and room in a piece of art. Positive space is the space taken up by objects (surface). Negative space is the distance between objects (whitespace).Nothing exists without it. Space can be thought of as the distance or area around, between, above, below or within places. In art, space can be described as either two dimensional or three dimensional.

The two-dimensional representation of an object or idea as a collection of dots and lines. Shapes can be geometric, organic, or free-form.

Form is the three-dimensional counterpart to shape. There are two types of form: Illusionary form is created through the use of concepts such as perspective in order to show form on a two-dimensional work, whereas real form is the form seen in sculpture and other three-dimensional art.

It is said lines do not exist in nature; what appears to be a line is only a difference in color. In art there are many types of lines:
Actual line: The form of line drawn by pen, pencil, or other implement. It may be straight or curved. Contour line: an outline that defines the shape of an object as well as the internal lines that define the form of an object Implied line: Not a proper line, but an aid that pushes the eye along the artwork, a suggested line. Psychic line: This form of line has no physical value; it is a psychologically created line (e.g., when pointing to something, the eye travels from the hand to that object as if on a line.

Sometimes combined with color, value describes the lightness or darkness of a color. Value is often the single most important element in paintings and drawings and allows the perception of forms. In other words, it is value and the changing values in pictures that cause the perception of not just shapes, but implied three-dimensional forms.

Texture can be either real or perceived. Tactile texture is how an artwork actually feels, while implied texture is how an artwork appears to feel. Sometimes tone can create texture.

Colors in art are used in several ways.
Primary colors
The primary colors are red, yellow and blue, and are used to create secondary and intermediate colors.
Secondary colors
Secondary colors are made by mixing two primary colors together.
The secondary colors are:

Orange - made by mixing red and yellow
Green - made by mixing blue and yellow
Violet - made by mixing blue and red
Intermediate or Tertiary colors
Tertiary colors are made by mixing a secondary and a primary color together. Some examples are blue-green and red-violet.
Warm, Cool and Neutral colors
Warm colors are the different shades of red, yellow and orange, and are called so because they convey the feeling of warmth.
Cool colors are shades of blue, green and violet, conveying a feeling of coolness and quiet.
Neutral colors are also called the earth tones, and are the colors of black, white and gray. At times brown, beige and tan are also considered as neutral colors. These colors can be made by either mixing the complimentary colors, all of the primaries, or mixing black and white.
Complementary colors
Complementary colors are colors that are on the opposite sides on the color wheel. They contrast each other and make each other appear brighter, adding energy to an artwork. The complementary colors are:
Red and Green
Yellow and Violet
Blue and Orange


Balance is arranging elements so that no one part of a work overpowers, or seems heavier than any other part. Two different kinds of balance are symmetrical and asymmetrical. Symmetrical (or formal) balance is when both sides of an artwork, if split down the middle, appear to be the same. The human body is an example of symmetrical balance.

Emphasis (also called focal point) is where the focus is concentrated through design principles or meaning. To do this one develop points of interest to pull the viewer's eye to important parts of the body of the work. It is to make one part of an artwork dominant over the other parts. It makes an element or object in a work stand out. To use emphasis in an artwork is to attract the viewer's eyes to a place of special importance in an artwork.

Action, or alternatively, the path the viewer's eye follows throughout an artwork. Movement is caused by using elements under the rules of the principles in art to give the feeling of action and to guide the viewer's eyes throughout the artwork.


Contrast to show difference and diversity in an artwork by combining elements to create interest. Contrast is to provide an artwork with something interesting to break the repetitions.

Pattern and rhythm (also known as repetition) is showing consistency with colors or lines. Putting a red spiral at the bottom left and top right, for example will cause the eye to move from one spiral, to the other, and everything in between. It is indicating movement by the repetition of elements. Rhythm can make an artwork seem active.

Unity or harmony is the quality of wholeness or oneness that is achieved through the effective use of the elements and principles of art. The arrangement of elements and principles to create a feeling of completeness.

(also known as alternation) is the quality or state of having different forms or types. The differences which give a design visual and conceptual interest: notably use of contrast, emphasis, difference in size and color.

Creating Space

-Elements category






Creating Image Sample:



-Join us
Usually, people just go to this website to look the principles page which do not need to log in the website.If new users interested this website and want to try composing a image, they will add their personal information and become the website member.
This web site welcome to cooperates with some business companies. For example, T-shirt images creating, shoes pattern creating or logo and DM creating are all the design items for the website functions.

User analysis:






User case :


user3.jpg user4.jpg user1.jpg Flow chart:

erica_flowchart.jpg Work Flow:

ericauser1-2.jpg ericauser2-2.jpg ericauser3-2.jpg

Site map:


Homepage draft:

Sub page draft:

Book cover draft:

The principles form:
The Elements form:


The color chat:


Effect sample:



*Multiple Compositing

*Compositing Literature

*Compositing Impacts

*Visual Activism