3/May/2022 - 10/May/2022 (Week 6 - Week 7)
Kim MinJoon (0353248)
Bachelor of Design (Honours) in Creative Media / GCD60104 / Taylor's
University
Task 2 - Typographic Exploration & Communication
LECTURES
Lecture link - Here
There should be 3 files that should be submitted;
-2 pdf
-jpeg
(In high quality pdf
select spreads
1 for visible guides and grids)
file > export > jpeg
resolution - 300
grayscale
spreads
then the details to the format in the following order.
Font : Gill Sans MT
Typeface : Gill Sans MT bold & regular
Font size : ?pt, ?pt, ?pt
Leading: ?pt
Paragraph Spacing: ?pt
Average characters per line : ?~ ?
Alignment: Left/Right/Justify
Margins : ?mm (top, left, right), ?mm (bottom)
Columns : 5
Gutter (for columns) : ?mm
this needs to be in the blog, describing the format.
then submit via eportfolio.
INSTRUCTIONS
For this task, we were given a choice on which text and article we could
format to our liking, but with limitations on what we can add are listed
with the instructions by Mr. Vinod.
Sketches
|
| Figure 1.1: Sketches (09.05.2022) |
Having the chance to format an article with the title of 'Follow the Code'
was an interesting choice for me. It felt like it had a meaning to how the
format was going to take place. there were other choices of text but it
only felt natural to go with 'Follow the Code'.
I first started by making sketches shown above, trying to figure out how
to make this format have the meaning of the title, 'Follow the Code'. Then
thinking of the actual word of code/coding, it occurred to me that they
are very organized and aligned in a sense where they are visible to the
coder. I took the formatting idea from the programming language
'Python' as I did learn it back a few years ago. It wasn't a big of
a change, but it did create an impact on how the title was viewed as a 'programming language'.
The horizontal title didn't really fit in my opinion on how the whole
article was structured. So starting from the 3rd sketch, I made the whole
title vertical and it fitted more to my liking than the first 2 so I went
with that instead.
|
| Figure 2.2: Title configuration (09.05.2022) |
|
|
Figure 2.2: Title before edit (09.05.2022) |
With the title format/design being placed on the board, I made a few
changes on how the whole thing should look like. In the figure, I didn't
quite trust the kerning of the word 'follow' and 'the' or the spacing
alignment of the words.
|
| Figure 2.3: Title configuration #2 (09.05.2022) |
|
| Figure 2.4: Title after edit (09.05.2022) |
Even though the end of the W in the word 'Follow' doesn't align directly
to the E in 'The', it felt more natural than it was before. Although the
text boxes were configurated to not being in within the columns it was
separated to each word to give it a tighter, cleaner look.
|
| Figure 3.1: draft #1 (09.05.2022) |
|
| Figure 3.2: draft #1 (without grids) (09.05.2022) |
Font : Futura Std, Gill Sans MT
Typeface : Futura Std Bold, Gill Sans MT bold & regular
Font size : 70pt, 10pt
Leading: 12pt
Paragraph Spacing: 12pt (4.233 mm)
Average characters per line : 50 ~ 58
Alignment: Left
Margins : 12.7 mm (top, inside, outside), 12.7mm (bottom)
Columns : 4
Gutter (for columns) : 4.233 mm
In the first draft, the words that are highlighted were put into a
separate paragraph with the body to try to give a look of importance. I
liked how it focuses the attention to the bolded words but in some of the
paragraphs there were orphans that was difficult to get rid off without
extending the tracking to over +-20.
|
| Figure 3.3: draft #2 (12.05.2022) |
|
| Figure 3.4: draft #2 (without grids) (12.05.2022) |
Font : Futura Std, Gill Sans MT
Typeface : Futura Std Bold, Gill Sans MT bold & regular
Font size : 70pt, 10pt
Leading: 12pt
Paragraph Spacing: 12pt (4.233 mm)
Average characters per line : 50 ~ 58
Alignment: Left
Margins : 12.7 mm (top, inside, outside), 12.7mm (bottom)
Columns : 4
Gutter (for columns) : 4.233 mm
In the second draft, I tried on a different approach to how the body was structured. The alignment was to the left still, but the body was starting from the top. This way, was the least probable one to be submitted so I stuck to the original design, draft #1.
|
| Figure 3.5: draft #2 (12.05.2022) |
|
| Figure 3.6: draft #2 (without grids) (12.05.2022) |
Font : Futura Std, Gill Sans MT
Typeface : Futura Std Bold, Gill Sans MT bold & regular
Font size : 70pt, 10pt
Leading: 12pt
Paragraph Spacing: 12pt (4.233 mm)
Average characters per line : 50 ~ 58
Alignment: Left
Margins : 12.7 mm (top, inside, outside), 12.7mm (bottom)
Columns : 4
Gutter (for columns) : 4.233 mm
The last one was the most promising one for me by the looks of the
formatting. It didn't have too much spacings between the paragraphs and it
was easier to Identify.
Finishing Touches
|
| Figure 3.7: Tracking (before & after) (12.05.2022) |
Tracking between the words were shrunk down to make sure there were no
orphans left in the paragraph.
|
| Figure 3.8: Change of typeface (before & after) (12.05.2022) |
Configuration of typefaces for the words needed of emphasis was a must in
the format. Mr. Vinod also has highlighted that changing fonts or
typefaces to emphasize wordings were a good skill to adapt.
Final Design
|
|
Figure 4.1: Final Outcome (12.05.2022) |
Font : Futura Std, Gill Sans MT
Typeface : Futura Std Bold, Gill Sans MT bold & regular
Font size : 70pt, 10pt
Leading: 12pt
Paragraph Spacing: 12pt (4.233 mm)
Average characters per line : 50 ~ 58
Alignment: Left
Margins : 12.7 mm (top, inside, outside), 12.7mm (bottom)
Columns : 4
Gutter (for columns) : 4.233 mm
FEEDBACK
For the work that was shown, Mr. Vinod has stated that the ">>>" of the title could be in line with the last paragraphs of the separate columns. He also said that the different typefaces used to highlight words were a good choice to make.
REFLECTIONS
Experience
In this task, I believe it was a lot quicker than the first since we already had some experience from the previous one and watched the recorded lectures already. It was a short duration of time to complete the work but I am glad it worked out better than I anticipated.
Observations
I found myself stuck when using some of the InDesign functions, so I had to go back to Mr. Vinod's lectures and scanning through how it works all over again. I also think that trying out the other concepts for the format was a plus to get used to the application.
Findings
This task was a little similar to the first task, but was still a quite an exercise to get used to the application. It also made me realize that the title is not the only thing that makes the design of an article interesting, but how it is structured as well.
Further Readings
-
Comments
Post a Comment