4 Designs and Design Principles

Design 1

Initial Comments

  • Clean design;
  • Attractive images;
  • Successfully maintains its theme of being environmentally friendly (Use of green/ pale blue and white);
  • Very simple navigation;
  • The options on the left and the collapsed screens on the right creates a stylish effect;
  • Minimalistic.

Design Analysis

  • The way the navigation bar is set out is balanced, I think the collapsed images on the right is an effective feature but I guess it could not be said that the feature was symmetrically balanced;
  • The navigation bar has proximity through the shape and font of each option;
  • The page is well aligned with the way the collapsed images are presented making sense to the user and the clear alignment of the navigation options to the left;
  • Repetition of the navigation options provide clarity. The consistent repetition of the use of images of plants effectively and clearly remind the user of the purpose and themes of the site;
  • Contrast is used effectively by placing text and images on a very simple and light background;
  • Unity is achieved in the design through a number of different ways. The theme is consistent, the colours are consistent and the collapsed images are well displayed.

Design 2

Initial Comments

  • Very Simple;
  • Stylish;
  • Attractive colours;
  • Minimalistic;
  • White Space;
  • Attractive logo;
  • Stylish logo.

Design Analysis

  • The simple image used for the logo provides symmetrical balance;
  • The image and the Brand name are placed within physical proximity of one another to ensure they are interpreted together.

Design 3

Initial Comments

  • Effective white spaces;
  • Nice contrast of colours with white backgrounds;
  • Limited the use of colours but used strong colours to good effect;
  • Stylish design;
  • Attractive images;
  • Captures the theme of the app really well with each image consistent with a healthy theme;
  • The page is well organised, simple options;
  • Limited text.

Design Analysis

  • The design is symmetrically balanced with images corresponding with one another by keeping with in a certain space. This gives the design a stable feel and it looks well organised;
  • Proximity has been used well by clearly differentiating the different sections — A different image is used for each link in the page. Also different size and shaped images are used to signal the links that are not part of the main content;
  • Building on the well balanced images, they are also perfectly aligned, although the shapes are slightly different they are kept within in the same borders. This aids the readability of the page by ensuring the simple organisation and therefore navigation of the page;
  • Contrast of colour has been used effectively, with a simple white background, whilst using brightly coloured images for the images in the links;
  • The designer has achieved unity by using consistent shapes ( curved rectangles) consistent themes (Images of fruits) and consistent colour scheme (Light colours).

Design 4

Initial Comments

  • Consistent theme with each image used;
  • Attractive images;
  • Easy navigation;
  • Limited colour in this case gives the page a classy feel;
  • Using the layout and images displays all necessary information in aesthetically pleasing way.

Design Analysis

  • The site could be said to be imbalanced with the large image at the top and three smaller images along the bottom occupying different spaces entirely;
  • The designer creates proximity through placing the corresponding text close to the image, and by keeping a consistent image size for different sections of the page. The colour scheme also creates proximity with consistent themes of white/ black/ grey/ Beige;
  • There is a slight lack of alignment with the large image above, however the images below are aligned with one another which helps demonstrate they are from the same section of the site;
  • Repetition is used in relation to the size and lay out of the images along the bottom allowing the user to immediately recognise what section each image represents;
  • Contrast between the large image at the top and the small images a long the bottom ensure that each part stands out as different sections of the site;
  • Through a consistent style of images and shapes (rectangles and squares) the designer has achieved unity in the design.
Like what you read? Give Patrick Harris a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.