Wednesday, 16 December 2015

OUGD504 - Brief 04 - Website Wireframes

As part of this brief, we were asked to produce low-fidelity wire-frames to demonstrate the rationale behind our finished campaign website design. Just like with editorial design, or any type of logical graphic design, grids are useful tools in aiding the design process. Grids underpin design in almost every aspect, whether they are consciously or subconsciously constructed. Wire-frames perform a very similar job to traditional grids, in the sense that they let web developers know where web content is going to appear and function on a browser. Wire-framing is an essential step in any screen design process, whether that is for a website or an app. They primarily allow the designer/developer to define the information hierarchy of the content, making it easier for them to plan the layout according to how they want the user of the site to process the information/content. Wire-framing is very useful, because it allows the designer to plan the content without being distracted by things such as colour schemes, type-choices, imagery, video and so on.  

Throughout each brief in this module, I have had to consider the design process and production. Through experimenting with wire-frames and using them to construct my low-fidelity mock ups, I now value them a lot and can see their importance and relevance in relation to this field of graphic design practice. Below are a series of images of the wire-frames I constructed for this brief:

No comments:

Post a Comment