Supportive Journal – Task 7

Task 7 – Research and consider how including interactivity within a document can engage your audience.

in digital media nowadays, Interactivity is the make or break for a document. with how far technology has adapted over the last few years. interactivity is one of the key elements to having a successful application or campaign etc.

There are many different way that interactivity can be placed onto a document. although the amount of interactivity is down to the platform that it is being worked on. for this journal entry, i will focus on how to include interactivity on an iPad app.

  1. Navigation, the main feature of any app or website is that the customer/viewer has the ability to navigate the app there own way. so viewers go on there own journey rather than one that predetermined for them allready
  2. Sounds/Video – having the viewer be able to manually play sounds and video aswell as navigate things such as gallery allows viewers to experience the content in there own way.

having these forms of interactions keeps the audience excited and make them want to stay here rather than go away

These are just some of the many elements of interactivity that a designer can put on a document. Interactivity is important because it allows customer to feel as-though they are directly interacting with the product rather than just looking/observing it. this extra level between customer and product can increase the success of said product.


Supportive journal – Task 6

Task 6 – Research the constraints when implementing graphics to print and electronic devices/screen

With reference to points allready discussed or mentioned in the previous part of this supportive journal. i will now discuss the main constraints when implementing graphics to print and electronic devices


When implementing graphics to print there can be a few constraints to worry about.

Because print used a Subtractive colours (which mixes colours and ink) we must be careful when considering what colours to use on print. cost of ink, how it will look when printed etc. are just some of the issues to be considered. spacing is also a thing to consider. depending on what the goal of the print is the graphics should be reflected on that. if a image is meant to catch the eye then they would be laid out like on the Now Magazine. if there aren’t then, they could be to enforce/highlight a piece of text. like on the Independent newspaper.

Electric Devices

On electronic devices however, designer must be aware of the lowered resolution. so when implementing graphics, they must make sure that the image is just big enough so that the graphics have enough pixels to make the image without having them to big that they take up to much of the screen. However, this can relate to the next point. with how iPads screens can be laid out. some pages can be purely graphics without text and vice versa. so when implementing graphics, designers must take into account that the images can be used multiple pages at varied sizes. 1 way to solve this is to use vector based images that can rescale to any size.

Supportive Journal – Task 5

Task 5 – Research logos and talk about famous ones, their origins, what makes a good logo and why are they so important for brands even today

When designing a logo for a company, it is important to take into consideration the 5 Principles of effective logo design. which are as follows:

  1. Simple
  2. Memorable
  3. Timeless
  4. Versatile
  5. Appropriate


a simple logo design allows it to be easily recognizable. having a simple logo also allows it to be versatile and memorable. a good logo would be able to feature something unique and interesting without being overdrawn and distracting from its original simple design


With close resemblance to the Simplicity principle. if a logo is simple and eye easing, the logo then becomes more easily remembered when refereed to. This gives viewers of the logo a more pleasant experience than one that isn’t nice to look at.


A logo that is timeless means that its not age specific. so a logo that looks great now (with respect to the current trend) would ,in eventual time, become boring and outdated and the company would have to remake/re-design the logo across the ages. a prime example of this would be coca-cola, who’s logo has been the same since 1885.


An effective logo should be able to be used across a variety of mediums and other applications. meaning that the logo should be designed in a vector format, this means that is can be re-scaled to any size whilst still maintaining its quality. some questions that are commonly used to check if a logo is versatile and effective are if it’s:

  • Printed in one colour?
  • Printed on something the size of a postage stamp?
  • Printed on a large billboard?
  • Printed in reverse?

One of the main tricks to ensure this is to design the logo on black and white first.


How the logo is designed must be appropriate for its intended purpose. For example, when designing a logo for a children’s toy store. A childish font & colour scheme is appropriate. i.e ToysRus. having the ToysRus logo for a law firm ,for example, wouldn’t be appropriate.

it is also important to remember that the logo shouldn’t be designed to show what the company service is. a car dealer ship doesn’t need to feature a car in the logo, an IT company doesn’t need a PC in the logo. a logo is purely for identification.

Supportive Journal – Task 4

Task 4 – Research typography, it’s constraints when printing online, the different types of fonts and the meanings they could convey.

An integral part of communication, typography is everywhere. Used in nearly every form of advertising and design, typography has demanded the skill of dedicated typographers for centuries. As clients develop needs for specific styles and families of type, typographers are called upon to develop brand new, implement existing or revive old typefaces. Dedicated professionals who are constantly curious about their medium, typographers often create their own typefaces for distribution among the design and advertising professions as well.


Below is a brief history of typography from –

1400’s: Guttenberg invented movable typefaces, giving the world a cheaper way to obtain the written word. Up until this point, all written materials were done by hand, and were very costly to purchase. Guttenburg also created the first typeface, blackletter – it was dark, fairly practical, and intense, but not very legible.

1470: Nicolas Jenson created Roman Type, inspired by the text on ancient roman buildings. It was far more readable than blackletter, and caught on quickly.

1501: Aldus Manutius created italics – a way to fit more words onto a page, saving the printer money. Today, we use italics as a design detail or for emphasis when writing.

1734: William Caslon created a typeface which features straighter serifs and much more obvious contrasts between thin and bold strokes. Today, we call this type style ‘old style’.

1757: John Baskerville created what we now call Transitional type, a Roman-style type, with very sharp serifs and lots of drastic contrast between thick and thin lines.

1780: Firmin Didot and Giambattista Bodoni created the first ‘modern’ Roman typefaces (Didot, and Bodoni). The contrasts were more extreme than ever before, and created a very cool, fresh look.

1815: Vincent Figgins created Egyptian, or Slab Serif – the first time a typeface had serifs that were squares or boxes.

1816 William Caslon IV created the first typeface without any serifs at all. It was widely rebuked at the time. This was the start of what we now consider Sans Serif typefaces. During this time, type exploded, and many, many variations were being created to accommodate advertising.

1920’s: Frederic Goudy became the world’s first full time type designer, developing numerous groundbreaking typefaces, such as Copperplate Gothic, Kennerly, and Goudy Old Style.

1957: Swiss designer Max Miedinger created Helvetica, the most loved typeface of our time. This was a return to minimalism, and many other simplistic typefaces such as Futura surfaced around this time period.

Present: With the internet, we have such a vast variety of old and new typefaces available for us to peruse and use. All these typefaces give us an abundance of options and looks for our designs today, and we’re not limited by just one or two typefaces like we would have been a few hundred years ago.

Supportive Journal – Task 3

Task 3 – Layouts – Research layouts for print and screen on existing brochures and other editorial and advertising materials.

For this task i will compare the print & iPad versions of the now magazine

the_independent print independant ipad

the print version has all ready been analysed in a previous entry. so i will skim details about that particular version. the iPads main menu has a blocked layout. where all the elements of the page are stored in equal sized boxes. unlike the varied style on the print version. this however follows a similar navigation system. with the pictures acting as hotspots linking the menu to specific articles on the website/newspaper. the text on the print is small, giving room to cram as much information they can on each page. whereas on the print version. because of the restrictions, as previously discussed on the other tasks the text on the iPad version is large spacious. with no extra images or advertisement crammed in on the side.

Supportive journal – Task 2

Task 2 – Consider and research the main issues when designing for print as opposed to electronic devices/screen

When designing a magazine or other News articles etc. it is important to know about the Constraints and design issues concerning them. these can be things such as;  screen size, text adaptation, use of colour & resolution.

Screen Size – when designing for multiple platforms it is important to take into account about screen sizes for the different platforms. as the main example ,as this is what my work will be made for, the size for A4 paper is larger than the size of an iPad screen. so when designing the print version i would have to consider the extra space, i.e what could i add to it to fill it in or can i space/enlarge elements allready in without losing the interest of the reader whilst still also getting the same point across.

Text adaptation – because the screen sizes vary, we must also consider how our text must be changed or adapted from this. an iPad allows for multiple pages of elements to be stored on one app where as a print version. so when making a print version, a designer must find a way to get all this ‘extra page’ text information onto the main page. However, because an iPad has a smaller resolution,to be continued later, text on a print version can be shrunk and still be readable.

Use of Colour – Because of the different platforms the colour types of both are different. the Screen version uses Additive colours (Combines lights) whilst the print version uses Subtractive (Mixes Paints and inks). when design for both platforms this is a point to consider. as colours would behave differently.

Resolution – Both the screen and print version use a different resolution. Prints have a 300 ppi (pixels per inch) & iPads have a 130 ppi. the higher the ppi the sharper the image. this means that when designing a print version, images can be smaller than the iPad counterpart whilst still keeping the similar quality.

Supportive Journal – Task 1

Task 1 – Compare and contrast examples of companies that produce both a print and online version of their newspaper or magazine.

Example 1 – The independent

independant the_independent print

The Independent is a British national morning newspaper published in London by Independent Print Limited. The independent uses a similar theme for both of there print and screen versions. supporting a very traditional ‘black ink on white printing paper’ kind of appeal. this reflects on the target audience of the independent. the average mid-old aged man or woman who doesn’t want flashy images to peak there interests, they just want to read the latest in news stories.

as for the use of images, The Independent use there images commonly in order to highlight main sections of interest on a page. for example on the web version. my eyes are instantly drawn to the Sheffield skyline picture, as it is the biggest and most profound of the images on the page. the print version follows a similar fashion. using big pictures to highlight the story on that page and other little images to ‘tease’ what coming up.

Both Print & Screen versions use there images as links to other stories. on the screen it is a direct click to go, on the print version looking at the images text indicates what page the rest of the story is on

Example 2 – Now magazine

Now screenNow print

NOW is a British weekly entertainment magazine in the UK, with a regular circulation of 196,726.It is a mix of celebrity news, gossip and fashion and is primarily aimed at women. the themes on the print and screen version are very different. this is probably because they fill different rolls unlike The Independent. The print versions job is to force-ably grab the readers interest, using a barrage of images and color to draw in the readers eye before they go onto reading the delicious gossip about todays celebs. the web version however doesn’t do this, if the user has gone out of there way to get to this website, then the grabbing interest part has allready been done. the print version is to meant to provide information about the latest topics.

The usage of images is very different in both version ,as previously stated, this is because of the different rolls they fill. the print version uses images to catch the eye whilst the screen version uses them to emphasize a story.

the layout on the screen is straight and organised. so that the information is more clearly presented. whereas on the print version, everything is less organized. images overlap and side heading and pictures lay at an angle rather then upright. again this is the differentiate it from other magazines on the shelf to help catch the readers eye and persuade them that this magazine is more zingy and intersting