Typography - Task 2: Editorial Text
Typography - Task 2: Exercises
29/10/2024- 12/10/2024 / Week 6 – Week 8
Valenz Jycee Primadi / 0373407
Typography /Creative Media/ School of design
Task 2: Editorial Text
TABLE OF CONTENTS
1. Lectures
2. Instructions
3.Task : 2 Exercise 1 – Editorial Task
4.Feedback
5. Reflection
LECTURES
Week 5: Letters / Understanding letterforms
Lecture : Typo_5_Understanding
Understanding letterforms
The uppercase letter forms, suggest symmetry, but in fact it
is not symmetrical. Its easy to see different stroke weight in
Baskerville.
- Baskerville Stroke Form : The curved strokes are more circular in shape, and the characters became more regular.
Fig 1.1 Left: Baskerville, Right : Univers
The uppercase letter forms may appear symmetrical, but close
examination its actually show that the width of the left slope is
thinner than the right stroke.
The complexity of each individual letterforms is neatly demostrated
by examining the lowercase 'a' of two seemingly similiar sans-serif
typefaces Helvetica and Univers. The different between the letter can
be seen in the stems and the bowls.
Fig 1.2 Left : Helvetica, Right : Univers
Maintaining x-height
X-height generally describe as the size of the lowercase letterforms,
but you should know that curved strokes, in letter 's', must rise
above the median in order to be appear to be the same size as the
vertical and horizontal.
Form and Counterform (counter)
Just as important as recognizing specific letterforms is developing a
sensitivy to the counterform the space describes, and often contained,
by strokes.
Fig 1.3 Form and Counterform
We can understand the form by examine them in close detail and
enlarging each letter. It can achived and a palpable sense of
letterform's unique characteristic. It also give a glimpse into
process of letter making.
Letters / Contrast
The basic design principles directly apply to typography. The
simple contrast produce numerous variations such as :
small+organic/large+machined; small+dark/large light.
Fig 1.4 Contrast In Typography
INSTRUCTIONS
TASK 2 – Editorial Task
Initial Process ( Layout Sketch and References)
After looking for ideas and references, I was able to create several
layout sketches for my own editorial text. There are several struggles that I face, such as the expression for
the word and also the layout so that it can be balanced.
Fig 2.1 Sketch Editorial Text (28/10/2024). Jpeg
Fig 2.2 Type Expression Digitalalized (28/10/2024)
Fig 2.3 Type Expression Digitalalized Final
(28/10/2024).Jpeg
Once I'm happy with the digitalization process, I can continue
creating the layout for the body text. I started to create the body
text layout. I tried to find suitable typefaces, I also started
tracking and kerning so that it looked readable.
Fig 2.4 Digitalized Body Text Layout (28/10/2024)
Layout
After the sketching and digitalization were complete, I started by
creating a layout for the editorial text. I created 5 layouts to help me
explore some ideas that could help me in the future.
Fig 3.2 Digitalized Body Text Layout (4/11/2024).Jpeg.
Fig 3.2 Digitalized Body Text Layout block (4/11/2024).Jpeg.
Of all the layouts that I have made, the layouts that I like are
layouts 3, 4, and 5. Of the three layouts, in my opinion, I like the
uniqueness and expression. This is the first time I've done
something different, because usually I like simple ones but I tried
myself to make something a bit complex, so I could finish the
layout.
After Ms. V gave me some feedback on the layout I made, there were
several revisions that I had to change, especially the kerning and
tracking which were still unstructured and also some balances that I
had to make for the layout.
Fig 3.3 Digitalized Body Text Layout Revision
(4/11/2024).Jpeg.
Fig 3.4 Digitalized Body Text Layout Revision Block
(4/11/2024).Jpeg.
After revision, I try to find an mistake in the text from
kerning, tracking and also layout accuracy so that i can fix it before
the submission. For all layouts, I combine several words from unite to
express unity. There are also some who use elements of unity in
diversity.
I'm happy with all the layouts that I have revised, it's just that I
have to change some of the kerning tracking and also the layout a little
more so that it can be neater.
Fig 3.5 Layout of Text Editorial (4/11/2024).Jpeg
Head
Font: Gill Sans Std (Bold) & Futura Std (Heavy Oblique)
Type Size : 168 pt & 26 pt
Lead-In Text
Font : Adobe Caslon Pro
Type Size : 14 pt
Body
Font: ITC Garamond Std
Type Size: 10 pt
Leading: 11 pt
Paragraph spacing: 11 pt
Characters per-line: 55
Alignment: left justified
After Revision :
Fig 3.6 Revision Layout of Text Editorial (4/11/2024).Jpeg
Fig 3.7 Revision Layout of Text Editorial (4/11/2024).Jpeg
Head
Font: ITC new baskerville (roman) & Adobe Caslon Pro
(regular)
Type Size : 228 pt pt & 40 pt
Lead-In Text
Font : Adobe Caslon Pro
Type Size : 14 pt
Body
Font: ITC Garamond Std
Type Size: 10 pt
Leading: 11 pt
Paragraph spacing: 11 pt
Characters per-line: 55
Alignment: left justified
Final Editorial Text
Fig 4.1 Final Editorial Text (4/11/2024) Jpeg.
Fig 4.2 Final Editorial Text PDF (4/11/2024).Pdf
Fig 4.3 Final Editorial Text With
Grids(4/11/2024).Jpeg
Fig 4.4 Final Editorial Text With Grids PDF
(4/11/2024).Pdf
Final Editorial Text Revision
Fig 4.5 Final Editorial Text (10/12/2024) Jpeg.
Fig 4.6 Final Editorial Text (10/12/2024). (pdf)
Fig 4.7 Final Editorial Text with Grids (10/12/2024)
Jpeg.
Fig 4.8 Final Editorial Text with Grids (10/12/2024). (pdf)
FEEDBACK
Week 6
General Feedback: We do our text editorial and I used tracking and kerning for this task. I've done the sketch layouts. I like the sketch and the layout placement mostly I like the first layout sketch, it gave a simple look. Then I also watch the lecture video that were gave for our lecture.
Week 7
General Feedback: After the revision and feedback we do our text editorial and I used tracking and kerning for this task. I really like layout number 1, 3, and 4. I like layout 3 is because its unique and balanced, for layout 4 I like how simple it is, for layout 1 its almost the same as layout 3 but i make it more simple and the format quite different.
Specific Feedback : Everything is nice and well just need to fix the kerning and the tracking little bit more and also put more balanced.
REFLECTION
Experince
Overall, while making this task, I really enjoyed doing this task. Here we can choose 3 texts that are already available and we can share ideas for creating the task. Even though there are some difficulties and trial errors in determining ideas and expressions, I enjoy discovering new knowledge for the future. I was able to do research on several editorial text ideas, so I can found interesting layout to use in the assignment. I also can feels want to know alot of expression ideas.
Observations
By observing the references that I got and also observated my friend's works, I can find out some ideas that have been used, so this can help me to discover new ideas that i can come up with. I also like to observe the examples provided in Teams so that they can help me brainstorm the text I choose. After that, I read all three texts to find out more about the ideas that emerged. In the end I chose the text "unite to visualize" better world" for the assignment.
Findings
Throughout Assignment 2, I found that readable text is very
important, especially in determining the text and also the
thickness of a text, so that it can help people read more easily.
What is also important is when we think of an idea and expression
so that we make the headline unique and attract people's attention
to read it. By understanding these elements we can explore new
things to remember in future ideas.
FURTHER READING
For further reading books, I use the book Design Elements
Typography Fundamental by Kristin Cullen.
Fig 5.2 Categories of TypeFaces (P.P 59)
- Transitional Serifs : Is a moderate contrast between thick and thin strokes, more refined serifs, and taller x-heights.
- Modern Serifs (or Didone) : Is an feature contrast in stroke thickness, very thin serifs, and a vertical stress, offering a highly formal, refined appearance.
- Egyptian Slab Serifs : Is knowns by their thick, blocky serifs with little to no contrast in stroke thickness. Their robustness made them popular in display contexts but modern versions are more adaptable to different uses.
Fig 5.3 Typography Fundamental (P.P 70)
A good typeface is thoughtfully designed, legible, and
works well within its context, with careful attention to
spacing and hierarchy. the main point is :
- Good Typefaces : A design that work very well and cohesively in such words, lines, and paragraphs.
- Context Matters : It need to always start with the text itself, need understand its tone, message, and structure before choosing a typeface.
- Typesetting Needs : It needs to consider the quantity and variety of text (e.g., body text, headings) and technical needs (e.g., small caps, ligatures).
- Flexibility Over Perfection : The success and a good typeface depends on how it's applied. A great typeface can fail if mishandled, and a mediocre one can work if used well.
Fig 5.4 Typography Selection Considerations (P.P 73)
There are several typefaces in this world, one
of which turns out to have a unique
background
-
Mrs Eaves (by Zuzana Licko): It a Baskerville that rerival with open counters, smooth curves, and extensive ligatures.
-
Clarendon (by Robert Besley): Its a slab serif with an distinctive, bracketed serifs and ball terminals. It has a thout, friendly personality, this type mainly used for display any typo.
-
Univers (by Adrian Frutiger): Its asans-serif with a numerical naming system for weight and width. Its is known for its neutral tone, it offers a cohesive and legible design suitable for various uses.
Comments
Post a Comment