Mini Mag: Research – Developing Ideas

I have spent the last week developing ideas for my Mini Magazine, which should consist of 4 pages A4. I have finally decided on an idea that I want to go with and have come out with the first sketches.

I started out with two main ideas, the first one being to create a mini comic book. But having to think of and developing new characters and then drawing them and tracing in Illustrator seemed too much. The other idea was to create a tutorial like magazine where I would create a piece of “art” in either Illustrator or Photoshop for then after that showing how I did it in four pages. This seemed like an obvious idea for me since that would free me of any worries about copyright on images since it would then be my own work that would be featured in the article.

I did also in the process consider other ideas such as snowboarding, formula 1 or football as some of my own interest areas. Some problems there though especially with fooball an formula 1 would be to get good images that I could use in my magazine. It would be hard to get anything other than a couple of staged photos, featuring unknown actors. And since the actual people that these things are a pretty big deal in these areas it would be kind of flat if I couldn’t use pictures of them. I probably could buy them but I didn’t fancy that solution. A quick search on istockphoto revealed nothing great and I pretty quickly discarded the idea.

Typography :: Installing New Fonts

First find a font directory on the Internet where you can download your font, either free or if you can afford a paying site. In this example we have used dafont.com

 

Find the font you want to download and install, here we have chosen a standard sans-serif font called Walkway. Click to download the file and save it on your hard drive.

 

Extract the content to your computer and open the folder so that you can see all the different font styles. Depending on the font you have downloaded there might be more or less files in here. For the Walkway there is quite a lot of styles so there are a lot of files that we need to install.

After that navigate to your fonts directory on you pc or mac. On a windows machine it is called fonts, in the windows folder on a MAC its in your system folder. Now just copy and paste the fonts you want to install and fire up your application and check, they should all be ready to use.

Typography :: Jargon

Here is a very quick list of the most used words and phrases used when working with typoghraphy. I have grouped them into two groups to easier navigate through the list.

Families, Types & Formats:

Type refers to a single character, and could be any character used including numbers and symbols (“, Kk, 10)

Typefaces are actually font families. This refers to families of the same fonts that differs slightly. An example could be the myriad family which consists of: Myriad, Myriad Std and Myriad Pro

Size & Spacing:

Font is a particular set of characters defined within a typeface. For example to use the example from before where the typeface was Myriad, here a font could be Myriad Pro

Variants is the variant of a particular font, for example the font Myriad Pro has a ton of variants including:

• Regular

• Italic

• Semibold Italic

• Bold, Bold Italic

• Black

• Black Italic

• Condensed

• Condensed Italic

• Light Condensed

• Light Condensed Italic

• Semibold Condensed

• Semibold Condensed italic

• Bold Condensed

• Bold Condensed Italic

• Black Condensed

• Black Condensed italic

• Light

• Light Italic

Types of fonts refers the the style of the font ie. Serif or sans-serif:
Sans-Serif is fonts without serifs’ which is easily explained by showing a serif. A serif font is a font where each character varies in size like Times New Roman. It has small handles which makes it easy to read even when the print is small. Sans-serif is then the opposite here the characters has the same thickness throughout the characters, and does not have any handles. An example here could be Arial

Others more sparingly used are script and decorative. Script is used to mimic handwriting and decorative is used for more denotative titles mostly. A well known decorative font is the ones used to mimic old western movies like Rosewood Std. Script is used mostly when signing digital documents, its used to give the feeling of a handwriting. An example could be Brush Script Std

Type 1 or postscript is a type developed by Adobe and is a professional choice of font. Type one is some where identified with the red (a) icon

True Type is developed by Apple and was a reaction on the high license costs of Type 1, True Type can cause problems when it is sent top a printer, it is often identified by the (TT) icon

Open Type is way the most popular and can be seen a bit like the open source of fonts. The source code of these font are more or less open to make changes to a certain set of fonts. Thses fonts also works on all platforms wheter on a mac, windows or linux(O)

Size & Spacing:

Leading is the space used between two lines of text. This can be used top separate headlines from body text or create an easier readable document.

Kerning is the space between individual characters, and is used to space letters or numbers apart. This can be very useful in headlines and other scenarios where it can be hard to read a certain word. These problems mostly occur if you are using very large or very small font sizes

Tracking is the space between a set of words. Usually seen in newspaper columns where each line is exactly the same length. This is also called justification of text

Points is a way of sizing text. 12pt is a standard in most word processors for example

Picas & ems refers to a unit. This would in most cases be 12pt. But it depends on what the default size is, if the default size in a document is set to 18pt then 1em would refer to 18pt, meaning that 2em would be 36pt.SerifBrush

 

GRIDS :: Example

Underneath is an example of a magazine page created using a simple grid system.

I have outlined the grid system to make it easier to identify. This is a very simple outline of the grid and it could be much more complex but this is the minimum grid that could have been used to create the page. This page could have been subdivided into a complex grid system, the grid is only there to make it easier for the designer and most important to make it easier for the reader.

GRIDS :: An Introduction

Grids are used as guides to position elements on a canvas, paper, a website, cd cover etc. Grids are guides that works within the page to help the author to see were different elements can be placed, this could be text blocks, images, pull quotes and so on.

Grids are a standard way of organizing things to allow designers communicate easier with the audience, and most importantly, it’s easier for the audience to understand the message if a consistent grid is used. Audiences know how to navigate and understand a grid despite them not knowing it, this is because we humans a so used to grids being used everywhere, in books, magazines, on the web, buildings, bricks etc.

 

A simple example of a grid is shown here: