Comparison of all three blogs

• In the printed magazine it was limited to that particular magazine. However, in the digital editorial website it had a navigation bar which the user could choose different subjects.

• Use of different typography, to distinguish from a title to a paragraph, was used for all three blogs.

• Use of advertisements were used for the app and the printed magazine.

• Different styles of orientation where used for articles, regarding the app. With regards to the printed magazine different orientation was used for posters.

• A lot of images were used in all blogs.
• Patterns inside text to make it more decorative and appealing for the user.

• Different column grid layouts were used for articles with regards the app. With the digital editorial website column grid layout to show all the articles regarding the website.With regards the printed magazine different grid layouts were used to define the article.

• The digital editorial website had also the logo which the app and the printed magazine don't have. As the app focuses on the event which it is hosting and the printed magazine focuses on the genre that it is focusing on.

App - MULLUM

• The title of the magazine is shown in the form of guitar strings.
• Displayed in capital letters.

Title of Magazine

• 
  Articles are displayed in a 2-column grid layout.
• Displaying first the picture of the authors (horizontal orientation)

2-column grid article

• Poster displaying a banjo
• Inside the banjo words are displayed 
• Different font sizes and font styles used.

Poster

• Articles are displayed in a 3-column grid layout
• Displaying first the musicians in a photo
• Description about the musician 
• Displaying the dates of each musician playing 
• These are all displayed in a horizontal orientation with different font sizes, font-styles and colour.

3-column grid article

• Posters related to music
• Advertisement regarding education towards music.

Poster about education in music

• Articles are displayed in a 3-column grid layout 
• Displaying first the musicians in a photo
• Displaying the dates of each musician playing on that day
• Description about the musician
• These are all displayed in a vertical orientation by first displaying the image, then the dates and last the description.
• Also the different font sizes, font-styles and colour.

Article in vertical orientation

• Creative posters to appeal the reader.

Creative poster

• Different designs to show the musician's genre

Designs which reflect the musician's music

• Timetable of all events during the week.

Timetable of the events

• Map displaying the places of interest at the location of the event.

Map with the places of interest in the event

• Different workshops shown as they will be in the event
• Title of workshops with red font
• Logo of workshops is in italics
• Different typography used throughout the whole article

Article about workshops

• Different food shown to inform the reader what type of food will there be during the event.

Different food which will be shown in the event

• 2-column grid layout displaying the information about the event and how to travel to the location of the event.

2-column grid article about the event

• Poster displaying different prizes for the tickets.
• They vary depending age gaps.
• How much the user can afford.

Poster about the tickets

• Shows the sponsors of the event which helped organising it.

Sponsors which helped in the event

Digital Editorial Website

https://www.siteinspire.com/websites?categories=57

• Logo 
• Placed with the navigation bar 
• Shape - Circle with fed fill as the background
• Typography: 
• Type of font used as Sixta Thin
• Sans Serif Typography
• Font Size used - 18pt
• First word of the logo is left aligned
• Second word of the logo is center aligned
• Color font - white colour with lowercase.

Logo

• Navigation Bar: 
• Left side of the navigation bar, the logo is displayed.
• Shows the Styles (drop down menu) 
• Displays different categories
• Shows the Types (drop down menu) 
• Displays different types of that particular category
• Shows the Subjects (drop down menu)
• Displays subjects depending on the category and style.
• Shows the Platforms of the website (drop down menu)
• What type of platform the website will be shown.
• Shows the Search (drop down menu)
• Displays a magnifying glass letting the user search anything the user wants.
• Websites Link:
• Hovering on it shows the user all the websites stored in the current website.
• Directory Link:
• Shows all the studios from around the world showing a number of websites next to the studios.
• About: 
• Displays what the website is about in lowercase bold.
• Displaying he browsing, follow, and join in a 3-column grid layout.
• Text underlined can be hovered and be taken to another tab.
• FAQs section:
• shows the questions in bold.
• shows the answers in normal font.

Navigation Bar

• Next to the navigation bar there is an icon with account.
• When hovering on the icon a drop down menu letting to sign in or sign up.

Profile Icon

• A 3-column grid layout displaying all the editorial websites stored in the websites. 
• An image with the home page of the editorial websites.
• Under the image displays a title of the website.
• Under the title shows how long has that particular editorial website been on the website.

Grid Layout

• The footer displays a white background.
• Displays a 4-column grid layout:
• first column - about the website
• second column: Latest Websites - A list of all the recent websites submitted. 
• third column: Information
• Mailing List - users give their emails to receive recent news on the website.
• Advertise - sponsoring the website.
• fourth column: connect with us
• Displays all the social media the users can connect with the website
• Twitter, Facebook, Tumblr, feedburner, email.

Footer

• Under the 4-column grid layout the copyright logo is displayed.

Copyright

Analysing and Breaking Down Magazines

In class we were given a magazine to analyse any observations noted in the magazine. Some differences that were pointed out were:

• The different text used for each article.
• Decoration around subtitle to attract and encourage the user to read.

Different text for each article

Different text for each article - decoration around subtitle

• Drop caps used at the beginning of the article.
• Used so that the designer points the user from where he/she should start reading.

Drop caps

• A 3 column grid layout used for certain articles including white space while for certain articles 2 column grid layout including white space.

3 column grid layout

2 column grid layout

• Pink colour set as a background colour for the front page showing different titles of certain articles throughout the magazine.
• The magazine itself attracts punk and young generations.

Pink background colour

• For a poster it's set as a landscape orientation to show the full image.
• Two simple sentences about the poster.

Landscape oriented

• The majority of the pages are set as a portrait orientation.
• Enlarged and different coloured text to attract more attention to the readers.
• Fonts are enlarged to show greater hits at that particular year.
• Decorative borders throughout the columns.

Portrait orientation

Portrait orientation

Portrait orientation - different fonts for punk albums

• Every page has a page number with a different font style.

Page numbers with different font style

Page numbers with different font style

• Pages are divided into different sections to fit more articles.
• Page breaks to show that the article has finished and a new article is going to start.

More than article in 2 pages

• The layout of an article is similar to a newspaper style.
• Decorative borders throughout the page.

Layout similar to an article

• Advertisement taking up the whole page.

Advertisement for a whole page

• Most of the images are printing using colour.
• Similar usage to comics.

• Background patterns around text.
• Decorative patterns inside text.

Background and decorative patterns throughout the text 

• Certain articles are set with the text of the article on the left side of one page and a photo of the author who wrote that article on the other page (taking the whole page).

Left page - text on the article and Right page - image of the author