Saturday, 7 January 2017

OUGD504 - Design for Screen - Techniques and Processes

This section of the site provides the user with a specific location to find and research into the techniques and processes covered. The current site has a drop down menu bar which is confusing and cluttered. I added this section to the navigation menu because it provides creatives with specific sections of the site. In order for the site to work in real life, the developer will add labels to the articles so that they appear in the correct category or technique and process.

Made a list of the techniques and processes that are currently in the categories menu:


3D Printing
Animation
Etching
Letterpress
Linocut
Lithography
Mono-print
Photography
Risograph
Screen Print
Woodcut

Workshop

Making these more accessible for the user to explore will broaden their knowledge on print media and expose them to new and specific techniques. To communicate these processes through the website, I aim to use the crop marks and off cuts behind the content.

Used a similar disjointed layout as the 'Categories' section, using subjective typesetting to communicated the characteristics of working with print media in order to gain a positive emotional response. The use of primary colours is friendly and keeps a neutral tone:




If I was to send this to a developer, I would ask for the text to straighten once it is in the centre of the web page, ultimately increasing legibility. 

Once the user chooses a technique, a new page layer will present a brief explanation of the technique, along with specific articles and projects that use this technique. I presented this in a new layout in order to engage the audience and provide them with more choice of projects. For this example, I chose Lithography:


The most viewed and visited project is the largest image and as the user scrolls down it will reveal more. Once again the grid system provides organisation which is appropriate for the user to interpret the information. 


Layering the pages:


Once the mouse hovers over the image, a large title is layered over the top which confirms the name of the article:


Although this doesn't provide the user with a lot of immediate information, simply clicking the article will reveal more and the layered page will make it quick and easy for the user to return back to the original page.

Clicking on a project will take the user to the viewing page composition which is transferrable when viewing all projects from all sections of the site, creating consistency and familiarity throughout the site.





No comments:

Post a Comment