Redesign Practical: Grids

In lecture we continued to experiment with redesigning the ‘Cabinet’ magazine. We looked at how to implement grids into our designs, in which I focused on producing one spread with content about the idea of levitation. I thought about how that could be represented within the designs and decided to draw out an angled grid, as this would allow the text to float upwards across the pages. I also chose a modernist grid, as it was quite flexible, and would allow me to explore how the text and images could be placed effectively, to show the idea of levitation.

Initial Sketched Design 

More

Advertisements

Hierarchy – Turner Contemporary

More

Typographic Interview

More

Paragraphs:Pride and Prejudice text

In this exercise we looked at dealing with large amounts of text. We looked at the following:

  • Implementing stylesheets: it enables you to easily determine different sections of the text;chapters, body text, opening paragraph 
  • Chapter heading styles: rules, size
  • Character Styles

More

Initial Stages – App Website

This slideshow requires JavaScript.

More

Typeface Design

This slideshow requires JavaScript.

More

Gallery

Web Design – Lesson 1

In the first session of Creative Web Design we completed an exercise, in which we had to remember what we had learnt in the first year. This included remembering tags, how to set out information in HTML, highlighting the different purposes of HTML and CSS (content and presentation). We then had an introduction of HtML5, in which we looked at five semantic elements for structure:

  • header
  • nav – main navigation e.g about, homepage etc
  • section – the main content of the page
  • aside – sidebar: general information, sub-content
  • article – information that can be transferable ( makes sense by itself)
  • footer

More

Previous Older Entries