HOL
  • About
  • Year 3
    • Independent research paper >
      • Independent research blog
  • Year 2
    • The critical designer
    • Design Projects >
      • Birthday Beer
      • Infographics
      • Museum Rebrand
      • D&AD Monotype
    • TYPE & TYPOGRAPHY >
      • MAGAZINE WEB ADAPTATION
      • MAGAZINE LAYOUT
      • TYPOGRAPHY POSTER
    • THE DESIGNER'S TOOLKIT >
      • HOTFOOT BRIEF
      • CYANO
      • LIFE ON MARS
      • OUTWARD BOUND
  • Year 1
    • Multi Dimensional GD >
      • Baxter & Bailey
      • 4D Project
      • 3D Project
      • 2D Project
      • Playing with type
    • Visual Communication >
      • Old school skills
      • Drawing & Visualisation
      • Colour & Composition
      • IT
      • Workshop
    • THINGS I'VE LEARNT
  • About
  • Year 3
    • Independent research paper >
      • Independent research blog
  • Year 2
    • The critical designer
    • Design Projects >
      • Birthday Beer
      • Infographics
      • Museum Rebrand
      • D&AD Monotype
    • TYPE & TYPOGRAPHY >
      • MAGAZINE WEB ADAPTATION
      • MAGAZINE LAYOUT
      • TYPOGRAPHY POSTER
    • THE DESIGNER'S TOOLKIT >
      • HOTFOOT BRIEF
      • CYANO
      • LIFE ON MARS
      • OUTWARD BOUND
  • Year 1
    • Multi Dimensional GD >
      • Baxter & Bailey
      • 4D Project
      • 3D Project
      • 2D Project
      • Playing with type
    • Visual Communication >
      • Old school skills
      • Drawing & Visualisation
      • Colour & Composition
      • IT
      • Workshop
    • THINGS I'VE LEARNT

WEB ADAPTATION

Brief 

Following on from your existing print-based editorial work, you are now required to create a proposal for a digital version of your magazine that works across desktop, tablet and mobile. You will need to consider the viewing area of each medium and you can ensure that viewers get a consistent experience across each screen size.
You must consider how your print-based grid will adapt for each screen to flow the content across and down the screen. How will your headline, subhead and content look on each device? How will ensure your typefaces remain consistent within the constraints of web typography. How will hyperlinks guide readers to associated content. 
You must develop a focused rationale for your design thinking through careful evaluation and reasoning for your choice of typefaces and other style cues; typographic hierarchy and the design and use of grid(s) all still apply. You will also need to consider colour as you will be working with RGB and HEX colour codes rather than CMYK and working in pixels rather than millimetres.  The overall aim is to engage your audience to ensure they engage with the screen whichever device they are on and read the article.
- You are trying to amplify and enrich the experience for the reader, so anything extra you discover will provide you with the content you need to develop your design thinking.
- Repurpose your content from your magazine article. Designing for web means you can also consider sound and moving image. Source images, video, sound, interaction, data and statistics, maps, first-hand accounts, social media etc.to support the intention of your article. You may include found content (video clips, images, sound etc.) in your work.

RESEARCH

ABOUT BRIEF TOPIC
Web news articles
Mobile news articles
Tutorials
Useful tutorials
Imagery
Imagery from my articles & some newly created ones

DEVELOPMENT

First ideas
Further development of designs

Final designs

Site powered by Weebly. Managed by 34SP.com