Navigation Project

In this project, we have to organize the collected resources (our blog) into a navigable design app.

All the 11 topics as covered in the semester and related research and observation of the same has to be put in the app.

In this the target audience has to be decided and the purpose of the app even needs to be decided to make the navigation through the app appropriate.

For the app, I chose it to be named as Elements of Design. The basic idea behind this app is to make the concept of all the elements understandable to a student. The purpose of this app is to help a design student entering the school understand the concepts of design and different elements of the design. Along with the definition and examples, the student also has the additional benefit of having a project related to each element which they can practice. 

All the elements are joined through lines these lines provide the navigation through the whole app. Each line has a separate color and weight which is constant throughout the app and is related to a single element. 

The first half of the app is dedicated to the definitions and examples for the elements and the second half is for "projects to do". The name of the element and the project is connected through lines. Each element has a small tab near them which will direct the student to the project related to that. 

In hierarchy terms major importance has been given to the name of the elements.The progression of tints and shades of the same color has been used to create a depth in the design. The middle-ground has been utilized for the definitions. Rest of the information has been put on the background. 

The whole design of the app is bright and inviting due to colors and feature of jumping from one topic to the other related topic. the colors make the app very interesting. Also there is a flow of information from one topic to other. 

For navigation the primary role is being played by Lines. Also the buttons and call outs help in linking the students to web world for more and detailed information.